项目开发完成

src/pages/index/Header.tsx

@@ -1,11 +1,17 @@
 import {useEffect, useState} from "react";
 import Taro from '@tarojs/taro';
 import {TriangleDown} from '@nutui/icons-react-taro'
-import { Avatar,NavBar} from '@nutui/nutui-react-taro'
+import {Popup, Avatar, NavBar} from '@nutui/nutui-react-taro'
 
 const Header = (props: any) => {
+  const [showBasic, setShowBasic] = useState(false)
   const [statusBarHeight, setStatusBarHeight] = useState<number>()
 
+  const onNav = () => {
+    Taro.navigateTo({
+      url: '/pages/user/user',
+    })
+  }
   const reload = () => {
     Taro.getSystemInfo({
       success: (res) => {
@@ -22,22 +28,33 @@ const Header = (props: any) => {
     <>
       <NavBar
         fixed={true}
-        style={{marginTop: `${statusBarHeight}px`}}
+        style={{marginTop: `${statusBarHeight}px`, backgroundColor: 'transparent'}}
         onBackClick={() => {
         }}
         left={
-          <div className={'flex items-center gap-2'}>
+          <div className={'flex items-center gap-2'} onClick={onNav}>
             <Avatar
               size="22"
-              shape="square"
-              src={props.website?.websiteLogo}
+              src={props.user?.avatar}
             />
-            {props.website?.websiteName}
+            {props.user?.nickname}
             <TriangleDown size={9}/>
           </div>
         }
       >
+        首页
       </NavBar>
+      <Popup
+        visible={showBasic}
+        position="bottom"
+        className={'w-full h-full'}
+        onClose={() => {
+          setShowBasic(false)
+        }}
+      >
+        <div className={'py-3 font-bold text-center'}>车辆信息</div>
+
+      </Popup>
     </>
   )
 }