67 lines
1.4 KiB
Plaintext
67 lines
1.4 KiB
Plaintext
/* components/navBar.wxss */
|
|
.nav-bar{
|
|
transition-duration: .4s;
|
|
overflow: hidden;
|
|
}
|
|
.nav-bar .title{
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
color:#222222;
|
|
}
|
|
.nav-bar-content{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding:0 34rpx;
|
|
}
|
|
.nav-bar-content .left{
|
|
flex:1;
|
|
display: flex;
|
|
align-items: center;
|
|
text-overflow: ellipsis;
|
|
max-width: calc(100vw - 140rpx);
|
|
}
|
|
.nav-bar-content .left .btns{
|
|
display: inline-flex;
|
|
align-items: center;
|
|
border-radius: 60rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.nav-bar-content .left .spliter{
|
|
width:1.2rpx;height:36rpx;
|
|
background-color:#D8D8D8;
|
|
}
|
|
/*单一一个返回或者加上 backTitle的时候*/
|
|
.nav-bar-content .back{
|
|
width:40rpx;height:40rpx;
|
|
padding:12rpx 14rpx 12rpx 12rpx;
|
|
}
|
|
.nav-bar-content .back.home{
|
|
width:56rpx;height:56rpx;
|
|
padding:0;
|
|
}
|
|
.nav-bar-content .left .btns.border{
|
|
border: 1.2px solid #D8D8D8;
|
|
}
|
|
/*有俩按钮 back+share 的时候*/
|
|
.nav-bar-content .left .btns.border .back{
|
|
padding:12rpx 24rpx;
|
|
width:36rpx;height:36rpx;
|
|
}
|
|
.nav-bar-content .back-title{
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.nav-bar-content .share{
|
|
width:30rpx;height:34rpx;
|
|
padding:12rpx 28rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.nav-bar-content .center{
|
|
flex:1;
|
|
text-align: center;
|
|
}
|
|
.nav-bar-content .right{flex:1;} |