Browse Source

返回样式修改

tanxue 1 tuần trước cách đây
mục cha
commit
01e608e322
1 tập tin đã thay đổi với 14 bổ sung4 xóa
  1. 14 4
      common/styles/global/components.scss

+ 14 - 4
common/styles/global/components.scss

@@ -102,9 +102,13 @@ view{box-sizing: border-box;}
 // 三个元素
 .phone-navBar-box{
 	display: flex;align-items: center;justify-content: space-between;background-color: #fff;
-	padding: calc(20rpx + var(--status-bar-height)) 20rpx 20rpx;box-sizing: border-box;position: relative;
+	padding: calc(var(--status-bar-height)) 20rpx 0 0;box-sizing: border-box;position: relative;
 	.nav-bar-icon{
-		width: 24rpx;height: 38rpx;
+		width: 100rpx;height: 100rpx;padding-right: 32rpx;box-sizing: border-box;
+		display: flex;align-items: center;justify-content: center;
+	}
+	.nav-bar-icon::before{
+		width: 24rpx;height: 38rpx;display: block;content: '';
 		background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
 	}
 	.nav-bar-title{font-size: 36rpx;color: #333;}
@@ -123,13 +127,19 @@ view{box-sizing: border-box;}
 }
 // 两个元素
 .icon-title-navBar-box,.icon-title-bjcolor-navBar-box{
+	height: 100rpx;line-height: 100rpx;
 	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;
+	padding: calc(var(--status-bar-height)) 20rpx 0 0;box-sizing: content-box;position: relative;
 	.nav-bar-title{
 		font-size: 32rpx;height: 63rpx;line-height: 63rpx;color: #333;max-width: 70%;
 	}
 	.nav-bar-icon{
-		width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: calc(32rpx + var(--status-bar-height));
+		width: 100rpx;height: 100rpx;padding-right: 32rpx;box-sizing: border-box;
+		display: flex;align-items: center;justify-content: center;
+		position: absolute;left: 0;top: calc( var(--status-bar-height) );z-index: 1;
+	}
+	.nav-bar-icon::before{
+		width: 24rpx;height: 38rpx;content: '';
 		background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
 	}
 	.bar-ml10{margin-left: 10rpx;}