hookehuyr

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

- 使用NutUI组件重构发布页界面,包括搜索栏、菜单筛选和按钮
- 替换Right图标为RectRight以保持一致性
- 添加加载更多功能和模拟数据生成逻辑
- 更新车辆卡片布局和样式,增加认证标识
......@@ -8,6 +8,10 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
NavBar: typeof import('./src/components/navBar.vue')['default']
NutButton: typeof import('@nutui/nutui-taro')['Button']
NutLoading: typeof import('@nutui/nutui-taro')['Loading']
NutMenu: typeof import('@nutui/nutui-taro')['Menu']
NutMenuItem: typeof import('@nutui/nutui-taro')['MenuItem']
NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar']
NutSwiper: typeof import('@nutui/nutui-taro')['Swiper']
NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem']
......
<!--
* @Date: 2025-06-28 10:33:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-01 21:50:54
* @LastEditTime: 2025-07-01 22:57:26
* @FilePath: /jgdl/src/pages/index/index.vue
* @Description: 捡个电驴首页
-->
......@@ -59,7 +59,7 @@
<text class="text-lg font-medium">精品推荐</text>
<view class="text-sm text-gray-500 flex items-center">
<text>更多</text>
<Right size="16" />
<RectRight size="12" />
</view>
</view>
<view class="grid grid-cols-2 gap-3">
......@@ -105,7 +105,7 @@
<text class="text-lg font-medium">最新上架</text>
<view class="text-sm text-gray-500 flex items-center">
<text>更多</text>
<Right size="16" />
<RectRight size="12" />
</view>
</view>
<view class="flex flex-col">
......@@ -143,7 +143,7 @@
</view>
</view>
</view>
<!-- 自定义TabBar -->
<TabBar />
</view>
......@@ -154,7 +154,7 @@ import Taro from '@tarojs/taro'
// import '@tarojs/taro/html.css' 和 nutui组件居然有冲突?
import { ref, onMounted } from 'vue'
import { useDidShow, useReady } from '@tarojs/taro'
import { Clock, Star, Right, Addfollow, HeartFill, Check, Search2, Shop } from '@nutui/icons-vue-taro'
import { Clock, Star, RectRight, Addfollow, HeartFill, Check, Search2, Shop } from '@nutui/icons-vue-taro'
import TabBar from '@/components/TabBar.vue'
import "./index.less";
......
This diff is collapsed. Click to expand it.