hookehuyr

feat(myAuthCar): 添加我的认证车页面功能

添加我的认证车页面,包括页面配置、路由注册、样式和主要功能实现
- 创建认证车页面组件和样式文件
- 在app.config中注册新页面路由
- 修改个人中心页面跳转逻辑
- 实现认证车列表展示、加载更多和空状态
- 添加模拟数据和API服务占位
/*
* @Date: 2025-06-28 10:33:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-03 12:59:10
* @LastEditTime: 2025-07-03 18:09:07
* @FilePath: /jgdl/src/app.config.js
* @Description: 文件描述
*/
......@@ -23,6 +23,7 @@ export default {
'pages/myFavorites/index',
'pages/myCar/index',
'pages/myOrders/index',
'pages/myAuthCar/index',
],
subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去
{
......
/*
* @Date: 2025-07-03 18:08:31
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-03 18:08:57
* @FilePath: /jgdl/src/pages/myAuthCar/index.config.js
* @Description: 文件描述
*/
export default {
navigationBarTitleText: '我的认证车',
usingComponents: {
},
}
/* 我的认证车页面样式 */
.auth-car-list {
background-color: #f8f9fa;
}
/* 车辆卡片样式 */
.car-item {
background: white;
border-radius: 12rpx;
margin: 16rpx;
padding: 24rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
/* 按钮样式优化 */
.sell-button {
background: linear-gradient(135deg, #ff6b6b, #ff8e8e);
border: none;
color: white;
font-weight: 500;
}
/* 价格样式 */
.price-text {
font-size: 32rpx;
font-weight: bold;
color: #ff6b35;
}
.original-price {
font-size: 24rpx;
color: #999;
text-decoration: line-through;
}
/* 空状态样式 */
.empty-state {
padding: 120rpx 0;
text-align: center;
color: #999;
font-size: 28rpx;
}
This diff is collapsed. Click to expand it.
......@@ -52,7 +52,7 @@
<Right size="18" color="#9ca3af" />
</view>
<view class="menu-item" @click="onSettings">
<view class="menu-item" @click="onMyAuthCar">
<StarN size="20" color="#6b7280" />
<text class="menu-text">我的认证</text>
<Right size="18" color="#9ca3af" />
......@@ -163,11 +163,11 @@ const onFeedback = () => {
}
/**
* 设置
* 我的认证车
*/
const onSettings = () => {
const onMyAuthCar = () => {
Taro.navigateTo({
url: '/pages/settings/index'
url: '/pages/myAuthCar/index'
})
}
</script>
......