hookehuyr

style(ui): 优化表单选择器样式和代码清理

添加表单选择器的占位符和选中状态样式
移除未使用的Loading组件和RectLeft图标
清理未使用的themeVars变量
......@@ -22,7 +22,6 @@ declare module 'vue' {
NutFormItem: typeof import('@nutui/nutui-taro')['FormItem']
NutImagePreview: typeof import('@nutui/nutui-taro')['ImagePreview']
NutInput: typeof import('@nutui/nutui-taro')['Input']
NutLoading: typeof import('@nutui/nutui-taro')['Loading']
NutMenu: typeof import('@nutui/nutui-taro')['Menu']
NutMenuItem: typeof import('@nutui/nutui-taro')['MenuItem']
NutOverlay: typeof import('@nutui/nutui-taro')['Overlay']
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-16 10:22:06
* @LastEditTime: 2025-07-17 14:01:28
* @FilePath: /jgdl/src/pages/authCar/index.vue
* @Description: 认证车源
-->
......@@ -51,7 +51,7 @@
</view>
<text class="font-medium text-sm block">{{ car.brand }} {{ car.model }}</text>
<text class="text-xs text-gray-600 mt-1 block">
{{ car.manufacture_year }} ·
<!-- {{ car.manufacture_year }} · -->
<text v-if="car.range_km">续航{{ car.range_km }}km</text>
<text v-if="car.max_speed_kmh"> 最高时速{{ car.max_speed_kmh }}km/h</text>
</text>
......
......@@ -140,6 +140,15 @@
margin-right: 16rpx;
}
.form-value-placeholder {
color: #9ca3af; /* 浅色 - 占位符文字 */
}
.form-value-selected {
color: #374151; /* 深色 - 选中值文字 */
font-weight: 500;
}
.arrow-icon {
color: #9ca3af;
}
......
......@@ -128,7 +128,7 @@
<!-- 品牌型号选择(新版) -->
<nut-form-item label-position="top" label="品牌型号选择" prop="brandModel">
<view class="form-item-content" @click="showBrandModelPicker">
<text class="form-value">
<text class="form-value" :class="{ 'form-value-selected': formData.brand && formData.model, 'form-value-placeholder': !(formData.brand && formData.model) }">
{{ formData.brand && formData.model ? `${formData.brand} ${formData.model}` : '请选择品牌型号' }}
</text>
<Right class="arrow-icon" />
......@@ -320,7 +320,7 @@
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { Plus, Right, Location, Close, RectLeft } from '@nutui/icons-vue-taro'
import { Plus, Right, Location, Close } from '@nutui/icons-vue-taro'
import Taro from '@tarojs/taro'
import BASE_URL from '@/utils/config';
import BrandModelPicker from '@/components/BrandModelPicker.vue'
......@@ -331,11 +331,6 @@ import './index.less'
import { addVehicleAPI, editVehicleAPI, getVehicleDetailAPI } from '@/api/car';
import { getSchoolsAPI, getBrandsModelsAPI } from '@/api/other';
const themeVars = ref({
navbarBackground: '#fb923c',
navbarColor: '#ffffff',
})
/**
* 返回上一页
*/
......
......@@ -141,6 +141,15 @@
margin-right: 16rpx;
}
.form-value-placeholder {
color: #9ca3af; /* 浅色 - 占位符文字 */
}
.form-value-selected {
color: #374151; /* 深色 - 选中值文字 */
font-weight: 500;
}
.arrow-icon {
color: #9ca3af;
}
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-17 10:36:52
* @LastEditTime: 2025-07-17 14:20:06
* @FilePath: /jgdl/src/pages/setAuthCar/index.vue
* @Description: 申请认证
-->
......@@ -90,9 +90,8 @@
<nut-form-item label-position="top" label="品牌型号选择" prop="brandModel" required
:rules="[{ required: true, message: '请选择品牌型号' }]">
<view class="form-item-content" @click="showBrandModelPicker">
<text class="form-value">
{{ formData.brand && formData.model ? `${formData.brand} ${formData.model}` : '请选择品牌型号'
}}
<text class="form-value" :class="{ 'form-value-selected': formData.brand && formData.model, 'form-value-placeholder': !(formData.brand && formData.model) }">
{{ formData.brand && formData.model ? `${formData.brand} ${formData.model}` : '请选择品牌型号' }}
</text>
<Right class="arrow-icon" />
</view>
......