feat:边框配置完善，新增内置边框
liu.tao3
2 years ago
parent
af3e00e163
commit
25fd8bb6b4
Binary file not shown.
|
Before Width: | Height: | Size: 343 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 343 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
@ -0,0 +1,45 @@
|
||||
|
||||
const type = 'GcBorder1'
|
||||
|
||||
const name = '边框一'
|
||||
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-10
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-10>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox10 from '@jiaminghi/data-view/lib/components/borderBox10/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox10/src/main.css'
|
||||
export default {
|
||||
name: 'Border10',
|
||||
components: {
|
||||
DvBorderBox10
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder10'
|
||||
|
||||
const name='边框十'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-11
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-11>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox11 from '@jiaminghi/data-view/lib/components/borderBox11/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox11/src/main.css'
|
||||
export default {
|
||||
name: 'Border11',
|
||||
components: {
|
||||
DvBorderBox11
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder11'
|
||||
|
||||
const name='边框十一'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-12
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-12>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox12 from '@jiaminghi/data-view/lib/components/borderBox12/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox12/src/main.css'
|
||||
export default {
|
||||
name: 'Border12',
|
||||
components: {
|
||||
DvBorderBox12
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,45 @@
|
||||
|
||||
const type = 'GcBorder12'
|
||||
|
||||
const name = '边框十二'
|
||||
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-13
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-13>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox13 from '@jiaminghi/data-view/lib/components/borderBox13/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox13/src/main.css'
|
||||
export default {
|
||||
name: 'Border13',
|
||||
components: {
|
||||
DvBorderBox13
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder8'
|
||||
|
||||
const name='边框十三'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder2'
|
||||
|
||||
const name = '边框二'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-3
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-3>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox3 from '@jiaminghi/data-view/lib/components/borderBox3/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox3/src/main.css'
|
||||
export default {
|
||||
name: 'Border2',
|
||||
components: {
|
||||
DvBorderBox3
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder3'
|
||||
|
||||
const name='边框三'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-4
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-4>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox4 from '@jiaminghi/data-view/lib/components/borderBox4/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox4/src/main.css'
|
||||
export default {
|
||||
name: 'Border4',
|
||||
components: {
|
||||
DvBorderBox4
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder4'
|
||||
|
||||
const name='边框四'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-5
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-5>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox5 from '@jiaminghi/data-view/lib/components/borderBox5/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox5/src/main.css'
|
||||
export default {
|
||||
name: 'Border5',
|
||||
components: {
|
||||
DvBorderBox5
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder5'
|
||||
|
||||
const name='边框五'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-6
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-6>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox6 from '@jiaminghi/data-view/lib/components/borderBox6/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox6/src/main.css'
|
||||
export default {
|
||||
name: 'Border6',
|
||||
components: {
|
||||
DvBorderBox6
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder6'
|
||||
|
||||
const name = '边框六'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-7
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-7>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox7 from '@jiaminghi/data-view/lib/components/borderBox7/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox7/src/main.css'
|
||||
export default {
|
||||
name: 'Border7',
|
||||
components: {
|
||||
DvBorderBox7
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder7'
|
||||
|
||||
const name= '边框七'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-8
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-8>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox8 from '@jiaminghi/data-view/lib/components/borderBox8/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox8/src/main.css'
|
||||
export default {
|
||||
name: 'Border8',
|
||||
components: {
|
||||
DvBorderBox8
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder8'
|
||||
|
||||
const name='边框八'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div
|
||||
style="width: 100%;height: 100%"
|
||||
class="bs-design-wrap"
|
||||
>
|
||||
<dv-border-box-9
|
||||
:id="'dataV' + config.code"
|
||||
:background-color="backgroundColor"
|
||||
:key="updateKey"
|
||||
>
|
||||
<div class="element"
|
||||
:style="`
|
||||
color:${color};
|
||||
font-size:${config.border.fontSize}px;
|
||||
line-height:${config.border.titleHeight}px;
|
||||
height:${config.border.titleHeight};
|
||||
padding:0 0 0 20px`"
|
||||
>
|
||||
{{config.title}}</div>
|
||||
</dv-border-box-9>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { refreshComponentMixin } from 'data-room-ui/js/mixins/refreshComponent'
|
||||
import DvBorderBox9 from '@jiaminghi/data-view/lib/components/borderBox9/src/main.vue'
|
||||
import '@jiaminghi/data-view/lib/components/borderBox9/src/main.css'
|
||||
export default {
|
||||
name: 'Border9',
|
||||
components: {
|
||||
DvBorderBox9
|
||||
},
|
||||
mixins: [refreshComponentMixin],
|
||||
props: {
|
||||
// 卡片的属性
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
color () {
|
||||
return this.config.border.fontColor ? this.config.border.fontColor
|
||||
: '#fff'
|
||||
},
|
||||
backgroundColor () {
|
||||
return this.config.border.backgroundColor
|
||||
? this.config.border.backgroundColor
|
||||
: 'transparent'
|
||||
},
|
||||
// colorType () {
|
||||
// return this.config.border.colorType
|
||||
// }
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted () {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bs-design-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// padding: 0 16px;
|
||||
background-color: transparent;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*滚动条样式*/
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
border-radius: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
background: #dddddd !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
const type = 'GcBorder9'
|
||||
|
||||
const name='边框九'
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
// 背景色
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'backgroundColor',
|
||||
optionField: 'backgroundColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
// 标题字体颜色
|
||||
{
|
||||
label:'标题字体颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontColor',
|
||||
optionField: 'fontColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
const files = require.context('../BorderComponents/', true, /setting.js$/)
|
||||
const plotList = []
|
||||
// 获取plot配置
|
||||
files.keys().forEach((key) => {
|
||||
// ./折线图/基础折线图.js
|
||||
// 取到 "基础折线图"
|
||||
const config = files(key).default
|
||||
plotList.push({
|
||||
type: config.type,
|
||||
setting: config.setting,
|
||||
name:config.name
|
||||
})
|
||||
})
|
||||
export default plotList
|
||||
|
||||
|
||||
Loading…
Reference in New Issue