feat: 修改跑马灯组件的配置面板组件,单选框=>下拉选择器

main
wu.jian2 2 years ago
parent fbc0b8ec8a
commit a299a11ae9

@ -4,7 +4,7 @@
* @Author: shiyi
-->
<template>
<div class="bs-setting-wrap">
<div>
<el-form
ref="form"
label-width="100px"
@ -131,17 +131,20 @@
/>
</el-form-item>
<el-form-item label="文字颜色类型">
<el-radio-group
<el-select
v-model="config.customize.textColorType"
class="bs-el-radio-group"
popper-class="bs-el-select"
class="bs-el-select"
>
<el-radio label="pure">
纯色
</el-radio>
<el-radio label="gradient">
渐变色
</el-radio>
</el-radio-group>
<el-option
label="纯色"
value="pure"
/>
<el-option
label="渐变色"
value="gradient"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="config.customize.textColorType === 'pure'"
@ -191,20 +194,24 @@
/>
</el-form-item>
<el-form-item label="背景色类型">
<el-radio-group
<el-select
v-model="config.customize.backgroundColorType"
class="bs-el-radio-group"
popper-class="bs-el-select"
class="bs-el-select"
>
<el-radio label="transparent">
透明
</el-radio>
<el-radio label="pure">
纯色
</el-radio>
<el-radio label="gradient">
渐变色
</el-radio>
</el-radio-group>
<el-option
label="透明"
value="transparent"
/>
<el-option
label="纯色"
value="pure"
/>
<el-option
label="渐变色"
value="gradient"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="config.customize.backgroundColorType === 'pure'"
@ -364,19 +371,22 @@ export default {
},
watch: {
},
mounted () {},
mounted () { },
methods: {
changeStyle () {}
changeStyle () { }
}
}
</script>
<style lang="scss" scoped>
@import "../../assets/style/settingWrap.scss";
.bs-setting-wrap{
padding-top: 16px;
}
.lc-field-body {
padding: 12px 16px;
}
</style>
<style lang="scss" scoped>
@import '../../assets/style/settingWrap.scss';
@import '../../assets/style/bsTheme.scss';
.bs-setting-wrap {
padding:12px 16px;
}
.lc-field-body {
padding: 12px 16px;
}
</style>

Loading…
Cancel
Save