feat: update

This commit is contained in:
xiaoxian521 2021-10-31 15:42:46 +08:00
parent 321b9da9a8
commit 8a14519467
9 changed files with 28 additions and 24 deletions

View File

@ -37,7 +37,7 @@ defineExpose({
<div class="right-panel-items"> <div class="right-panel-items">
<div class="project-configuration"> <div class="project-configuration">
<h3>项目配置</h3> <h3>项目配置</h3>
<el-icon class="el-icon-close" @click="show = !show"> <el-icon title="关闭配置" class="el-icon-close" @click="show = !show">
<Close /> <Close />
</el-icon> </el-icon>
</div> </div>

View File

@ -1,11 +1,11 @@
// 极光绿 // 极光绿
$subMenuActiveText: #409eff; $subMenuActiveText: #fff;
$menuBg: #0b1e15; $menuBg: #0b1e15;
$menuHover: #60ac80; $menuHover: #60ac80;
$subMenuBg: #fff; $subMenuBg: #000;
$subMenuHover: #60ac80; $subMenuHover: #60ac80;
$navTextColor: #7a80b4; $navTextColor: #7a80b4;
$menuText: #7a80b4; $menuText: #7a80b4;
$sidebarLogo: #192e22; $sidebarLogo: #112f21;
$menuTitleHover: #fff; $menuTitleHover: #fff;

View File

@ -7,5 +7,5 @@ $subMenuBg: #000;
$subMenuHover: #e13c39; $subMenuHover: #e13c39;
$navTextColor: red; $navTextColor: red;
$menuText: rgba(254, 254, 254, 0.651); $menuText: rgba(254, 254, 254, 0.651);
$sidebarLogo: #3c0e0e; $sidebarLogo: #42090c;
$menuTitleHover: #fff; $menuTitleHover: #fff;

View File

@ -1,11 +1,11 @@
// 明青 // 明青
$subMenuActiveText: #409eff; $subMenuActiveText: #fff;
$menuBg: #032121; $menuBg: #032121;
$menuHover: #59bfc1; $menuHover: #59bfc1;
$subMenuBg: #fff; $subMenuBg: #000;
$subMenuHover: #59bfc1; $subMenuHover: #59bfc1;
$navTextColor: #7a80b4; $navTextColor: #7a80b4;
$menuText: #7a80b4; $menuText: #7a80b4;
$sidebarLogo: #153334; $sidebarLogo: #053434;
$menuTitleHover: #fff; $menuTitleHover: #fff;

View File

@ -1,11 +1,11 @@
// 粉红 // 粉红
$subMenuActiveText: #409eff; $subMenuActiveText: #fff;
$menuBg: #28081a; $menuBg: #28081a;
$menuHover: #d84493; $menuHover: #d84493;
$subMenuBg: #fff; $subMenuBg: #000;
$subMenuHover: #d84493; $subMenuHover: #d84493;
$navTextColor: #7a80b4; $navTextColor: #7a80b4;
$menuText: #7a80b4; $menuText: #7a80b4;
$sidebarLogo: #391228; $sidebarLogo: #3f0d29;
$menuTitleHover: #fff; $menuTitleHover: #fff;

View File

@ -1,11 +1,11 @@
// 酱紫 // 酱紫
$subMenuActiveText: #409eff; $subMenuActiveText: #fff;
$menuBg: #130824; $menuBg: #130824;
$menuHover: #693ac9; $menuHover: #693ac9;
$subMenuBg: #fff; $subMenuBg: #000;
$subMenuHover: #693ac9; $subMenuHover: #693ac9;
$navTextColor: #7a80b4; $navTextColor: #7a80b4;
$menuText: #7a80b4; $menuText: #7a80b4;
$sidebarLogo: #1c0f35; $sidebarLogo: #1f0c38;
$menuTitleHover: #fff; $menuTitleHover: #fff;

View File

@ -7,5 +7,5 @@ $subMenuBg: #0f0603;
$subMenuHover: #e85f33; $subMenuHover: #e85f33;
$navTextColor: #fff; $navTextColor: #fff;
$menuText: rgba(254, 254, 254, 0.65); $menuText: rgba(254, 254, 254, 0.65);
$sidebarLogo: #3f1a0c; $sidebarLogo: #441708;
$menuTitleHover: #fff; $menuTitleHover: #fff;

View File

@ -99,7 +99,7 @@ export const buttonConfig = {
hssearch: "搜索", hssearch: "搜索",
hsexpendAll: "全部展开", hsexpendAll: "全部展开",
hscollapseAll: "全部折叠", hscollapseAll: "全部折叠",
hssystemSet: "系统设置", hssystemSet: "打开项目配置",
hsdelete: "删除", hsdelete: "删除",
hsreload: "重新加载", hsreload: "重新加载",
hscloseCurrentTab: "关闭当前标签页", hscloseCurrentTab: "关闭当前标签页",
@ -123,7 +123,7 @@ export const buttonConfig = {
hssearch: "Search", hssearch: "Search",
hsexpendAll: "Expand All", hsexpendAll: "Expand All",
hscollapseAll: "Collapse All", hscollapseAll: "Collapse All",
hssystemSet: "System Set", hssystemSet: "Open ProjectConfig",
hsdelete: "Delete", hsdelete: "Delete",
hsreload: "Reload", hsreload: "Reload",
hscloseCurrentTab: "Close CurrentTab", hscloseCurrentTab: "Close CurrentTab",

View File

@ -17,13 +17,6 @@
} }
} }
.el-menu-item,
.el-sub-menu__title {
&:hover {
color: $menuTitleHover !important;
}
}
.el-sub-menu__icon-arrow { .el-sub-menu__icon-arrow {
position: absolute; position: absolute;
} }
@ -129,6 +122,10 @@
.el-menu-item, .el-menu-item,
.el-sub-menu__title { .el-sub-menu__title {
color: $menuText; color: $menuText;
&:hover {
color: $menuTitleHover !important;
}
} }
// menu hover // menu hover
@ -367,6 +364,13 @@
} }
} }
.el-menu-item,
.el-sub-menu__title {
&:hover {
color: $menuTitleHover !important;
}
}
.is-active { .is-active {
transition: color 0.3s; transition: color 0.3s;
color: $subMenuActiveText !important; color: $subMenuActiveText !important;