hookehuyr

style(myCar): 统一审核原因样式与myAuthCar页面保持一致

将myCar页面的审核原因样式重构为与myAuthCar页面相同的样式,包括背景色、边框和文本样式
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-16 14:37:07 4 + * @LastEditTime: 2025-07-16 14:43:34
5 * @FilePath: /jgdl/src/pages/myAuthCar/index.vue 5 * @FilePath: /jgdl/src/pages/myAuthCar/index.vue
6 * @Description: 我的认证车页面 6 * @Description: 我的认证车页面
7 --> 7 -->
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
45 <text class="text-sm text-gray-500 mt-1 block">{{ item.manufacture_year }}年|续航{{ item.range_km }}km|最高时速{{ item.max_speed_kmh }}km/h</text> 45 <text class="text-sm text-gray-500 mt-1 block">{{ item.manufacture_year }}年|续航{{ item.range_km }}km|最高时速{{ item.max_speed_kmh }}km/h</text>
46 <!-- 认证失败原因 --> 46 <!-- 认证失败原因 -->
47 <view v-if="item.verification_status === 7 && item.verification_reason" class="verification-reason mt-1"> 47 <view v-if="item.verification_status === 7 && item.verification_reason" class="verification-reason mt-1">
48 - <text class="text-xs text-red-500">失败原因:{{ item.verification_reason }}</text> 48 + <text class="text-xs text-red-500">审核结果:{{ item.verification_reason }}</text>
49 </view> 49 </view>
50 <view class="mt-2 flex justify-between items-center"> 50 <view class="mt-2 flex justify-between items-center">
51 <view> 51 <view>
......
...@@ -134,28 +134,19 @@ ...@@ -134,28 +134,19 @@
134 border-radius: 16rpx; 134 border-radius: 16rpx;
135 } 135 }
136 136
137 -/* 审核原因样式 */ 137 +/* 审核原因样式 - 与myAuthCar页面保持一致 */
138 -.review-reason { 138 +.verification-reason {
139 - margin-bottom: 32rpx; 139 + background: #fef2f2;
140 - padding: 24rpx; 140 + border: 1rpx solid #fecaca;
141 - background: #fef3c7; 141 + border-radius: 8rpx;
142 - border-radius: 16rpx; 142 + padding: 12rpx;
143 - border-left: 8rpx solid #f59e0b; 143 + margin-top: 8rpx;
144 -} 144 +
145 - 145 + text {
146 -.review-reason-label { 146 + font-size: 22rpx;
147 - font-size: 24rpx; 147 + color: #dc2626;
148 - color: #92400e; 148 + line-height: 1.4;
149 - font-weight: 500; 149 + }
150 - margin-bottom: 12rpx;
151 -}
152 -
153 -.review-reason-content {
154 - font-size: 28rpx;
155 - color: #451a03;
156 - line-height: 1.6;
157 - word-wrap: break-word;
158 - word-break: break-all;
159 } 150 }
160 151
161 .price-section { 152 .price-section {
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-07-11 12:18:58 4 + * @LastEditTime: 2025-07-16 14:46:56
5 * @FilePath: /jgdl/src/pages/myCar/index.vue 5 * @FilePath: /jgdl/src/pages/myCar/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -58,9 +58,8 @@ ...@@ -58,9 +58,8 @@
58 <text class="detail-item">续航 {{ car.range_km }}km | 最高时速 {{ car.max_speed_kmh }}km/h</text> 58 <text class="detail-item">续航 {{ car.range_km }}km | 最高时速 {{ car.max_speed_kmh }}km/h</text>
59 </view> 59 </view>
60 <!-- 审核原因 --> 60 <!-- 审核原因 -->
61 - <view v-if="car.review_reason" class="review-reason"> 61 + <view v-if="car.review_reason" class="verification-reason mt-1">
62 - <view class="review-reason-label">审核结果:</view> 62 + <text class="text-xs text-red-500">审核结果:{{ car.review_reason }}</text>
63 - <view class="review-reason-content">{{ car.review_reason }}</view>
64 </view> 63 </view>
65 <view class="price-section"> 64 <view class="price-section">
66 <view v-if="car.price" class="current-price">¥{{ car.price }}</view> 65 <view v-if="car.price" class="current-price">¥{{ car.price }}</view>
......