修改主题样式设置

ZR.Vue/src/components/ThemePicker/index.vue

@@ -42,6 +42,7 @@ export default {
 
   methods: {
     async setTheme(val) {
+      console.log('%c setTheme Color','color:' + val)
       const oldVal = this.chalk ? this.theme : ORIGINAL_THEME
       if (typeof val !== 'string') return
       const themeCluster = this.getThemeCluster(val.replace('#', ''))

ZR.Vue/src/components/TopNav/index.vue

@@ -8,7 +8,7 @@
     </template>
 
     <!-- 顶部菜单超出数量折叠 -->
-    <el-submenu index="more" v-if="topMenus.length > visibleNumber">
+    <el-submenu :style="{'--theme': theme}" index="more" v-if="topMenus.length > visibleNumber">
       <template slot="title">更多菜单</template>
       <template v-for="(item, index) in topMenus">
         <el-menu-item :index="item.path" :key="index" v-if="index >= visibleNumber">