From f6dcf75fafffe0634804389b22663882db414363 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 27 六月 2024 15:55:38 +0800
Subject: [PATCH] showTitle
---
src/layout/component/header/Header.vue | 20 ++++++++++++++++++--
1 files changed, 18 insertions(+), 2 deletions(-)
diff --git a/src/layout/component/header/Header.vue b/src/layout/component/header/Header.vue
index fc620a1..a8175cd 100644
--- a/src/layout/component/header/Header.vue
+++ b/src/layout/component/header/Header.vue
@@ -1,5 +1,14 @@
<template>
- <div class="top_text">
+ <div class="top_text flex justify-between px-6 items-center">
+ <div v-if="routerMeta.showTitle" class="font-bold flex items-center cursor-pointer" @click="goBack">
+ <span class="flex-center">
+ <SvgIcon name="ele-ArrowLeft" />
+ </span>
+ <span class="text-sm">
+ {{ routerMeta.title }}
+ </span>
+ </div>
+
<div class="notice">
<el-badge :value="3">
<el-button link size="small" icon="ele-Message" class="set-notice" @click="handleAnnouncementClick">绯荤粺鍏憡</el-button>
@@ -22,7 +31,8 @@
</template>
<script setup lang="ts">
-import { reactive } from 'vue';
+import { computed, reactive } from 'vue';
+import router from '/@/router';
let state = reactive({
isShowAnnouncement: false,
announcementList: [
@@ -43,9 +53,15 @@
},
],
});
+
+const routerMeta = computed(() => router.currentRoute.value.meta);
const handleAnnouncementClick = () => {
state.isShowAnnouncement = !state.isShowAnnouncement;
};
+
+const goBack = () => {
+ router.back();
+};
</script>
<style scoped lang="scss">
.top_text {
--
Gitblit v1.9.3