47 lines
940 B
SCSS
47 lines
940 B
SCSS
/* components/navBar/navBar.wxss */
|
|
// .fill{
|
|
// height: 44rpx;
|
|
// background: red;
|
|
// }
|
|
.nav-bar-container{
|
|
// padding-top: constant(safe-area-inset-top);
|
|
// padding-top: env(safe-area-inset-top);
|
|
// padding-top: 16px;
|
|
background: transparent;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
.nav-bar-box{
|
|
// height: 96rpx;
|
|
background: transparent;
|
|
height: 48px;
|
|
display: grid;
|
|
grid-template-columns: 25% 50% 25%;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
padding: 0 30rpx;
|
|
&.white{
|
|
color: #ffffff;
|
|
}
|
|
.left{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
.back{
|
|
width: 20rpx;
|
|
height: 35rpx;
|
|
padding: 15rpx 30rpx 15rpx 0;
|
|
}
|
|
}
|
|
.center{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.right{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
} |