更新：增加“我的”相关功能

components/nav-bar/nav-bar.vue

@@ -0,0 +1,40 @@
+<template>
+	<view class="navbar">
+		<view class="statusBar" :style="{height:getStatusBarHeight()+'px'}"></view>
+		<view class="titleBar" :style="{height:getTitleBarHeight()+'px'}">
+			<wd-navbar :title="title" :left-arrow="leftArrow" @click="handleClickLeft"></wd-navbar>
+		</view>
+	</view>
+	<view :style="{height:getNavBarHeight() +'px'}"></view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { getStatusBarHeight, getTitleBarHeight, getNavBarHeight, getLeftIconLeft} from "@/utils/system"
+
+defineProps({
+	title:{
+		type:String,
+		default:""
+	},
+	leftArrow:{
+		type:Boolean,
+		default:true
+	}
+})
+
+const handleClickLeft = () => {
+	uni.navigateBack()
+}
+</script>
+
+<style lang="scss">
+	.navbar{
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		background: var(--wot-navbar-background);
+		z-index: 9;
+	}
+</style>