From a19322b34befd8ae9e2e10a701a76e1baf89f539 Mon Sep 17 00:00:00 2001
From: talktao <t1416249906@163.com>
Date: Fri, 18 Mar 2022 22:35:49 +0800
Subject: [PATCH] =?UTF-8?q?add=EF=BC=9A=E9=A1=B6=E9=83=A8=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E7=BB=84=E4=BB=B6=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomHeader.vue | 55 +++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 src/components/CustomHeader.vue

diff --git a/src/components/CustomHeader.vue b/src/components/CustomHeader.vue
new file mode 100644
index 0000000..b09c623
--- /dev/null
+++ b/src/components/CustomHeader.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+    import { ref } from 'vue'
+    import { useRoute, useRouter } from 'vue-router'
+
+    interface topTitleProps {
+        title?: string,
+        leftIcon?: string,
+        leftText?: string,
+        rightText?: string,
+        color?: string
+    }
+
+    // 携带默认值的props
+    withDefaults(defineProps<topTitleProps>(), {
+        title: '',
+        leftIcon: 'arrow-left',
+        leftText: '',
+        rightText: '',
+        color: '#333'
+    })
+
+    const emit = defineEmits(['clickLeft', 'clickRight'])
+
+    const route = useRoute()
+    const router = useRouter()
+    const active = ref(0)
+
+    const clickLeft = () => {
+      if (window.history.length > 1) {
+          router.back();
+      } else {
+          router.push("/");
+      }
+    }
+    const clickRight = () => {
+        emit("clickRight")
+    }
+</script>
+
+<template>
+    <van-sticky>
+        <van-nav-bar :title="title" @click-left="clickLeft" @click-right="clickRight" left-arrow>
+            <template #left> <van-icon :color="color" size="20" :name="leftIcon" /><span :style="{color}">{{ leftText }}</span> </template>
+            <template @click-right="onClickRight" #right>
+                <span :style="{color}">{{ rightText }}</span>
+            </template>
+        </van-nav-bar>
+    </van-sticky>
+</template>
+
+
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file