Browse Source

样式修改

tanxue 3 weeks ago
parent
commit
9867799255

+ 5 - 5
common/styles/global/components.scss

@@ -177,17 +177,17 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	}
 	/*** pad ***/
 	@include mediaSmall() {
-		padding: calc(6rpx + var(--status-bar-height)) 20rpx 6rpx;
-		.nav-bar-title{font-size: 28rpx;}
-		.nav-bar-icon{width: 65rpx;height: 65rpx;top: calc(6rpx + var(--status-bar-height));}
+		padding: calc(6rpx + var(--status-bar-height)) 20rpx 10rpx;
+		.nav-bar-title{font-size: 28rpx;height: 46rpx;line-height: 46rpx;}
+		.nav-bar-icon{width: 46rpx;height: 46rpx;top: calc(6rpx + var(--status-bar-height));}
 		.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 16rpx;}
-		&::before{height: 160rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
+		&::before{height: 288rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
 	}
 	@include mediaBig(){
 		.nav-bar-title{font-size: 66rpx;height: 180rpx;line-height: 180rpx;}
 		.nav-bar-icon{width: 180rpx;height: 180rpx;}
 		.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 38rpx;}
-		&::before{height: 350rpx;}
+		&::before{height: 720rpx;}
 	}
 }
 // 仅一个返回按钮

+ 60 - 21
common/styles/global/pages.scss

@@ -322,20 +322,20 @@
 	background-image: url("@/static/images/login/agree-dialog-btn.png");}
 	.not-confirm-btn{color:#888;font-size: 32rpx;padding: 32rpx 0 0;display: inline-block;}
 	@include mediaSmall() {
-			width: 455rpx;height: 319rpx;padding: 52rpx 0 27rpx;
-			.agree-title{font-size: 24rpx;}
-			.agree-tip{font-size: 20rpx;margin-top: 30rpx;}
-			.confirm-btn{width: 382rpx;height: 60rpx;margin: 27rpx auto 0;}
-			.not-confirm-btn{font-size: 20rpx;padding: 21rpx 0 0;}
-		}
-	
-		@include mediaBig() {
-			width: 1120rpx;height: 784rpx;padding: 128rpx 0 67rpx;
-			.agree-title{font-size: 54rpx;}
-			.agree-tip{font-size: 46rpx;margin-top: 74rpx;}
-			.confirm-btn{width: 941rpx;height: 147rpx;margin: 67rpx auto 0;}
-			.not-confirm-btn{font-size: 56rpx;padding: 46rpx 0 0;}
-		}
+		width: 455rpx;height: 319rpx;padding: 52rpx 0 27rpx;
+		.agree-title{font-size: 24rpx;}
+		.agree-tip{font-size: 20rpx;margin-top: 30rpx;}
+		.confirm-btn{width: 382rpx;height: 60rpx;margin: 27rpx auto 0;}
+		.not-confirm-btn{font-size: 20rpx;padding: 21rpx 0 0;}
+	}
+
+	@include mediaBig() {
+		width: 1120rpx;height: 784rpx;padding: 128rpx 0 67rpx;
+		.agree-title{font-size: 54rpx;}
+		.agree-tip{font-size: 46rpx;margin-top: 74rpx;}
+		.confirm-btn{width: 941rpx;height: 147rpx;margin: 67rpx auto 0;}
+		.not-confirm-btn{font-size: 56rpx;padding: 46rpx 0 0;}
+	}
 }
 
 // 用户协议详情弹窗
@@ -1013,7 +1013,7 @@
 
 	.my-banner-img{
 		width: 730rpx;height: 413rpx;@include ezy-no-repeat-cover;margin: 0 auto;
-		background-image: url("@/static/images/my/my-banner.png");border-radius: 16rpx;
+		background-image: url("@/static/images/phone/my/my-banner.png");border-radius: 16rpx;
 	}
 
 	// list
@@ -1023,18 +1023,57 @@
 		.list-item{color: #444;width: 25%;text-align: center;font-size: 28rpx;margin-bottom: 36rpx;}
 		.list-icon{width: 64rpx;height: 64rpx;display: block;
 		margin: 0 auto 12rpx;@include ezy-no-repeat-cover;}
-		.yysz-icon{background-image: url("@/static/images/my/list-icon1.png");}
-		.sc-icon{background-image: url("@/static/images/my/sc-icon.png");}
-		.dd-icon{background-image: url("@/static/images/my/dd-icon.png");}
-		.dhm-icon{background-image: url("@/static/images/my/dhm-icon.png");}
-		.dhm-icon{background-image: url("@/static/images/my/dhm-icon.png");}
-		.bdsjh-icon{background-image: url("@/static/images/my/sjbd-icon.png");}
+		.yysz-icon{background-image: url("@/static/images/common/my/list-icon1.png");}
+		.sc-icon{background-image: url("@/static/images/common/my/sc-icon.png");}
+		.dd-icon{background-image: url("@/static/images/common/my/dd-icon.png");}
+		.dhm-icon{background-image: url("@/static/images/common/my/dhm-icon.png");}
+		.dhm-icon{background-image: url("@/static/images/common/my/dhm-icon.png");}
+		.bdsjh-icon{background-image: url("@/static/images/common/my/sjbd-icon.png");}
 	}
 
 	.kefu-dialog{
 		.not-confirm-btn{display: none;}
 		.confirm-btn{margin: 24rpx auto;}
 	}
+	
+	@include mediaSmall() {
+		.my-title-navBar-box{padding-top: 16rpx;}
+		.my-head-box{
+			padding: 0 16rpx 24rpx;
+			.head-img-box{width: 130rpx;height: 130rpx;margin: 0 16rpx 0 8rpx;}
+			.head-content-box{font-size: 28rpx;}
+		}
+		.my-banner-img{width: 712rpx;height: 300rpx;border-radius: 10rpx;
+		background-image: url("@/static/images/pad/my/my-banner.png");}
+		.my-list-box{
+			width: 712rpx;margin: 16rpx auto;padding: 30rpx 4rpx 0;border-radius: 16rpx;
+			justify-content: space-around;
+			.list-item{width: 20%;font-size: 22rpx;margin-bottom: 30rpx;}
+			.list-icon{width: 60rpx;height: 60rpx;margin: 0 auto 8rpx;}
+		}
+		.kefu-dialog{
+			.confirm-btn{margin: 16rpx auto;}
+		}
+	}
+	@include mediaBig() {
+		min-height: 2200rpx;
+		.my-title-navBar-box{padding-top: 10rpx;}
+		.my-head-box{
+			width: 1940rpx;margin: 0 auto 32rpx;
+			.head-img-box{width: 350rpx;height: 350rpx;margin: 0 38rpx 0 19rpx;}
+			.head-content-box{font-size: 66rpx;}
+		}
+		.my-banner-img{width: 1940rpx;height: 818rpx;border-radius: 26rpx;}
+		.my-list-box{
+			width: 1940rpx;margin: 38rpx auto;padding: 75rpx 10rpx 0;border-radius: 26rpx;
+			.list-item{font-size: 45rpx;margin-bottom: 75rpx;}
+			.list-icon{width: 160rpx;height: 160rpx;margin: 0 auto 19rpx;}
+		}
+		.kefu-dialog{
+			.confirm-btn{margin: 38rpx auto;}
+		}
+	}
+
 }
 
 // 应用设置

+ 0 - 0
static/images/my/dd-icon.png → static/images/common/my/dd-icon.png


+ 0 - 0
static/images/my/dhm-icon.png → static/images/common/my/dhm-icon.png


+ 0 - 0
static/images/my/list-icon1.png → static/images/common/my/list-icon1.png


+ 0 - 0
static/images/my/sc-icon.png → static/images/common/my/sc-icon.png


+ 0 - 0
static/images/my/sjbd-icon.png → static/images/common/my/sjbd-icon.png


BIN
static/images/pad/common/page-header-bj.png


BIN
static/images/pad/my/my-banner.png


+ 0 - 0
static/images/my/my-banner.png → static/images/phone/my/my-banner.png