ソースを参照

style: 优化数字输入框前后加减号样式

wu.jian2 1 年間 前
コミット
4acb030e72

+ 18 - 6
data-room-ui/packages/BigScreenDesign/PageDesignTop.vue

@@ -11,7 +11,15 @@
     </div>
     <div class="head-btn-group">
       <span style="margin-right:8px;font-size:12px">缩放比例</span>
-      <el-input-number style="margin-right:20px" :value="zoom" @change="changeZoom" :min="1" :max="100" label="描述文字"></el-input-number>
+      <el-input-number
+        class="bs-el-input-number"
+        style="margin-right:20px"
+        :value="zoom"
+        :min="1"
+        :max="100"
+        label="描述文字"
+        @change="changeZoom"
+      />
       <el-dropdown
         trigger="click"
         class="align-list-dropdown"
@@ -99,7 +107,11 @@
       :page-info="pageInfo"
       @replaceItByTemplate="replaceItByTemplate"
     />
-    <CloseDialog ref="CloseDialog" @back="backManagement" @backSave="backSave" />
+    <CloseDialog
+      ref="CloseDialog"
+      @back="backManagement"
+      @backSave="backSave"
+    />
     <AssignDialog ref="AssignDialog" />
     <HistoryList ref="HistoryList" />
   </div>
@@ -195,7 +207,7 @@ export default {
       timelineStore: (state) => state.bigScreen.timelineStore,
       currentTimeLine: (state) => state.bigScreen.currentTimeLine,
       activeCodes: state => state.bigScreen.activeCodes,
-      zoom: (state) => state.bigScreen.zoom,
+      zoom: (state) => state.bigScreen.zoom
     }),
     pageCode () {
       return this.$route.query.code || this.code
@@ -224,7 +236,7 @@ export default {
       undoTimeLine: 'bigScreen/undoTimeLine',
       saveTimeLine: 'bigScreen/saveTimeLine'
     }),
-    changeZoom(val){
+    changeZoom (val) {
       this.$emit('changeZoom', val)
       // console.log(val)
     },
@@ -333,10 +345,10 @@ export default {
         return value1 - value2 // 升序
       }
     },
-    goBackManage(){
+    goBackManage () {
       this.$refs.CloseDialog.init()
     },
-    async backSave(){
+    async backSave () {
       await this.save()
       this.backManagement()
     },

+ 4 - 0
data-room-ui/packages/assets/style/bsTheme.scss

@@ -39,11 +39,15 @@
   }
 
   .el-input-number__decrease {
+    color: var(--bs-el-text) !important;
+    font-size: 16px !important;
     background: var(--bs-el-background-1) !important;
     border-color: var(--bs-el-border) !important;
   }
 
   .el-input-number__increase {
+    color: var(--bs-el-text) !important;
+    font-size: 16px !important;
     background: var(--bs-el-background-1) !important;
     border-color: var(--bs-el-border) !important;
   }