style: 优化表单样式和占位文本

- 统一输入框占位文本样式 - 调整单位文字颜色 - 移除默认值和注释掉的样式 - 更新表单字段占位文本

style: 优化表单样式和占位文本
- 统一输入框占位文本样式 - 调整单位文字颜色 - 移除默认值和注释掉的样式 - 更新表单字段占位文本
hookehuyr
Commit e00772a823e95e08350b95cda3ea478da30899c7 e00772a8 1 parent 292d0116
Showing 4 changed files with 27 additions and 15 deletions
src/app.less
src/components/payCard.vue
src/pages/sell/index.less
src/pages/sell/index.vue
--- a/src/app.less
View file @e00772a
+++ b/src/app.less
View file @e00772a
@@ -42,3 +42,7 @@ button::after {
     border-top: 1rpx solid #f3f4f6;
     z-index: 100;
 }
+
+.input-placeholder, .textarea-placeholder {
+    color: #9ca3af;
+}
--- a/src/components/payCard.vue
View file @e00772a
+++ b/src/components/payCard.vue
View file @e00772a
 <!--
  * @Date: 2023-12-20 14:11:11
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-07-15 14:18:38
+ * @LastEditTime: 2025-07-15 15:39:33
  * @FilePath: /jgdl/src/components/payCard.vue
  * @Description: 文件描述
 -->
@@ -11,7 +11,7 @@
       <view style="padding: 2rem 1rem; text-align: center;">
         <view style="font-size: 32rpx;">实付金额</view>
         <view style="color: red; margin: 10rpx 0;"><text style="font-size: 50rpx;">￥</text><text style="font-size: 80rpx;">{{ price }}</text></view>
-        <view style="font-size: 28rpx; margin-bottom: 20rpx;">支付剩余时间 <text style="color: red;">{{ formatTime(remain_time) }}</text></view>
+        <!-- <view style="font-size: 28rpx; margin-bottom: 20rpx;">支付剩余时间 <text style="color: red;">{{ formatTime(remain_time) }}</text></view> -->
         <nut-button block color="#fb923c" @tap="goToPay">立即支付</nut-button>
       </view>
     </nut-action-sheet>
--- a/src/pages/sell/index.less
View file @e00772a
+++ b/src/pages/sell/index.less
View file @e00772a
@@ -154,7 +154,7 @@
 .unit {
     font-size: 28rpx;
-    color: #9ca3af;
+    color: #666;
     margin-left: 16rpx;
 }
@@ -168,12 +168,15 @@
 .price-input {
     font-size: 32rpx;
     color: #f97316;
-    font-weight: 600;
+    // font-weight: 600;
-    text-align: right;
+    // text-align: right;
     border: none;
     outline: none;
     background: transparent;
     width: 160rpx;
+    &::placeholder {
+        color: #9ca3af !important;
+    }
 }
 .market-price-symbol {
@@ -185,7 +188,7 @@
 .market-price-input {
     font-size: 28rpx;
     color: #9ca3af;
-    text-align: right;
+    // text-align: right;
     border: none;
     outline: none;
     background: transparent;
--- a/src/pages/sell/index.vue
View file @e00772a
+++ b/src/pages/sell/index.vue
View file @e00772a
@@ -3,7 +3,12 @@
         <!-- 顶部导航 -->
         <nut-config-provider :theme-vars="themeVars">
             <nut-sticky top="0">
-                <nut-navbar v-if="!isAuthMode && !isMyCarMode" :title="isEditMode ? '编辑车源' : '发布车源'" left-show @on-click-back="goBack">
+                <nut-navbar v-if="!isAuthMode && !isMyCarMode" left-show @on-click-back="goBack">
+                    <template #content>
+                        <view class="content">
+                            <text class="title" style="font-size: 33rpx; font-weight: 500;">{{ isEditMode ? '编辑车源' : '发布车源' }}</text>
+                        </view>
+                    </template>
                     <template #left-show>
                         <RectLeft color="white" />
                     </template>
@@ -149,7 +154,7 @@
                     <!-- 行驶里程 -->
                     <nut-form-item label="行驶里程" prop="total_mileage_km" required
                         :rules="[{ required: true, message: '请输入行驶里程' }]">
-                        <nut-input v-model="formData.total_mileage_km" placeholder="1200" type="number" input-align="right">
+                        <nut-input v-model="formData.total_mileage_km" placeholder="请输入" type="number" input-align="right">
                             <template #right>
                                 <text class="unit">公里</text>
                             </template>
@@ -158,7 +163,7 @@
                     <!-- 续航里程 -->
                     <nut-form-item label="续航里程" prop="range_km">
-                        <nut-input v-model="formData.range_km" placeholder="60" type="number" input-align="right">
+                        <nut-input v-model="formData.range_km" placeholder="请输入" type="number" input-align="right">
                             <template #right>
                                 <text class="unit">公里</text>
                             </template>
@@ -167,7 +172,7 @@
                     <!-- 最高时速 -->
                     <nut-form-item label="最高时速" prop="max_speed_kmh">
-                        <nut-input v-model="formData.max_speed_kmh" placeholder="25" type="number" input-align="right">
+                        <nut-input v-model="formData.max_speed_kmh" placeholder="请输入" type="number" input-align="right">
                             <template #right>
                                 <text class="unit">km/h</text>
                             </template>
@@ -176,7 +181,7 @@
                     <!-- 电池容量 -->
                     <nut-form-item label="电池容量" prop="battery_capacity_ah">
-                        <nut-input v-model="formData.battery_capacity_ah" placeholder="20" type="number"
+                        <nut-input v-model="formData.battery_capacity_ah" placeholder="请输入" type="number"
                             input-align="right">
                             <template #right>
                                 <text class="unit">Ah</text>
@@ -374,10 +379,10 @@ const formData = reactive({
     brandModel: '', // 品牌型号组合字段，用于表单验证
     manufacture_year: '',
     new_level: '',
-    total_mileage_km: '100',
+    total_mileage_km: '',
-    range_km: '60',
+    range_km: '',
-    max_speed_kmh: '25',
+    max_speed_kmh: '',
-    battery_capacity_ah: '20',
+    battery_capacity_ah: '',
     // batteryWear: '',
     brake_wear_level: '',
     tire_wear_level: '',