52 lines
874 B
Plaintext
52 lines
874 B
Plaintext
|
|
||
|
|
.custom-navbar {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: 9999;
|
||
|
|
}
|
||
|
|
.header-top {
|
||
|
|
height: 88rpx;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
.navbar-content {
|
||
|
|
height: 88rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row nowrap;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0 30rpx 0 24rpx;
|
||
|
|
}
|
||
|
|
.right-area, .icon-headle {
|
||
|
|
width: 46rpx;
|
||
|
|
height: 46rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.left-area, .back-icon {
|
||
|
|
width: 36rpx;
|
||
|
|
height: 36rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.back-btn {
|
||
|
|
/* padding: 20rpx;
|
||
|
|
margin-left: -20rpx; */
|
||
|
|
}
|
||
|
|
.title {
|
||
|
|
/* position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%); */
|
||
|
|
font-size: 36rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
/* 小程序适配 */
|
||
|
|
.custom-navbar {
|
||
|
|
padding-top: calc(25px + constant(safe-area-inset-top));
|
||
|
|
padding-top: calc(25px + env(safe-area-inset-top));
|
||
|
|
}
|
||
|
|
|
||
|
|
|