twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复隐藏标签页问题 (#69)

Browse Source 
* fix: 修复隐藏标签页问题
This commit is contained in:
一万 2021-10-23 22:50:03 +08:00 committed by GitHub
parent 7dcf98a178
commit 70af35dbf5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/setting/index.vue
View File

@ -1,5 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { split } from "lodash-es"; import { split } from "lodash-es";
import { nextTick } from "vue";
import panel from "../panel/index.vue"; import panel from "../panel/index.vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { emitter } from "/@/utils/mitt"; import { emitter } from "/@/utils/mitt";
@ -47,6 +48,16 @@ settings.weekVal === null
? localOperate("weekVal", false, "set") ? localOperate("weekVal", false, "set")
: document.querySelector("html")?.setAttribute("class", "html-weakness"); : 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) { function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
const targetEl = target || document.body; const targetEl = target || document.body;
let { className } = targetEl; let { className } = targetEl;

3
src/layout/components/tag/index.vue
View File

@ -447,6 +447,9 @@ onBeforeMount(() => {
emitter.on("tagViewsChange", key => { emitter.on("tagViewsChange", key => {
if (unref(showTags) === key) return; if (unref(showTags) === key) return;
showTags.value = key; showTags.value = key;
window.document
.querySelector(".app-main")
?.setAttribute("data-show-tag", key);
}); });
// 改变标签风格 // 改变标签风格

14
src/style/sidebar.scss
View File

@ -513,10 +513,14 @@
} }
body[data-layout="vertical"] { body[data-layout="vertical"] {
.fixed-header + .app-main { .fixed-header + .app-main[data-show-tag="false"] {
padding-top: 85px; padding-top: 85px;
} }
.fixed-header + .app-main[data-show-tag="true"] {
padding-top: 48px;
}
.hideSidebar { .hideSidebar {
.fixed-header { .fixed-header {
width: calc(100% - 54px) !important; width: calc(100% - 54px) !important;
@ -573,8 +577,12 @@ body[data-layout="horizontal"] {
transition: none !important; transition: none !important;
} }
.fixed-header + .app-main { .fixed-header + .app-main[data-show-tag="false"] {
padding-top: 98px; padding-top: 100px;
}
.fixed-header + .app-main[data-show-tag="true"] {
padding-top: 62px;
} }
} }