소스 검색

✨ feat(tab-bar): 替换发现标签为商品标签并新增购物车标签

- 将"发现"标签替换为"商品"标签,更新对应pagePath和图标
- 新增"购物车"标签,添加对应pagePath和购物车图标
- 更新路由跳转逻辑,适配新的标签页结构
yourname 3 달 전
부모
커밋
d3b0762f67
2개의 변경된 파일21개의 추가작업 그리고 8개의 파일을 삭제
  1. 6 2
      mini/src/app.config.ts
  2. 15 6
      mini/src/layouts/tab-bar-layout.tsx

+ 6 - 2
mini/src/app.config.ts

@@ -35,8 +35,12 @@ export default defineAppConfig({
         text: '首页'
       },
       {
-        pagePath: 'pages/explore/index',
-        text: '发现'
+        pagePath: 'pages/goods-list/index',
+        text: '商品'
+      },
+      {
+        pagePath: 'pages/cart/index',
+        text: '购物车'
       },
       {
         pagePath: 'pages/profile/index',

+ 15 - 6
mini/src/layouts/tab-bar-layout.tsx

@@ -16,10 +16,16 @@ const tabBarItems: TabBarItem[] = [
     selectedIconClass: 'i-heroicons-home-20-solid',
   },
   {
-    key: 'explore',
-    title: '发现',
-    iconClass: 'i-heroicons-magnifying-glass-20-solid',
-    selectedIconClass: 'i-heroicons-magnifying-glass-20-solid',
+    key: 'goods-list',
+    title: '商品',
+    iconClass: 'i-heroicons-squares-2x2-20-solid',
+    selectedIconClass: 'i-heroicons-squares-2x2-20-solid',
+  },
+  {
+    key: 'cart',
+    title: '购物车',
+    iconClass: 'i-heroicons-shopping-cart-20-solid',
+    selectedIconClass: 'i-heroicons-shopping-cart-20-solid',
   },
   {
     key: 'profile',
@@ -36,8 +42,11 @@ export const TabBarLayout: React.FC<TabBarLayoutProps> = ({ children, activeKey
       case 'home':
         Taro.switchTab({ url: '/pages/index/index' })
         break
-      case 'explore':
-        Taro.switchTab({ url: '/pages/explore/index' })
+      case 'goods-list':
+        Taro.switchTab({ url: '/pages/goods-list/index' })
+        break
+      case 'cart':
+        Taro.switchTab({ url: '/pages/cart/index' })
         break
       case 'profile':
         Taro.switchTab({ url: '/pages/profile/index' })