style(myCar): 统一审核原因样式与myAuthCar页面保持一致
将myCar页面的审核原因样式重构为与myAuthCar页面相同的样式,包括背景色、边框和文本样式
Showing
3 changed files
with
18 additions
and
28 deletions
| 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> | ... | ... |
-
Please register or login to post a comment