wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
不做码农 2022-04-21 21:58:06 +08:00
parent b66e5616ac
commit ebbb109c75
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/styles/index.scss
View File

@ -233,19 +233,23 @@ div:focus {
.text-muted { .text-muted {
color: #888888; color: #888888;
} }
.text-orange { .text-orange {
color: orangered; color: orangered;
} }
.text-hotpink { .text-hotpink {
color: hotpink; color: hotpink;
} }
.text-green { .text-green {
color: green; color: green;
} }
.text-greenyellow { .text-greenyellow {
color: greenyellow; color: greenyellow;
} }
/* image */ /* image */
.img-circle { .img-circle {
border-radius: 50%; border-radius: 50%;
@ -263,4 +267,4 @@ div:focus {
.table-td-thumb { .table-td-thumb {
width: 56px; width: 56px;
} }

8
src/assets/styles/variables.module.scss
View File

@ -17,7 +17,7 @@ $menuHover:#263445;
// sidebar // sidebar
$menuText:#bfcbd9; $menuText:#bfcbd9;
$menuActiveText:#409EFF; $menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; $subMenuActiveText:#f4f4f5;
//https://github.com/ElemeFE/element/issues/12951 //https://github.com/ElemeFE/element/issues/12951
$base-menu-light-color: rgba(0, 0, 0, 0.7); $base-menu-light-color: rgba(0, 0, 0, 0.7);
@ -37,6 +37,10 @@ $base-sidebar-width: 210px;
// the :export directive is the magic sauce for webpack // the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
/* js中import， import variables from '@/assets/styles/variables.module.scss'
template中使用 eg：variables.menuColor
*/
:export { :export {
menuColor: $base-menu-color; menuColor: $base-menu-color;
menuLightColor: $base-menu-light-color; menuLightColor: $base-menu-light-color;
@ -53,4 +57,4 @@ $base-sidebar-width: 210px;
dangerColor: $--color-danger; dangerColor: $--color-danger;
infoColor: $--color-info; infoColor: $--color-info;
warningColor: $--color-warning; warningColor: $--color-warning;
} }