hookehuyr

feat(页面): 重构发布页并添加NutUI组件

- 使用NutUI组件重构发布页界面,包括搜索栏、菜单筛选和按钮
- 替换Right图标为RectRight以保持一致性
- 添加加载更多功能和模拟数据生成逻辑
- 更新车辆卡片布局和样式,增加认证标识
...@@ -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.