Просмотр исходного кода

💄 feat: 为商品分类页和个人中心页添加导航栏

- 在商品分类页顶部添加导航栏,标题为"商品分类"
- 在个人中心页顶部添加导航栏,标题为"个人中心"
- 导航栏支持返回上一页功能
- 保持与首页导航栏一致的设计风格

🤖 Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 1 месяц назад
Родитель
Сommit
0e41ec59d4
2 измененных файлов с 16 добавлено и 0 удалено
  1. 9 0
      mini/src/pages/category/index.tsx
  2. 7 0
      mini/src/pages/profile/index.tsx

+ 9 - 0
mini/src/pages/category/index.tsx

@@ -10,6 +10,8 @@ import TDesignToast from '@/components/tdesign/toast';
 import { navigateTo } from '@tarojs/taro';
 import { InferResponseType } from 'hono';
 import { TabBarLayout } from '@/layouts/tab-bar-layout';
+import { Navbar } from '@/components/ui/navbar';
+import Taro from '@tarojs/taro';
 import './index.css';
 
 type GoodsCategoryResponse = InferResponseType<typeof goodsCategoryClient.$get, 200>
@@ -133,6 +135,13 @@ const CategoryPage: React.FC = () => {
 
   return (
     <TabBarLayout activeKey="category">
+      <Navbar
+        title="商品分类"
+        leftIcon=""
+        onClickLeft={() => Taro.navigateBack()}
+        rightIcon=""
+        onClickRight={() => {}}
+      />
       <View className="category-page">
         {/* Toast 组件 */}
         <TDesignToast

+ 7 - 0
mini/src/pages/profile/index.tsx

@@ -205,6 +205,13 @@ const ProfilePage: React.FC = () => {
 
   return (
     <TabBarLayout activeKey="profile">
+      <Navbar
+        title="个人中心"
+        leftIcon=""
+        onClickLeft={() => Taro.navigateBack()}
+        rightIcon=""
+        onClickRight={() => {}}
+      />
       {/* 用户中心卡片 - 使用固定定位 */}
       <TDesignUserCenterCard
         avatar={userProfile.avatarFile?.fullUrl}