Template
first commit
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
// Element Plus 相关
|
||||
|
||||
// 侧边栏的 item 的 popper
|
||||
.el-popper {
|
||||
.el-menu {
|
||||
background-color: var(--el-bg-color);
|
||||
.el-menu-item {
|
||||
background-color: var(--el-bg-color);
|
||||
&.is-active,
|
||||
&:hover {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.el-sub-menu__title {
|
||||
background-color: var(--el-bg-color);
|
||||
}
|
||||
.el-sub-menu {
|
||||
&.is-active {
|
||||
> .el-sub-menu__title {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-menu--horizontal {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.#{$theme-name} {
|
||||
@import "./layouts.scss";
|
||||
@import "./element-plus.scss";
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
// Layout 相关
|
||||
|
||||
.app-wrapper {
|
||||
// 侧边栏
|
||||
.sidebar-container {
|
||||
background-color: var(--el-bg-color);
|
||||
.el-menu {
|
||||
background-color: var(--el-bg-color);
|
||||
.el-menu-item {
|
||||
background-color: var(--el-bg-color);
|
||||
&.is-active,
|
||||
&:hover {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-sub-menu__title {
|
||||
background-color: var(--el-bg-color);
|
||||
}
|
||||
.el-sub-menu {
|
||||
&.is-active {
|
||||
> .el-sub-menu__title {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 右侧设置面板
|
||||
.handle-button {
|
||||
background-color: lighten($theme-bg-color, 20%) !important;
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
@import "./variables.scss";
|
||||
@import "../core/index.scss";
|
||||
@@ -0,0 +1,6 @@
|
||||
// dark-blue 主题下的变量
|
||||
|
||||
// 主题名称
|
||||
$theme-name: "dark-blue";
|
||||
// 主题背景颜色
|
||||
$theme-bg-color: #001b44;
|
||||
@@ -0,0 +1,2 @@
|
||||
@import "./variables.scss";
|
||||
@import "../core/index.scss";
|
||||
@@ -0,0 +1,6 @@
|
||||
// dark 主题下的变量
|
||||
|
||||
// 主题名称
|
||||
$theme-name: "dark";
|
||||
// 主题背景颜色
|
||||
$theme-bg-color: #141414;
|
||||
@@ -0,0 +1,3 @@
|
||||
// 注册多主题
|
||||
@import "./dark/index.scss";
|
||||
@import "./dark-blue/index.scss";
|
||||
Reference in New Issue
Block a user