hookehuyr

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

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