Skip to content

V
vipSupplier
Commit a0d3adb5 by chuzhixin
Options

🚀 feat: update theme

parent ee8af7fd
Showing with 29 additions and 45 deletions
package.json
...@@ -41,9 +41,9 @@ ...@@ -41,9 +41,9 @@
"dependencies": { "dependencies": {
"axios": "^0.27.2", "axios": "^0.27.2",
"clipboard": "^2.0.11", "clipboard": "^2.0.11",
"core-js": "^3.22.8", "core-js": "^3.23.1",
"dayjs": "^1.11.3", "dayjs": "^1.11.3",
"echarts": "5.3.2", "echarts": "5.3.3",
"element-ui": "^2.15.9", "element-ui": "^2.15.9",
"jsencrypt": "^3.2.1", "jsencrypt": "^3.2.1",
"lodash": "^4.17.21", "lodash": "^4.17.21",
...@@ -80,15 +80,15 @@ ...@@ -80,15 +80,15 @@
"chokidar": "^3.5.3", "chokidar": "^3.5.3",
"eslint": "^7.32.0", "eslint": "^7.32.0",
"eslint-plugin-prettier": "^4.0.0", "eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-vue": "^9.1.0", "eslint-plugin-vue": "^9.1.1",
"filemanager-webpack-plugin": "^6.1.7", "filemanager-webpack-plugin": "^7.0.0",
"image-webpack-loader": "^8.1.0", "image-webpack-loader": "^8.1.0",
"lint-staged": "^13.0.1", "lint-staged": "^13.0.1",
"plop": "^3.1.0", "plop": "^3.1.0",
"prettier": "^2.6.2", "prettier": "^2.7.0",
"sass": "~1.32.13", "sass": "~1.32.13",
"sass-loader": "^10.1.1", "sass-loader": "^10.1.1",
"stylelint": "^14.9.0", "stylelint": "^14.9.1",
"stylelint-config-prettier": "^9.0.3", "stylelint-config-prettier": "^9.0.3",
"stylelint-config-recess-order": "^3.0.0", "stylelint-config-recess-order": "^3.0.0",
"svg-sprite-loader": "^6.0.11", "svg-sprite-loader": "^6.0.11",
......
src/styles/vab.scss
...@@ -107,14 +107,10 @@ html { ...@@ -107,14 +107,10 @@ html {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
/* el-tag开始 */
.el-tag + .el-tag { .el-tag + .el-tag {
margin-left: 10px; margin-left: 10px;
} }
/* el-tag结束 */
/* markdown编辑器开始 */
.editor-toolbar { .editor-toolbar {
.no-mobile, .no-mobile,
.fa-question-circle { .fa-question-circle {
...@@ -122,9 +118,6 @@ html { ...@@ -122,9 +118,6 @@ html {
} }
} }
/* markdown编辑器结束 */
/* 间隔线开始 */
.el-divider--horizontal { .el-divider--horizontal {
margin: 10px 0 25px 0; margin: 10px 0 25px 0;
...@@ -137,9 +130,6 @@ html { ...@@ -137,9 +130,6 @@ html {
} }
} }
/* 间隔线结束 */
/* 大图展示开始 */
.el-image-viewer { .el-image-viewer {
&__close { &__close {
.el-icon-circle-close { .el-icon-circle-close {
...@@ -148,8 +138,6 @@ html { ...@@ -148,8 +138,6 @@ html {
} }
} }
/* 大图展示结束 */
.vue-admin-beautiful-wrapper { .vue-admin-beautiful-wrapper {
.app-main-container { .app-main-container {
@include base-scrollbar; @include base-scrollbar;
...@@ -178,10 +166,6 @@ html { ...@@ -178,10 +166,6 @@ html {
} }
} }
/* 进度条结束 */
/* 表格开始 */
.el-table { .el-table {
.el-table__body-wrapper { .el-table__body-wrapper {
@include base-scrollbar; @include base-scrollbar;
...@@ -211,9 +195,6 @@ html { ...@@ -211,9 +195,6 @@ html {
} }
} }
/* 表格结束 */
/* 分页开始 */
.el-pagination { .el-pagination {
padding: 2px 5px; padding: 2px 5px;
margin: 15px 0 0 0; margin: 15px 0 0 0;
...@@ -222,9 +203,6 @@ html { ...@@ -222,9 +203,6 @@ html {
text-align: center; text-align: center;
} }
/* 分页结束 */
/* 菜单开始 */
.el-menu.el-menu--popup.el-menu--popup-right-start { .el-menu.el-menu--popup.el-menu--popup-right-start {
@include scrollbar; @include scrollbar;
} }
...@@ -237,10 +215,6 @@ html { ...@@ -237,10 +215,6 @@ html {
color: $base-color-white; color: $base-color-white;
} }
/* 菜单结束 */
/* 弹窗开始 */
.el-dialog, .el-dialog,
.el-message-box { .el-message-box {
&__body { &__body {
...@@ -262,9 +236,6 @@ html { ...@@ -262,9 +236,6 @@ html {
} }
} }
/* 弹窗结束 */
/* 卡片开始 */
.el-card { .el-card {
margin-bottom: 15px; margin-bottom: 15px;
...@@ -273,9 +244,6 @@ html { ...@@ -273,9 +244,6 @@ html {
} }
} }
/* 卡片结束 */
/* 下拉树样式-----------开始 */
.select-tree-popper { .select-tree-popper {
.el-scrollbar { .el-scrollbar {
.el-scrollbar__view { .el-scrollbar__view {
...@@ -289,8 +257,6 @@ html { ...@@ -289,8 +257,6 @@ html {
} }
} }
} }
/* 下拉树样式-----------结束 */
} }
.side-bar-container { .side-bar-container {
......
src/styles/variables.scss
...@@ -9,7 +9,7 @@ $base-color-default: #0187fb; ...@@ -9,7 +9,7 @@ $base-color-default: #0187fb;
//默认层级 //默认层级
$base-z-index: 999; $base-z-index: 999;
//横向布局纵向布局时菜单背景色 //横向布局纵向布局时菜单背景色
$base-menu-background: #282c34; $base-menu-background: #21252b;
//菜单文字颜色 //菜单文字颜色
$base-menu-color: hsla(0, 0%, 100%, 0.95); $base-menu-color: hsla(0, 0%, 100%, 0.95);
//菜单选中文字颜色 //菜单选中文字颜色
...@@ -26,10 +26,10 @@ $base-font-size-bigger: 18px; ...@@ -26,10 +26,10 @@ $base-font-size-bigger: 18px;
$base-font-size-max: 22px; $base-font-size-max: 22px;
$base-font-color: #606266; $base-font-color: #606266;
$base-color-blue: $base-color-default; $base-color-blue: $base-color-default;
$base-color-green: #47ba80; $base-color-green: #41b882;
$base-color-white: #fff; $base-color-white: #fff;
$base-color-black: #000; $base-color-black: #000;
$base-color-yellow: #fac858; $base-color-yellow: #ffa91b;
$base-color-orange: #ff6700; $base-color-orange: #ff6700;
$base-color-red: #f34d37; $base-color-red: #f34d37;
$base-color-gray: rgba(0, 0, 0, 0.65); $base-color-gray: rgba(0, 0, 0, 0.65);
......
src/views/index/index.vue
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<div slot="header"> <div slot="header">
<span>访问量</span> <span>访问量</span>
</div> </div>
<vab-chart autoresize theme="vab-echarts-theme" :options="fwl" /> <vab-chart autoresize :options="fwl" />
<div class="bottom"> <div class="bottom">
<span> <span>
日均访问量: 日均访问量:
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
<div slot="header"> <div slot="header">
<span>授权数</span> <span>授权数</span>
</div> </div>
<vab-chart autoresize theme="vab-echarts-theme" :options="sqs" /> <vab-chart autoresize :options="sqs" />
<div class="bottom"> <div class="bottom">
<span> <span>
总授权数: 总授权数:
...@@ -263,6 +263,15 @@ ...@@ -263,6 +263,15 @@
//访问量 //访问量
fwl: { fwl: {
color: [
'#1890FF',
'#36CBCB',
'#4ECB73',
'#FBD437',
'#F2637B',
'#975FE5',
],
backgroundColor: 'rgba(252,252,252,0)',
grid: { grid: {
top: '4%', top: '4%',
left: '2%', left: '2%',
...@@ -297,6 +306,15 @@ ...@@ -297,6 +306,15 @@
}, },
//授权数 //授权数
sqs: { sqs: {
color: [
'#1890FF',
'#36CBCB',
'#4ECB73',
'#FBD437',
'#F2637B',
'#975FE5',
],
backgroundColor: 'rgba(252,252,252,0)',
grid: { grid: {
top: '4%', top: '4%',
left: '2%', left: '2%',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment