feat(页面): 重构发布页并添加NutUI组件
- 使用NutUI组件重构发布页界面,包括搜索栏、菜单筛选和按钮 - 替换Right图标为RectRight以保持一致性 - 添加加载更多功能和模拟数据生成逻辑 - 更新车辆卡片布局和样式,增加认证标识
Showing
3 changed files
with
9 additions
and
5 deletions
| ... | @@ -8,6 +8,10 @@ export {} | ... | @@ -8,6 +8,10 @@ export {} |
| 8 | declare module 'vue' { | 8 | declare module 'vue' { |
| 9 | export interface GlobalComponents { | 9 | export interface GlobalComponents { |
| 10 | NavBar: typeof import('./src/components/navBar.vue')['default'] | 10 | NavBar: typeof import('./src/components/navBar.vue')['default'] |
| 11 | + NutButton: typeof import('@nutui/nutui-taro')['Button'] | ||
| 12 | + NutLoading: typeof import('@nutui/nutui-taro')['Loading'] | ||
| 13 | + NutMenu: typeof import('@nutui/nutui-taro')['Menu'] | ||
| 14 | + NutMenuItem: typeof import('@nutui/nutui-taro')['MenuItem'] | ||
| 11 | NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar'] | 15 | NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar'] |
| 12 | NutSwiper: typeof import('@nutui/nutui-taro')['Swiper'] | 16 | NutSwiper: typeof import('@nutui/nutui-taro')['Swiper'] |
| 13 | NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem'] | 17 | NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem'] | ... | ... |
| 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-01 21:50:54 | 4 | + * @LastEditTime: 2025-07-01 22:57:26 |
| 5 | * @FilePath: /jgdl/src/pages/index/index.vue | 5 | * @FilePath: /jgdl/src/pages/index/index.vue |
| 6 | * @Description: 捡个电驴首页 | 6 | * @Description: 捡个电驴首页 |
| 7 | --> | 7 | --> |
| ... | @@ -59,7 +59,7 @@ | ... | @@ -59,7 +59,7 @@ |
| 59 | <text class="text-lg font-medium">精品推荐</text> | 59 | <text class="text-lg font-medium">精品推荐</text> |
| 60 | <view class="text-sm text-gray-500 flex items-center"> | 60 | <view class="text-sm text-gray-500 flex items-center"> |
| 61 | <text>更多</text> | 61 | <text>更多</text> |
| 62 | - <Right size="16" /> | 62 | + <RectRight size="12" /> |
| 63 | </view> | 63 | </view> |
| 64 | </view> | 64 | </view> |
| 65 | <view class="grid grid-cols-2 gap-3"> | 65 | <view class="grid grid-cols-2 gap-3"> |
| ... | @@ -105,7 +105,7 @@ | ... | @@ -105,7 +105,7 @@ |
| 105 | <text class="text-lg font-medium">最新上架</text> | 105 | <text class="text-lg font-medium">最新上架</text> |
| 106 | <view class="text-sm text-gray-500 flex items-center"> | 106 | <view class="text-sm text-gray-500 flex items-center"> |
| 107 | <text>更多</text> | 107 | <text>更多</text> |
| 108 | - <Right size="16" /> | 108 | + <RectRight size="12" /> |
| 109 | </view> | 109 | </view> |
| 110 | </view> | 110 | </view> |
| 111 | <view class="flex flex-col"> | 111 | <view class="flex flex-col"> |
| ... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
| 143 | </view> | 143 | </view> |
| 144 | </view> | 144 | </view> |
| 145 | </view> | 145 | </view> |
| 146 | - | 146 | + |
| 147 | <!-- 自定义TabBar --> | 147 | <!-- 自定义TabBar --> |
| 148 | <TabBar /> | 148 | <TabBar /> |
| 149 | </view> | 149 | </view> |
| ... | @@ -154,7 +154,7 @@ import Taro from '@tarojs/taro' | ... | @@ -154,7 +154,7 @@ import Taro from '@tarojs/taro' |
| 154 | // import '@tarojs/taro/html.css' 和 nutui组件居然有冲突? | 154 | // import '@tarojs/taro/html.css' 和 nutui组件居然有冲突? |
| 155 | import { ref, onMounted } from 'vue' | 155 | import { ref, onMounted } from 'vue' |
| 156 | import { useDidShow, useReady } from '@tarojs/taro' | 156 | import { useDidShow, useReady } from '@tarojs/taro' |
| 157 | -import { Clock, Star, Right, Addfollow, HeartFill, Check, Search2, Shop } from '@nutui/icons-vue-taro' | 157 | +import { Clock, Star, RectRight, Addfollow, HeartFill, Check, Search2, Shop } from '@nutui/icons-vue-taro' |
| 158 | import TabBar from '@/components/TabBar.vue' | 158 | import TabBar from '@/components/TabBar.vue' |
| 159 | import "./index.less"; | 159 | import "./index.less"; |
| 160 | 160 | ... | ... |
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment