首次提交

src/pages/index/Header.tsx

@@ -0,0 +1,44 @@
+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'
+
+const Header = (props: any) => {
+  const [statusBarHeight, setStatusBarHeight] = useState<number>()
+
+  const reload = () => {
+    Taro.getSystemInfo({
+      success: (res) => {
+        setStatusBarHeight(res.statusBarHeight)
+      },
+    })
+  }
+
+  useEffect(() => {
+    reload()
+  }, [])
+
+  return (
+    <>
+      <NavBar
+        fixed={true}
+        style={{marginTop: `${statusBarHeight}px`}}
+        onBackClick={() => {
+        }}
+        left={
+          <div className={'flex items-center gap-2'}>
+            <Avatar
+              size="22"
+              shape="square"
+              src={props.website?.websiteLogo}
+            />
+            {props.website?.websiteName}
+            <TriangleDown size={9}/>
+          </div>
+        }
+      >
+      </NavBar>
+    </>
+  )
+}
+export default Header