Browse Source

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

wu.jian2 1 năm trước cách đây
mục cha
commit
a299a11ae9
1 tập tin đã thay đổi với 43 bổ sung33 xóa
  1. 43 33
      data-room-ui/packages/BasicComponents/Marquee/setting.vue

+ 43 - 33
data-room-ui/packages/BasicComponents/Marquee/setting.vue

@@ -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>