|
|
@@ -121,21 +121,22 @@ view{box-sizing: border-box;}
|
|
|
.nav-bar-right-icon + .nav-bar-right-icon{margin-left: 24rpx;}
|
|
|
}
|
|
|
}
|
|
|
-// 两个元素
|
|
|
-.icon-title-navBar-box,.icon-title-bjcolor-navBar-box{
|
|
|
- display: flex;align-items: center;justify-content: center;background-color: #fff;
|
|
|
- padding: calc(20rpx + var(--status-bar-height)) 20rpx 20rpx;box-sizing: border-box;position: relative;
|
|
|
- .nav-bar-title{
|
|
|
- font-size: 32rpx;height: 63rpx;line-height: 63rpx;color: #333;max-width: 70%;
|
|
|
- }
|
|
|
+// 两个元素
|
|
|
+.icon-title-navBar-box{
|
|
|
+ background-color: #fff;box-sizing: border-box;
|
|
|
+ .icon-title-box{display: flex;align-items: center;justify-content: center;padding:10rpx 10rpx 20rpx;position: relative;}
|
|
|
+ .nav-bar-title{font-size: 32rpx;height: 64rpx;line-height: 64rpx;color: #333;max-width: 70%;}
|
|
|
+ .nav-bar-box{width: 64rpx;height: 64rpx;line-height: 64rpx;position: absolute;left: 10rpx;top: 10rpx;
|
|
|
+ display: flex;align-items: center;justify-content: center;}
|
|
|
.nav-bar-icon{
|
|
|
- width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: calc(32rpx + var(--status-bar-height));
|
|
|
+ width: 24rpx;height: 38rpx;
|
|
|
background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
}
|
|
|
.bar-ml10{margin-left: 10rpx;}
|
|
|
.nav-bar-btn{font-size: 24rpx;position: absolute;right: 20rpx;
|
|
|
line-height: 50rpx;border-radius: 8rpx;padding: 0 10rpx;}
|
|
|
}
|
|
|
+
|
|
|
// 带背景色client使用
|
|
|
.icon-title-bjcolor-navBar-box{
|
|
|
background-color: #fff;padding: 10rpx;border-bottom: 1rpx solid #e0e0e0;
|
tanxue