修改改变的大小

src/components/common/mult-color-picker/index.vue

@@ -11,9 +11,10 @@
                 <div class="flex-col">
                     <div class="flex-row align-s gap-12">
                         <el-color-picker v-model="item.color" show-alpha :predefine="predefine_colors" @change="change_color(index, $event)" />
-                        <el-input v-model="item.color_percentage" :maxlength="3" placeholder="请输入百分比" @change="change_color_percentage(index, $event)">
-                            <template #append>%</template>
-                        </el-input>
+                        <div class="re mo-input-number">
+                            <el-input-number v-model="item.color_percentage" :max="999" label="请输入百分比" type="number" controls-position="right" class="number-show" @change="change_color_percentage(index, $event)"></el-input-number>
+                            <div class="define-append">%</div>
+                        </div>
                     </div>
                     <div v-if="index + 1 !== color_list.length" class="connect-line"></div>
                 </div>
@@ -77,8 +78,8 @@ const change_color = (index: number, color: string | null) => {
     color_list.value[index].color = color;
     update_value();
 };
-const change_color_percentage = (index: number, percentage: string | null) => {
-    color_list.value[index].color_percentage = percentage;
+const change_color_percentage = (index: number, percentage: number | undefined) => {
+    color_list.value[index].color_percentage = percentage?.toString();
     update_value();
 };
 const update_value = () => {
@@ -138,4 +139,29 @@ const update_value = () => {
         color: $cr-primary-dark;
     }
 }
+.mo-input-number {
+    :deep(.el-input-number) {
+        .el-input-number__decrease, .el-input-number__increase {
+            right: 3.4rem;
+        }
+    }
+    .number-show {
+        :deep(.el-input__wrapper .el-input__inner) {
+            text-align: left;
+        }
+    }
+    .define-append {
+        right: 0.1rem;
+        top: 0.2rem;
+        background: #f5f7fa;
+        color: #999;
+        height: 3rem;
+        padding: 0 1rem;
+        position: absolute;
+        font-size: 1.2rem;
+        border-top-right-radius: 0.4rem;
+        border-bottom-right-radius: 0.4rem;
+    }
+}
+
 </style>

src/components/model-nav-group/index.vue

@@ -12,7 +12,7 @@
                 </div>
             </el-carousel-item>
         </el-carousel>
-        <div v-if="form.display_style == 'slide' && new_style.is_show" :style="{ 'justify-content': new_style?.indicator_location || 'center'}" class="dot flex mt-10">
+        <div v-if="form.display_style == 'slide' && new_style.is_show" :style="{ 'justify-content': new_style?.indicator_location || 'center'}" class="dot flex mt-10 mb-4">
             <template v-if="new_style.indicator_style == 'num'">
                 <div :style="indicator_style" class="dot-item">
                     <span class="num-active">{{ actived_index + 1 }}</span><span>/{{ nav_content_list.length }}</span>

src/layout/components/main/default/nav-group.ts

@@ -94,7 +94,7 @@ const defaultSearch: defaultSearch = {
         common_style: {
             ...defaultCommon,
             padding_top: 9,
-            padding_bottom: 9,
+            padding_bottom: 5,
             padding_left: 15,
             padding_right: 15,
         },