You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<BorderSetting
|
|
ref="form"
|
|
:config="config"
|
|
:predefine-theme-colors="predefineThemeColors"
|
|
>
|
|
<template slot="top">
|
|
<el-form-item label="边框标题">
|
|
<el-input
|
|
v-model="config.customize.title"
|
|
maxlength="100"
|
|
clearable
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="标题宽度">
|
|
<el-input-number
|
|
class="bs-el-input-number"
|
|
v-model="config.customize.titleWidth"
|
|
:max="8000"
|
|
:min="50"
|
|
:step="10"
|
|
/>
|
|
</el-form-item>
|
|
</template>
|
|
</BorderSetting>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import BorderSetting from 'data-room-ui/BigScreenDesign/BorderSetting.vue'
|
|
import {predefineColors} from "data-room-ui/js/utils/colorList";
|
|
export default {
|
|
name: 'Border11Setting',
|
|
components: {
|
|
BorderSetting
|
|
},
|
|
data () {
|
|
return {
|
|
// 预设主题色
|
|
predefineThemeColors: predefineColors
|
|
}
|
|
},
|
|
computed: {
|
|
config: {
|
|
get () {
|
|
return this.$store.state.bigScreen.activeItemConfig
|
|
},
|
|
set (val) {
|
|
this.$store.state.bigScreen.activeItemConfig = val
|
|
}
|
|
}
|
|
},
|
|
watch: {},
|
|
mounted () { },
|
|
methods: {}
|
|
}
|
|
</script>
|