Explorar o código

✨ feat(schedule-list): 添加导航栏组件
- 引入Navbar组件实现"选择班次"页面导航栏
- 添加返回按钮功能,点击触发navigateBack返回上一页
- 使用NavbarPresets.primary预设样式确保视觉一致性

✨ feat(select-activity): 添加导航栏组件
- 引入Navbar组件实现"选择活动"页面导航栏
- 添加返回按钮功能,点击触发navigateBack返回上一页
- 使用NavbarPresets.primary预设样式确保视觉一致性

yourname hai 3 meses
pai
achega
227f825f2a

+ 10 - 1
mini/src/pages/schedule-list/ScheduleListPage.tsx

@@ -1,8 +1,9 @@
 import React, { useState, useEffect } from 'react'
 import { View, Text, ScrollView, Button } from '@tarojs/components'
-import { useRouter, navigateTo } from '@tarojs/taro'
+import { useRouter, navigateTo, navigateBack } from '@tarojs/taro'
 import { useQuery } from '@tanstack/react-query'
 import { routeClient } from '../../api'
+import { Navbar, NavbarPresets } from '@/components/ui/navbar'
 
 interface Route {
   id: number
@@ -197,6 +198,14 @@ const ScheduleListPage: React.FC = () => {
 
   return (
     <View className="min-h-screen bg-gray-50">
+      {/* 导航栏 */}
+      <Navbar
+        title="选择班次"
+        leftIcon="i-heroicons-arrow-left-20-solid"
+        onClickLeft={() => navigateBack()}
+        {...NavbarPresets.primary}
+      />
+
       {/* 头部信息 */}
       <View className="bg-gradient-to-r from-primary to-primary-dark p-card">
         {activityName && (

+ 10 - 1
mini/src/pages/select-activity/ActivitySelectPage.tsx

@@ -1,8 +1,9 @@
 import React from 'react'
 import { View, Text, Image, ScrollView } from '@tarojs/components'
-import { useRouter, navigateTo } from '@tarojs/taro'
+import { useRouter, navigateTo, navigateBack } from '@tarojs/taro'
 import { useQuery } from '@tanstack/react-query'
 import { routeClient } from '../../api'
+import { Navbar, NavbarPresets } from '@/components/ui/navbar'
 
 interface Activity {
   id: number
@@ -232,6 +233,14 @@ const ActivitySelectPage: React.FC = () => {
 
   return (
     <View className="min-h-screen bg-gray-50">
+      {/* 导航栏 */}
+      <Navbar
+        title="选择活动"
+        leftIcon="i-heroicons-arrow-left-20-solid"
+        onClickLeft={() => navigateBack()}
+        {...NavbarPresets.primary}
+      />
+
       {/* 头部信息 */}
       <View className="bg-gradient-to-r from-primary to-primary-dark p-4">
         <Text className="text-lg font-bold text-white block">