hookehuyr

fix(样式): 移除禁用状态文字颜色的important标记并添加主题变量

禁用状态文字颜色样式改为注释,避免样式冲突
添加nut-config-provider主题变量统一控制禁用输入框颜色
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
150 } 150 }
151 151
152 .form-value-disabled { 152 .form-value-disabled {
153 - color: #d1d5db !important; /* 禁用状态文字颜色 */ 153 + // color: #d1d5db !important; /* 禁用状态文字颜色 */
154 } 154 }
155 155
156 .arrow-icon { 156 .arrow-icon {
......
...@@ -161,6 +161,7 @@ ...@@ -161,6 +161,7 @@
161 </nut-input> 161 </nut-input>
162 </nut-form-item> 162 </nut-form-item>
163 163
164 + <nut-config-provider :theme-vars="themeVars">
164 <!-- 续航里程 --> 165 <!-- 续航里程 -->
165 <nut-form-item label="续航里程" prop="range_km"> 166 <nut-form-item label="续航里程" prop="range_km">
166 <nut-input v-model="formData.range_km" placeholder="请输入" type="number" input-align="right" :disabled="isVerified" @click="validateRangeInput" @input="validateNumberInput($event, 'range_km', false)"> 167 <nut-input v-model="formData.range_km" placeholder="请输入" type="number" input-align="right" :disabled="isVerified" @click="validateRangeInput" @input="validateNumberInput($event, 'range_km', false)">
...@@ -179,6 +180,7 @@ ...@@ -179,6 +180,7 @@
179 </template> 180 </template>
180 </nut-input> 181 </nut-input>
181 </nut-form-item> 182 </nut-form-item>
183 + </nut-config-provider>
182 184
183 <!-- 电池容量 --> 185 <!-- 电池容量 -->
184 <nut-form-item label="电池容量" prop="battery_capacity_ah"> 186 <nut-form-item label="电池容量" prop="battery_capacity_ah">
...@@ -332,6 +334,11 @@ import './index.less' ...@@ -332,6 +334,11 @@ import './index.less'
332 import { addVehicleAPI, editVehicleAPI, getVehicleDetailAPI } from '@/api/car'; 334 import { addVehicleAPI, editVehicleAPI, getVehicleDetailAPI } from '@/api/car';
333 import { getSchoolsAPI, getBrandsModelsAPI } from '@/api/other'; 335 import { getSchoolsAPI, getBrandsModelsAPI } from '@/api/other';
334 336
337 +
338 +const themeVars = {
339 + inputDisabledColor: '#999'
340 +}
341 +
335 /** 342 /**
336 * 返回上一页 343 * 返回上一页
337 */ 344 */
......