mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
side nav
This commit is contained in:
parent
79286072b9
commit
a955532901
@ -58,7 +58,7 @@ export default {
|
|||||||
.side-nav {
|
.side-nav {
|
||||||
width: 220px;
|
width: 220px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 40px 20px;
|
padding: 40px 0;
|
||||||
float: left;
|
float: left;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
||||||
@ -83,9 +83,11 @@ export default {
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
|
padding: 0 20px;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: #3388FF;
|
color: #3388FF;
|
||||||
|
background-color: #F2F2F2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.nav-item {
|
.nav-item {
|
||||||
@ -94,7 +96,7 @@ export default {
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding-left: 24px;
|
padding-left: 44px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #3388FF;
|
color: #3388FF;
|
||||||
@ -105,7 +107,7 @@ export default {
|
|||||||
.nav-group__title {
|
.nav-group__title {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #666;
|
color: #666;
|
||||||
padding-left: 8px;
|
padding-left: 28px;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user