U 修改

he wei

2025-05-21 4f2e7984e3f63ac3b869f7301cda7e74914922a1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<template>
  <section class="app-main">
    <router-view v-slot="{ Component, route }">
      <transition name="fade-transform" mode="out-in">
        <keep-alive :include="cachedViews">
          <component :is="Component" :key="route.fullPath" />
        </keep-alive>
      </transition>
    </router-view>
  </section>
</template>
 
<script setup name="AppMain">
import { defineComponent } from 'vue';
import { useTagsViewStore } from '@/store/tagsView';
import { storeToRefs } from 'pinia';
const tagsViewStore = useTagsViewStore();
const { cachedViews } = storeToRefs(tagsViewStore);
 
</script>
 
<style lang="less" scoped>
.app-main {
  /* 50= navbar  50  */
  // min-height: calc(100vh - 148px);
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
 
.fixed-header+.app-main {
  padding-top: 148px;
}
 
.hasTagsView {
  .app-main {
    /* 84 = navbar + tags-view = 50 + 34 */
    // height: 100vh;
 
    height: calc(100vh - 148px);
    background: url("@/assets/images/bg-side.png") calc(100% + 8px) top e('/') auto 80% no-repeat;
    // position: relative;
    z-index: 0;
    &::before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform: scaleX(-1);
      background: url("@/assets/images/bg-side.png") calc(100% + 8px) top e('/') auto 80% no-repeat;
    }
  }
 
  // .fixed-header+.app-main {
  //   padding-top: 98px;
  // }
}
</style>
 
<style lang="less">
// fix css style bug in open el-dialog
.el-popup-parent--hidden {
  .fixed-header {
    // padding-right: 15px;
  }
}
</style>