From 5defaca63e79bae5741710f29b099ea30acbc1e6 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 16 Jul 2021 19:47:41 +0800
Subject: [PATCH] 样式
---
src/styles/sidebar.scss | 75 +++++++++++++++++++------------------
1 files changed, 39 insertions(+), 36 deletions(-)
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index 32eff42..a157b0b 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -1,20 +1,20 @@
-
-
-.el-menu--popup{
- .el-menu-item{
+.el-menu--popup {
+ .el-menu-item {
background-color: #20222a;
- i,span{
- color:hsla(0,0%,100%,.7);
+ i,
+ span {
+ color: hsla(0, 0%, 100%, 0.7);
}
- &:hover{
- i,span{
- color:#fff;
+ &:hover {
+ i,
+ span {
+ color: #fff;
}
}
&.is-active {
- background-color: rgba(0,0,0,.8);
+ background-color: rgba(0, 0, 0, 0.8);
&:before {
- content: '';
+ content: "";
top: 0;
left: 0;
bottom: 0;
@@ -22,61 +22,64 @@
background: #409eff;
position: absolute;
}
- i,span{
- color:#fff;
+ i,
+ span {
+ color: #fff;
}
}
}
-
}
@import "./ourBackgroundColor.scss";
.avue-sidebar {
- user-select: none;
+ user-select: none;
position: relative;
padding-top: 60px;
height: 100%;
position: relative;
- background-color: $leftMenuB;
+ background-color: $leftMenuB1 !important;
// background-color: #20222a;
- transition: width .2s;
+ transition: width 0.2s;
box-sizing: border-box;
- box-shadow: 2px 0 6px rgba(0,21,41,.35);
+ box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
.el-scrollbar__wrap {
overflow-x: hidden;
}
- &--tip{
- width:90%;
+ &--tip {
+ width: 90%;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
position: absolute;
- top:5px;
- left:5%;
- color:#ccc;
+ top: 5px;
+ left: 5%;
+ color: #ccc;
z-index: 2;
text-align: center;
font-size: 14px;
- background-color: rgba(0,0,0,.4);
+ background-color: rgba(0, 0, 0, 0.4);
}
- .el-menu-item,.el-submenu__title{
- i{
+ .el-menu-item,
+ .el-submenu__title {
+ i {
margin-right: 10px;
}
- i,span{
- color:hsla(0,0%,100%,.7);
+ i,
+ span {
+ color: hsla(0, 0%, 100%, 0.7);
}
- &:hover{
+ &:hover {
background: transparent;
- i,span{
- color:#fff;
+ i,
+ span {
+ color: #fff;
}
}
&.is-active {
&:before {
- content: '';
+ content: "";
top: 0;
left: 0;
bottom: 0;
@@ -85,10 +88,10 @@
position: absolute;
}
background-color: $black;
- i,span{
- color:#fff;
+ i,
+ span {
+ color: #fff;
}
}
}
-
-}
\ No newline at end of file
+}
--
Gitblit v1.9.3