页签文字显示更改

src/page/index/index.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="avue-contail"
-    :class="{'avue--collapse':isCollapse}"
-  >
+  <div class="avue-contail" :class="{ 'avue--collapse': isCollapse }">
     <div class="avue-header">
       <!-- 顶部导航栏 -->
       <top ref="top" />
@@ -16,34 +13,22 @@
         <!-- 顶部标签卡 -->
         <tags />
         <transition name="fade-scale">
-          <search
-            class="avue-view"
-            v-show="isSearch"
-          ></search>
+          <search class="avue-view" v-show="isSearch"></search>
         </transition>
         <!-- 主体视图层 -->
         <div
-          style="height:calc(100% - 30px);overflow-y:auto;overflow-x:hidden;"
+          style="height: calc(96% - 30px); overflow-y: auto; overflow-x: hidden"
           id="avue-view"
           v-show="!isSearch"
         >
           <keep-alive>
-            <router-view
-              class="avue-view"
-              v-if="$route.meta.keepAlive"
-            />
+            <router-view class="avue-view" v-if="$route.meta.keepAlive" />
           </keep-alive>
-          <router-view
-            class="avue-view"
-            v-if="!$route.meta.keepAlive"
-          />
+          <router-view class="avue-view" v-if="!$route.meta.keepAlive" />
         </div>
       </div>
     </div>
-    <div
-      class="avue-shade"
-      @click="showCollapse"
-    ></div>
+    <div class="avue-shade" @click="showCollapse"></div>
   </div>
 </template>
 
@@ -63,51 +48,50 @@ export default {
     top,
     tags,
     search,
-    sidebar
+    sidebar,
   },
   name: "index",
-  provide () {
+  provide() {
     return {
-      index: this
+      index: this,
     };
   },
-  data () {
+  data() {
     return {
       //搜索控制
       isSearch: false,
       //刷新token锁
       refreshLock: false,
       //刷新token的时间
-      refreshTime: ""
+      refreshTime: "",
     };
   },
-  created () {
+  created() {
     //实时检测刷新token
     this.refreshToken();
   },
-  mounted () {
+  mounted() {
     this.init();
   },
   computed: mapGetters(["isMenu", "isLock", "isCollapse", "website", "menu"]),
   props: [],
   methods: {
-    showCollapse () {
+    showCollapse() {
       this.$store.commit("SET_COLLAPSE");
     },
     // 初始化
-    init () {
+    init() {
       this.$store.commit("SET_SCREEN", admin.getScreen());
       window.onresize = () => {
         setTimeout(() => {
           this.$store.commit("SET_SCREEN", admin.getScreen());
         }, 0);
       };
-      this.$store.dispatch("FlowRoutes").then(() => {
-      });
+      this.$store.dispatch("FlowRoutes").then(() => {});
     },
     //打开菜单
-    openMenu (item = {}) {
-      this.$store.dispatch("GetMenu", item.id).then(data => {
+    openMenu(item = {}) {
+      this.$store.dispatch("GetMenu", item.id).then((data) => {
         if (data.length !== 0) {
           this.$router.$avueRouter.formatRoutes(data, true);
         }
@@ -132,16 +116,16 @@ export default {
             }, itemActive.meta)
           });
         }*/
-
       });
     },
     // 定时检测token
-    refreshToken () {
+    refreshToken() {
       this.refreshTime = setInterval(() => {
-        const token = getStore({
-          name: "token",
-          debug: true
-        }) || {};
+        const token =
+          getStore({
+            name: "token",
+            debug: true,
+          }) || {};
         const date = calcDate(token.datetime, new Date().getTime());
         if (validatenull(date)) return;
         if (date.seconds >= this.website.tokenTime && !this.refreshLock) {
@@ -156,7 +140,7 @@ export default {
             });
         }
       }, 10000);
-    }
-  }
+    },
+  },
 };
 </script>