Browse Source

pad样式修改

tanxue 3 weeks ago
parent
commit
b272cf4546
2 changed files with 40 additions and 1 deletions
  1. 39 0
      common/styles/global/pages.scss
  2. 1 1
      pages/bindPhone/bindPhone.vue

+ 39 - 0
common/styles/global/pages.scss

@@ -309,6 +309,45 @@
 			flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
 			flex-shrink: 0;margin-left: 16rpx;color: #fff;font-size: 34rpx;
 		}
 		}
 	}
 	}
+	
+	@include mediaSmall() {
+			.bind-tel-body{padding: 23rpx;}
+			.tel-input{
+				width: 671rpx;height: 65rpx;border-radius: 10rpx;margin: 0 auto;
+				.phone-input {font-size: 22rpx;padding: 0 20rpx;}
+				.uni-input-placeholder {font-size: 22rpx;}
+				.close-btn{width: 27rpx;height: 27rpx;margin-right: 20rpx;}
+			}
+			.yzm-row{
+				width: 671rpx;margin: 23rpx auto 0;
+				.yzm-btn{
+					width: 176rpx;height: 65rpx;line-height: 65rpx;
+					margin-left: 16rpx;font-size: 22rpx;
+				}
+			}
+			.bd-btn{width: 671rpx;height: 53rpx;line-height: 53rpx;font-size: 22rpx;font-weight: normal;margin: 55rpx auto 0;}
+			.login-btn-normal.bd-btn{background-image: url("@/static/images/pad/common/btn-bj.png");}
+		}
+	
+		@include mediaBig() {
+			.bind-tel-body{padding: 58rpx;}
+			.tel-input{
+				width: 1800rpx;height: 160rpx;border-radius: 26rpx;
+				.phone-input {font-size: 54rpx;padding: 0 48rpx;}
+				.uni-input-placeholder {font-size: 54rpx;}
+				.close-btn{width: 67rpx;height: 67rpx;margin-right: 48rpx;}
+			}
+			.yzm-row{
+				width: 1800rpx;margin: 58rpx auto 0;
+				.yzm-btn{
+					width: 432rpx;height: 160rpx;line-height: 160rpx;
+					margin-left: 32rpx;font-size: 54rpx;
+				}
+			}
+			.bd-btn{
+				width: 1800rpx;height: 142rpx;line-height: 142rpx;font-size: 54rpx;margin: 134rpx auto 0;
+			}
+		}
 
 
 }
 }
 
 

+ 1 - 1
pages/bindPhone/bindPhone.vue

@@ -24,7 +24,7 @@
 				<text class="yzm-btn" @click="startCountdown"
 				<text class="yzm-btn" @click="startCountdown"
 					:class="{ 'cxfs-btn-disabled': loginData.isDisabled}">{{loginData.buttonText}}</text>
 					:class="{ 'cxfs-btn-disabled': loginData.isDisabled}">{{loginData.buttonText}}</text>
 			</view>
 			</view>
-			<ezyActiveVue class="ezy-btn-active login-btn yzm-btn" @aclick="bangdingFun" :class="loginData.yzmStatus">
+			<ezyActiveVue class="ezy-btn-active login-btn bd-btn" @aclick="bangdingFun" :class="loginData.yzmStatus">
 				确认绑定
 				确认绑定
 			</ezyActiveVue>
 			</ezyActiveVue>
 		</view>
 		</view>