hookehuyr

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

- 统一输入框占位文本样式
- 调整单位文字颜色
- 移除默认值和注释掉的样式
- 更新表单字段占位文本
......@@ -42,3 +42,7 @@ button::after {
border-top: 1rpx solid #f3f4f6;
z-index: 100;
}
.input-placeholder, .textarea-placeholder {
color: #9ca3af;
}
......
<!--
* @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>
......
......@@ -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;
text-align: right;
// font-weight: 600;
// 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;
......
......@@ -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',
range_km: '60',
max_speed_kmh: '25',
battery_capacity_ah: '20',
total_mileage_km: '',
range_km: '',
max_speed_kmh: '',
battery_capacity_ah: '',
// batteryWear: '',
brake_wear_level: '',
tire_wear_level: '',
......