You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.5 KiB
86 lines
1.5 KiB
.foot-nav { |
|
position: fixed; |
|
// position: sticky; |
|
bottom: 50rpx; |
|
left: 0; |
|
z-index: 9999; |
|
width: 100%; |
|
height:100rpx; |
|
//overflow: hidden; |
|
padding:{ |
|
left:20rpx; |
|
right:20rpx; |
|
top:0rpx; |
|
bottom:0rpx; |
|
} |
|
box-sizing:border-box; |
|
.foot-nav-button-group{ |
|
width:100%; |
|
height:100%; |
|
justify-content: space-around; |
|
padding:{ |
|
left:33rpx; |
|
right:33rpx; |
|
top:0rpx; |
|
bottom:0rpx; |
|
} |
|
.foot-nav-button{ |
|
background:{ |
|
size: auto 54rpx; |
|
repeat: no-repeat; |
|
position: center center; |
|
} |
|
.foot-nav-button.active{ |
|
background:{ |
|
size: auto 81rpx; |
|
} |
|
} |
|
} |
|
.foot-nav-button{ |
|
height:100%; |
|
} |
|
} |
|
.foot-nav-background-group{ |
|
box-sizing:border-box; |
|
width:100%; |
|
height:100%; |
|
position: absolute; |
|
z-index: -1; |
|
top:0; |
|
left:0; |
|
padding:0rpx 20rpx; |
|
.foot-nav-background{ |
|
padding:0 20rpx; |
|
box-sizing: border-box; |
|
width:100%; |
|
height:100%; |
|
border:{ |
|
width:2rpx; |
|
color:#3F3F3F; |
|
style:solid; |
|
radius:46rpx |
|
} |
|
background:{ |
|
color:#4EC2B7; |
|
} |
|
position: relative; |
|
.foot-nav-background-small{ |
|
position: relative; |
|
top:9rpx; |
|
z-index: -1; |
|
left:0; |
|
width:100%; |
|
height:100%; |
|
border:{ |
|
width:2rpx; |
|
color:#262626; |
|
style:solid; |
|
radius:46rpx |
|
} |
|
background:{ |
|
color:#EFFFFD; |
|
} |
|
} |
|
} |
|
} |
|
}
|
|
|