Преглед на файлове

✨ feat(home): 添加导航栏组件

- 引入Navbar组件到首页
- 设置导航栏标题为"去看出行"
- 配置导航栏样式: 背景色为primary, 文字为白色, 无边框
yourname преди 3 месеца
родител
ревизия
8bf01bc55c
променени са 1 файла, в които са добавени 10 реда и са изтрити 0 реда
  1. 10 0
      mini/src/pages/home/index.tsx

+ 10 - 0
mini/src/pages/home/index.tsx

@@ -3,6 +3,7 @@ import { View, Text, Swiper, SwiperItem, Image, Button, Picker } from '@tarojs/c
 import { navigateTo } from '@tarojs/taro'
 import { TabBarLayout } from '@/layouts/tab-bar-layout'
 import { AreaPicker } from '../../components/AreaPicker'
+import { Navbar } from '@/components/ui/navbar'
 import banner1 from '../../../images/banner1.jpg'
 
 
@@ -193,6 +194,15 @@ const HomePage: React.FC = () => {
 
   return (
     <TabBarLayout activeKey="home" className="bg-gradient-to-b from-primary to-primary-dark">
+      {/* 导航栏 */}
+      <Navbar
+        title="去看出行"
+        backgroundColor="bg-primary"
+        textColor="text-white"
+        leftIcon=""
+        border={false}
+      />
+
       {/* 顶部轮播图 */}
       <View className="h-64 w-full">
         <Swiper