'menu颜色调整、tag样式跳转'

src/layout/components/AppMain.vue

@@ -20,26 +20,28 @@ const cachedViews = computed(() => tagsView.cachedViews);
 </script>
 
 <style lang="scss" scoped>
+@import '@/styles/variables.module.scss';
+
+$fixed-header-offset: $navbarHeight + $tagsBarHeight;
+
 .app-main {
-  /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  min-height: calc(100vh - #{$navbarHeight});
   width: 100%;
   position: relative;
   overflow: hidden;
 }
 
 .fixed-header + .app-main {
-  padding-top: 50px;
+  padding-top: $navbarHeight;
 }
 
 .hasTagsView {
   .app-main {
-    /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    min-height: calc(100vh - #{$fixed-header-offset});
   }
 
   .fixed-header + .app-main {
-    padding-top: 84px;
+    padding-top: $fixed-header-offset;
   }
 }
 </style>