Răsfoiți Sursa

✨ feat(navbar): 为兑换中心和首页添加导航栏和底部标签栏布局

- 为兑换中心页面添加Navbar组件和TabBarLayout布局
- 为首页添加Navbar组件和TabBarLayout布局
- 设置导航栏标题分别为"兑换中心"和"首页"
- 设置底部标签栏激活项分别为"duihuan"和"home"

📝 docs(mini-navbar): 更新导航栏使用文档

- 添加注意事项:一级页面不需要返回按钮
yourname 3 luni în urmă
părinte
comite
4b4b6b1f24

+ 3 - 1
.roo/commands/mini-navbar.md

@@ -4,4 +4,6 @@ description: "顶部导航条Navbar使用指令"
 
 使用 import { Navbar } from '@/components/ui/navbar'
 
-使用前先查看 mini/src/components/ui/navbar.tsx 了解具体用法
+使用前先查看 mini/src/components/ui/navbar.tsx 了解具体用法
+
+注意:一级页面不需要返回按钮

+ 6 - 2
mini/src/pages/duihuan/index.tsx

@@ -11,6 +11,8 @@ import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardHeader } from '@/components/ui/card'
 import { Form, FormField, FormItem, FormLabel, FormControl, FormMessage } from '@/components/ui/form'
 import { cn } from '@/utils/cn'
+import { Navbar } from '@/components/ui/navbar'
+import { TabBarLayout } from '@/layouts/tab-bar-layout'
 
 // 兑换码验证schema
 const redeemSchema = z.object({
@@ -169,7 +171,9 @@ export default function DuihuanPage() {
   }
 
   return (
-    <View className="min-h-screen bg-gray-50">
+    <TabBarLayout activeKey="duihuan">
+      <Navbar title="兑换中心" />
+      
       {/* 标签切换 */}
       <View className="bg-white border-b">
         <View className="flex">
@@ -306,6 +310,6 @@ export default function DuihuanPage() {
           </View>
         )}
       </ScrollView>
-    </View>
+    </TabBarLayout>
   )
 }

+ 6 - 2
mini/src/pages/index/index.tsx

@@ -7,6 +7,8 @@ import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardHeader } from '@/components/ui/card'
 import { cn } from '@/utils/cn'
 import { receiveCoupon, getCurrentUserId, checkAuth, redirectToLogin } from '@/utils/coupon-api'
+import { Navbar } from '@/components/ui/navbar'
+import { TabBarLayout } from '@/layouts/tab-bar-layout'
 
 interface Advertisement {
   id: number
@@ -133,7 +135,9 @@ export default function IndexPage() {
   }
 
   return (
-    <View className="min-h-screen bg-gray-50">
+    <TabBarLayout activeKey="home">
+      <Navbar title="首页" />
+      
       {/* 广告轮播 */}
       <View className="bg-white">
         {adsLoading ? (
@@ -232,6 +236,6 @@ export default function IndexPage() {
           </View>
         )}
       </ScrollView>
-    </View>
+    </TabBarLayout>
   )
 }