feat(myAuthCar): 添加我的认证车页面功能
添加我的认证车页面,包括页面配置、路由注册、样式和主要功能实现 - 创建认证车页面组件和样式文件 - 在app.config中注册新页面路由 - 修改个人中心页面跳转逻辑 - 实现认证车列表展示、加载更多和空状态 - 添加模拟数据和API服务占位
Showing
5 changed files
with
60 additions
and
5 deletions
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-06-28 10:33:00 | 2 | * @Date: 2025-06-28 10:33:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-07-03 12:59:10 | 4 | + * @LastEditTime: 2025-07-03 18:09:07 |
| 5 | * @FilePath: /jgdl/src/app.config.js | 5 | * @FilePath: /jgdl/src/app.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| ... | @@ -23,6 +23,7 @@ export default { | ... | @@ -23,6 +23,7 @@ export default { |
| 23 | 'pages/myFavorites/index', | 23 | 'pages/myFavorites/index', |
| 24 | 'pages/myCar/index', | 24 | 'pages/myCar/index', |
| 25 | 'pages/myOrders/index', | 25 | 'pages/myOrders/index', |
| 26 | + 'pages/myAuthCar/index', | ||
| 26 | ], | 27 | ], |
| 27 | subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去 | 28 | subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去 |
| 28 | { | 29 | { | ... | ... |
src/pages/myAuthCar/index.config.js
0 → 100755
| 1 | +/* | ||
| 2 | + * @Date: 2025-07-03 18:08:31 | ||
| 3 | + * @LastEditors: hookehuyr hookehuyr@gmail.com | ||
| 4 | + * @LastEditTime: 2025-07-03 18:08:57 | ||
| 5 | + * @FilePath: /jgdl/src/pages/myAuthCar/index.config.js | ||
| 6 | + * @Description: 文件描述 | ||
| 7 | + */ | ||
| 8 | +export default { | ||
| 9 | + navigationBarTitleText: '我的认证车', | ||
| 10 | + usingComponents: { | ||
| 11 | + }, | ||
| 12 | +} |
src/pages/myAuthCar/index.less
0 → 100644
| 1 | +/* 我的认证车页面样式 */ | ||
| 2 | +.auth-car-list { | ||
| 3 | + background-color: #f8f9fa; | ||
| 4 | +} | ||
| 5 | + | ||
| 6 | +/* 车辆卡片样式 */ | ||
| 7 | +.car-item { | ||
| 8 | + background: white; | ||
| 9 | + border-radius: 12rpx; | ||
| 10 | + margin: 16rpx; | ||
| 11 | + padding: 24rpx; | ||
| 12 | + box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +/* 按钮样式优化 */ | ||
| 16 | +.sell-button { | ||
| 17 | + background: linear-gradient(135deg, #ff6b6b, #ff8e8e); | ||
| 18 | + border: none; | ||
| 19 | + color: white; | ||
| 20 | + font-weight: 500; | ||
| 21 | +} | ||
| 22 | + | ||
| 23 | +/* 价格样式 */ | ||
| 24 | +.price-text { | ||
| 25 | + font-size: 32rpx; | ||
| 26 | + font-weight: bold; | ||
| 27 | + color: #ff6b35; | ||
| 28 | +} | ||
| 29 | + | ||
| 30 | +.original-price { | ||
| 31 | + font-size: 24rpx; | ||
| 32 | + color: #999; | ||
| 33 | + text-decoration: line-through; | ||
| 34 | +} | ||
| 35 | + | ||
| 36 | +/* 空状态样式 */ | ||
| 37 | +.empty-state { | ||
| 38 | + padding: 120rpx 0; | ||
| 39 | + text-align: center; | ||
| 40 | + color: #999; | ||
| 41 | + font-size: 28rpx; | ||
| 42 | +} |
src/pages/myAuthCar/index.vue
0 → 100644
This diff is collapsed. Click to expand it.
| ... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
| 52 | <Right size="18" color="#9ca3af" /> | 52 | <Right size="18" color="#9ca3af" /> |
| 53 | </view> | 53 | </view> |
| 54 | 54 | ||
| 55 | - <view class="menu-item" @click="onSettings"> | 55 | + <view class="menu-item" @click="onMyAuthCar"> |
| 56 | <StarN size="20" color="#6b7280" /> | 56 | <StarN size="20" color="#6b7280" /> |
| 57 | <text class="menu-text">我的认证</text> | 57 | <text class="menu-text">我的认证</text> |
| 58 | <Right size="18" color="#9ca3af" /> | 58 | <Right size="18" color="#9ca3af" /> |
| ... | @@ -163,11 +163,11 @@ const onFeedback = () => { | ... | @@ -163,11 +163,11 @@ const onFeedback = () => { |
| 163 | } | 163 | } |
| 164 | 164 | ||
| 165 | /** | 165 | /** |
| 166 | - * 设置 | 166 | + * 我的认证车 |
| 167 | */ | 167 | */ |
| 168 | -const onSettings = () => { | 168 | +const onMyAuthCar = () => { |
| 169 | Taro.navigateTo({ | 169 | Taro.navigateTo({ |
| 170 | - url: '/pages/settings/index' | 170 | + url: '/pages/myAuthCar/index' |
| 171 | }) | 171 | }) |
| 172 | } | 172 | } |
| 173 | </script> | 173 | </script> | ... | ... |
-
Please register or login to post a comment