no message

Former-commit-id: b0dd61f6ea179f2cc6bcfb556a2cc6526f5eb84c
Former-commit-id: 4aad5b89f03923f6172b2b3e1369da53a17d2de5
Former-commit-id: 25427725cd27292c9f567d04659b9935fe824de3

src/assets/style/theme/star/index.scss

@@ -8,7 +8,22 @@ $theme-container-full-border-color: #d8dfea;
 .theme-#{$theme-name} {
   background-color: $theme-bg-color;
   background-image: url($theme-bg-image);
-
+  // 菜单项目
+  @mixin theme-menu-hover-style {
+    background-color: #eff4f8;
+  }
+  .el-submenu__title:hover {
+    @include theme-menu-hover-style;
+  }
+  .el-menu-item:hover {
+    @include theme-menu-hover-style;
+  }
+  .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
+    @include theme-menu-hover-style;
+  }
+  .el-menu--horizontal .el-menu .el-submenu__title:hover {
+    @include theme-menu-hover-style;
+  }
   // [组件] dd-container-full
   .dd-container-full {
     .dd-container-full__header {

src/assets/style/theme/theme.scss

@@ -1,22 +1,5 @@
 @import '~@/assets/style/public.scss';
 
-// 下面这部分是要根据主题修改的 但是没有办法加到主题中
-@mixin theme-menu-hover-style {
-  background-color: #eff4f8;
-}
-.el-submenu__title:hover {
-  @include theme-menu-hover-style;
-}
-.el-menu-item:hover {
-  @include theme-menu-hover-style;
-}
-.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
-  @include theme-menu-hover-style;
-}
-.el-menu--horizontal .el-menu .el-submenu__title:hover {
-  @include theme-menu-hover-style;
-}
-
 // 主题公用
 .theme {
   height: 100vh;

src/components/core/MainLayout/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-container class="layout-main theme" :class="theme">
+  <el-container class="layout-main theme">
     <!-- 顶栏 -->
     <el-header>
       <div class="logo-group" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
@@ -37,7 +37,6 @@ export default {
   },
   data () {
     return {
-      theme: 'theme-star',
       collapse: false,
       // [侧边栏宽度] 正常状态
       asideWidth: '200px',

src/main.js

@@ -57,5 +57,8 @@ new Vue({
   i18n,
   router,
   template: '<App/>',
-  components: { App }
+  components: { App },
+  mounted () {
+    document.body.className = 'theme-star'
+  }
 })