hjq/PixelAI-admin
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'admin-20.12.18:处理完成灰色模式、自定义全局主题'

Browse Source
This commit is contained in:
lyt-Top 2020-12-18 01:03:13 +08:00
parent e41c8816e6
commit 0695d01040
3 changed files with 25 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
vue-admin-wonderful-next/src/App.vue
View File

@ -56,14 +56,14 @@ export default {
}); });
function colorChange() { function colorChange() {
document.documentElement.style.setProperty( document.documentElement.style.setProperty(
"--primary-color", "--color-primary",
state.color state.color
); );
} }
function onSwitchChange1() { function onSwitchChange1() {
document.documentElement.style.setProperty( document.body.setAttribute(
"--color-grayscale", "style",
state.value1 ? 1 : 0 `filter:grayscale(${state.value1 ? 1 : 0})`
); );
} }
return { return {

42
vue-admin-wonderful-next/src/style/base.scss
View File

@ -1,11 +1,11 @@
@import 'common/transition.scss'; @import 'common/transition.scss';
@import 'common/var.scss'; @import 'common/var.scss';
// .el-button--primary { .el-button--primary {
// color: #ffffff; color: #ffffff;
// background-color: var(--primary-color); background-color: setColor(primary);
// border-color: var(--primary-color); border-color: setColor(primary);
// } }
// .el-button--primary:hover { // .el-button--primary:hover {
// color: #ffffff; // color: #ffffff;
@ -13,21 +13,21 @@
// border-color: var(--primary--color-hover); // border-color: var(--primary--color-hover);
// } // }
// .el-switch.is-checked .el-switch__core { .el-switch.is-checked .el-switch__core {
// border-color: var(--primary-color) !important; border-color: setColor(primary) !important;
// background-color: var(--primary-color) !important; background-color: setColor(primary) !important;
// } }
// .el-tabs__item:hover, .el-tabs__item:hover,
// .el-tabs__item.is-active { .el-tabs__item.is-active {
// color: var(--primary-color) !important; color: setColor(primary) !important;
// } }
// .el-tabs__active-bar { .el-tabs__active-bar {
// background-color: var(--primary-color) !important; background-color: setColor(primary) !important;
// } }
// .el-menu-item.is-active, .el-menu-item.is-active,
// .el-submenu.is-active .el-submenu__title { .el-submenu.is-active .el-submenu__title {
// color: var(--primary-color) !important; color: setColor(primary) !important;
// border-bottom-color: var(--primary-color) !important; border-bottom-color: setColor(primary) !important;
// } }

5
vue-admin-wonderful-next/src/style/common/var.scss
View File

@ -8,10 +8,6 @@ $root: (
info: #909399, info: #909399,
); );
:root {
--grayscales: 0;
}
/* 循环赋值给:root /* 循环赋值给:root
------------------------------- */ ------------------------------- */
:root { :root {
@ -65,5 +61,4 @@ body {
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 1px solid red; border: 1px solid red;
filter: grayscale(red);
} }