🚀 feat: update theme

package.json

@@ -41,9 +41,9 @@
   "dependencies": {
     "axios": "^0.27.2",
     "clipboard": "^2.0.11",
-    "core-js": "^3.22.8",
+    "core-js": "^3.23.1",
     "dayjs": "^1.11.3",
-    "echarts": "5.3.2",
+    "echarts": "5.3.3",
     "element-ui": "^2.15.9",
     "jsencrypt": "^3.2.1",
     "lodash": "^4.17.21",
@@ -80,15 +80,15 @@
     "chokidar": "^3.5.3",
     "eslint": "^7.32.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^9.1.0",
-    "filemanager-webpack-plugin": "^6.1.7",
+    "eslint-plugin-vue": "^9.1.1",
+    "filemanager-webpack-plugin": "^7.0.0",
     "image-webpack-loader": "^8.1.0",
     "lint-staged": "^13.0.1",
     "plop": "^3.1.0",
-    "prettier": "^2.6.2",
+    "prettier": "^2.7.0",
     "sass": "~1.32.13",
     "sass-loader": "^10.1.1",
-    "stylelint": "^14.9.0",
+    "stylelint": "^14.9.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recess-order": "^3.0.0",
     "svg-sprite-loader": "^6.0.11",

src/styles/vab.scss

@@ -107,14 +107,10 @@ html {
       backdrop-filter: blur(10px);
     }
 
-    /* el-tag开始 */
     .el-tag + .el-tag {
       margin-left: 10px;
     }
 
-    /* el-tag结束 */
-
-    /* markdown编辑器开始 */
     .editor-toolbar {
       .no-mobile,
       .fa-question-circle {
@@ -122,9 +118,6 @@ html {
       }
     }
 
-    /* markdown编辑器结束 */
-
-    /* 间隔线开始 */
     .el-divider--horizontal {
       margin: 10px 0 25px 0;
 
@@ -137,9 +130,6 @@ html {
       }
     }
 
-    /* 间隔线结束 */
-
-    /* 大图展示开始 */
     .el-image-viewer {
       &__close {
         .el-icon-circle-close {
@@ -148,8 +138,6 @@ html {
       }
     }
 
-    /* 大图展示结束 */
-
     .vue-admin-beautiful-wrapper {
       .app-main-container {
         @include base-scrollbar;
@@ -178,10 +166,6 @@ html {
       }
     }
 
-    /* 进度条结束 */
-
-    /* 表格开始 */
-
     .el-table {
       .el-table__body-wrapper {
         @include base-scrollbar;
@@ -211,9 +195,6 @@ html {
       }
     }
 
-    /* 表格结束 */
-
-    /* 分页开始 */
     .el-pagination {
       padding: 2px 5px;
       margin: 15px 0 0 0;
@@ -222,9 +203,6 @@ html {
       text-align: center;
     }
 
-    /* 分页结束 */
-
-    /* 菜单开始 */
     .el-menu.el-menu--popup.el-menu--popup-right-start {
       @include scrollbar;
     }
@@ -237,10 +215,6 @@ html {
       color: $base-color-white;
     }
 
-    /* 菜单结束 */
-
-    /* 弹窗开始 */
-
     .el-dialog,
     .el-message-box {
       &__body {
@@ -262,9 +236,6 @@ html {
       }
     }
 
-    /* 弹窗结束 */
-
-    /* 卡片开始 */
     .el-card {
       margin-bottom: 15px;
 
@@ -273,9 +244,6 @@ html {
       }
     }
 
-    /* 卡片结束 */
-
-    /* 下拉树样式-----------开始 */
     .select-tree-popper {
       .el-scrollbar {
         .el-scrollbar__view {
@@ -289,8 +257,6 @@ html {
         }
       }
     }
-
-    /* 下拉树样式-----------结束 */
   }
 
   .side-bar-container {

src/styles/variables.scss

@@ -9,7 +9,7 @@ $base-color-default: #0187fb;
 //默认层级
 $base-z-index: 999;
 //横向布局纵向布局时菜单背景色
-$base-menu-background: #282c34;
+$base-menu-background: #21252b;
 //菜单文字颜色
 $base-menu-color: hsla(0, 0%, 100%, 0.95);
 //菜单选中文字颜色
@@ -26,10 +26,10 @@ $base-font-size-bigger: 18px;
 $base-font-size-max: 22px;
 $base-font-color: #606266;
 $base-color-blue: $base-color-default;
-$base-color-green: #47ba80;
+$base-color-green: #41b882;
 $base-color-white: #fff;
 $base-color-black: #000;
-$base-color-yellow: #fac858;
+$base-color-yellow: #ffa91b;
 $base-color-orange: #ff6700;
 $base-color-red: #f34d37;
 $base-color-gray: rgba(0, 0, 0, 0.65);

src/views/index/index.vue

@@ -24,7 +24,7 @@
           <div slot="header">
             <span>访问量</span>
           </div>
-          <vab-chart autoresize theme="vab-echarts-theme" :options="fwl" />
+          <vab-chart autoresize :options="fwl" />
           <div class="bottom">
             <span>
               日均访问量:
@@ -47,7 +47,7 @@
           <div slot="header">
             <span>授权数</span>
           </div>
-          <vab-chart autoresize theme="vab-echarts-theme" :options="sqs" />
+          <vab-chart autoresize :options="sqs" />
           <div class="bottom">
             <span>
               总授权数:
@@ -263,6 +263,15 @@
 
         //访问量
         fwl: {
+          color: [
+            '#1890FF',
+            '#36CBCB',
+            '#4ECB73',
+            '#FBD437',
+            '#F2637B',
+            '#975FE5',
+          ],
+          backgroundColor: 'rgba(252,252,252,0)',
           grid: {
             top: '4%',
             left: '2%',
@@ -297,6 +306,15 @@
         },
         //授权数
         sqs: {
+          color: [
+            '#1890FF',
+            '#36CBCB',
+            '#4ECB73',
+            '#FBD437',
+            '#F2637B',
+            '#975FE5',
+          ],
+          backgroundColor: 'rgba(252,252,252,0)',
           grid: {
             top: '4%',
             left: '2%',