update theme

package.json

@@ -60,7 +60,7 @@
     "vue-router": "^3.5.2",
     "vuex": "^3.6.2",
     "zx-count": "^0.3.7",
-    "zx-layouts": "^0.6.25",
+    "zx-layouts": "^0.6.27",
     "zx-magnifie": "^0.4.0",
     "zx-markdown-editor": "^0.0.2",
     "zx-player": "^1.0.2",
@@ -72,18 +72,18 @@
     "@vue/cli-plugin-babel": "^4.5.13",
     "@vue/cli-plugin-eslint": "^4.5.13",
     "@vue/cli-service": "^4.5.13",
-    "@vue/composition-api": "^1.0.0-rc.13",
+    "@vue/composition-api": "^1.0.3",
     "@vue/eslint-config-prettier": "^6.0.0",
     "babel-eslint": "^10.1.0",
     "body-parser": "^1.19.0",
     "chalk": "^4.1.1",
     "chokidar": "^3.5.2",
-    "eslint": "^7.30.0",
+    "eslint": "^7.31.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-vue": "^7.13.0",
     "filemanager-webpack-plugin": "^6.1.4",
     "image-webpack-loader": "^7.0.1",
-    "lint-staged": "^11.0.0",
+    "lint-staged": "^11.0.1",
     "plop": "^2.7.4",
     "prettier": "^2.3.2",
     "sass": "~1.32.13",

src/layouts/components/VabThemeBar/index.vue

@@ -31,6 +31,8 @@
                 <el-radio-button label="default">默认</el-radio-button>
                 <el-radio-button label="green">绿荫草场</el-radio-button>
                 <el-radio-button label="glory">荣耀典藏</el-radio-button>
+                <!-- <el-radio-button label="orean">海洋之心</el-radio-button>
+                <el-radio-button label="red">月上重火</el-radio-button> -->
               </el-radio-group>
             </el-form-item>
             <el-form-item label="布局">

src/styles/variables.scss

@@ -5,11 +5,11 @@
 /* stylelint-disable */
 @charset "utf-8";
 //框架默认主题色
-$base-color-default: #41b584;
+$base-color-default: #1890ff;
 //默认层级
 $base-z-index: 999;
 //横向布局纵向布局时菜单背景色
-$base-menu-background: #2f3447;
+$base-menu-background: #001529;
 //菜单文字颜色
 $base-menu-color: hsla(0, 0%, 100%, 0.95);
 //菜单选中文字颜色

src/views/vab/icon/colorfulIcon.vue

@@ -3,7 +3,7 @@
     <el-row :gutter="20">
       <el-col :span="24">
         <el-divider content-position="left">
-          多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
+          多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，点击图标即可复制源码
         </el-divider>
       </el-col>
       <el-col :span="24">

src/views/vab/player/index.vue

 <template>
   <div class="player-container">
     <el-divider content-position="left">
-      视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
+      视频地址采用cdn加速服务，开发时需部署到到本地
     </el-divider>
     <el-row :gutter="20">
       <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">