feat:修改时间选择器的配置

data-room-ui/packages/BasicComponents/CurrentTime/setting.vue

@@ -31,28 +31,32 @@
       <SettingTitle>基础</SettingTitle>
       <div class="setting-wrap">
         <el-form-item
-          label="时间字体大小"
+          label="字体大小"
           label-width="100px"
         >
-          <el-input
+          <el-input-number
             v-model="config.customize.fontSize"
-            placeholder="请输入时间字体大小"
-          >
-            <template slot="append">
-              px
-            </template>
-          </el-input>
+            class="bs-el-input-number"
+            placeholder="请输入字体大小"
+            :min="0"
+          />
         </el-form-item>
         <el-form-item
-          label="时间字体权重"
+          label="字体权重"
           label-width="100px"
         >
           <el-input-number
             v-model="config.customize.fontWeight"
             class="bs-el-input-number"
-            placeholder="请输入时间字体权重"
+            placeholder="请输入字体权重"
           />
         </el-form-item>
+        <el-form-item
+          label="字体颜色"
+          label-width="100px"
+        >
+          <el-color-picker v-model="config.customize.color" />
+        </el-form-item>
         <el-form-item
           label="时间格式"
           label-width="100px"
@@ -70,12 +74,6 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item
-          label="字体颜色"
-          label-width="100px"
-        >
-          <el-color-picker v-model="config.customize.color" />
-        </el-form-item>
       </div>
     </el-form>
   </div>

data-room-ui/packages/BasicComponents/TimeCountDown/setting.vue

@@ -30,46 +30,46 @@
       <SettingTitle>基础</SettingTitle>
       <div class="lc-field-body">
         <el-form-item
-          label="时间字体大小"
+          label="字体大小"
           label-width="100px"
         >
-          <el-input
+          <el-input-number
             v-model="config.customize.fontSize"
-            placeholder="请输入时间字体大小"
-          >
-            <template slot="append">
-              px
-            </template>
-          </el-input>
+            class="bs-el-input-number"
+            placeholder="请输入字体大小"
+            :min="0"
+          />
         </el-form-item>
         <el-form-item
-          label="时间字体权重"
+          label="字体权重"
           label-width="100px"
         >
           <el-input-number
             v-model="config.customize.fontWeight"
             class="bs-el-input-number"
-            placeholder="请输入时间字体权重"
+            placeholder="请输入字体权重"
           />
         </el-form-item>
+        <el-form-item
+          label="字体颜色"
+          label-width="100px"
+        >
+          <el-color-picker v-model="config.customize.color" />
+        </el-form-item>
         <el-form-item
           label="结束日期"
           label-width="100px"
         >
           <el-date-picker
             v-model="config.endTime"
+            popper-class="dateClass"
+            :append-to-body="true"
             type="datetime"
             placeholder="请选择结束日期"
             :picker-options="pickerOptions"
             value-format="timestamp"
           />
         </el-form-item>
-        <el-form-item
-          label="字体颜色"
-          label-width="100px"
-        >
-          <el-color-picker v-model="config.customize.color" />
-        </el-form-item>
       </div>
     </el-form>
   </div>
@@ -137,4 +137,9 @@ export default {
 .lc-field-body {
   padding: 12px 16px;
 }
+/deep/.dateClass{
+  .el-time-panel{
+    width: 138px!important;
+  }
+}
 </style>