From 70af35dbf5b51ab8f373e8fd8dfb0168c6e34798 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=87?=
 <52823142+Ten-K@users.noreply.github.com>
Date: Sat, 23 Oct 2021 22:50:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E9=A1=B5=E9=97=AE=E9=A2=98=20(#69)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 修复隐藏标签页问题
---
 src/layout/components/setting/index.vue | 11 +++++++++++
 src/layout/components/tag/index.vue     |  3 +++
 src/style/sidebar.scss                  | 14 +++++++++++---
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue
index 834b5b804..2701ecc57 100644
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { split } from "lodash-es";
+import { nextTick } from "vue";
 import panel from "../panel/index.vue";
 import { useRouter } from "vue-router";
 import { emitter } from "/@/utils/mitt";
@@ -47,6 +48,16 @@ settings.weekVal === null
   ? localOperate("weekVal", false, "set")
   : document.querySelector("html")?.setAttribute("class", "html-weakness");
 
+if (settings.tagsVal === null) {
+  localOperate("tagsVal", false, "set");
+  settings.tagsVal = false;
+}
+nextTick(() => {
+  window.document
+    .querySelector(".app-main")
+    ?.setAttribute("data-show-tag", settings.tagsVal);
+});
+
 function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
   const targetEl = target || document.body;
   let { className } = targetEl;
diff --git a/src/layout/components/tag/index.vue b/src/layout/components/tag/index.vue
index a3087c786..bfeee7e28 100644
--- a/src/layout/components/tag/index.vue
+++ b/src/layout/components/tag/index.vue
@@ -447,6 +447,9 @@ onBeforeMount(() => {
   emitter.on("tagViewsChange", key => {
     if (unref(showTags) === key) return;
     showTags.value = key;
+    window.document
+      .querySelector(".app-main")
+      ?.setAttribute("data-show-tag", key);
   });
 
   // 改变标签风格
diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss
index 59339a58d..64a1aebd1 100644
--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -513,10 +513,14 @@
 }
 
 body[data-layout="vertical"] {
-  .fixed-header + .app-main {
+  .fixed-header + .app-main[data-show-tag="false"] {
     padding-top: 85px;
   }
 
+  .fixed-header + .app-main[data-show-tag="true"] {
+    padding-top: 48px;
+  }
+
   .hideSidebar {
     .fixed-header {
       width: calc(100% - 54px) !important;
@@ -573,8 +577,12 @@ body[data-layout="horizontal"] {
     transition: none !important;
   }
 
-  .fixed-header + .app-main {
-    padding-top: 98px;
+  .fixed-header + .app-main[data-show-tag="false"] {
+    padding-top: 100px;
+  }
+
+  .fixed-header + .app-main[data-show-tag="true"] {
+    padding-top: 62px;
   }
 }