Procházet zdrojové kódy

fix: 修复注册页面手机号码换行问题

Developer před 4 dny
rodič
revize
e427a6d18b
1 změnil soubory, kde provedl 6 přidání a 4 odebrání
  1. 6 4
      components/pages/loginRegister/index.vue

+ 6 - 4
components/pages/loginRegister/index.vue

@@ -14,8 +14,8 @@
 			<view class="lr-box-form">
 				<view class="lr-box-form-item adfacjb">
 					<view class="lr-box-form-item-left adfac">
-						<view class="text" style="margin-right: 32rpx;"><span style="color: #F4657A;">*</span>手机号码</view>
-						<input v-model="register.phone" border="none" placeholder="请输入手机号码"></input>
+						<view class="text"><span style="color: #F4657A;">*</span>手机号码</view>
+						<input v-model="register.phone" border="none" placeholder="请输入手机号码" style="margin-left: 32rpx; flex: 1;"></input>
 					</view>
 					<view class="lr-box-form-item-right">
 						<button class="yjsq" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber" privacy-desc="用于获取您的手机号码,方便您快速注册。">一键授权</button>
@@ -481,13 +481,15 @@
 					padding: 0 30rpx;
 					margin-top: 20rpx;
 					&-left{
-						width: 370rpx;
+						flex: 1;
+						min-width: 0;
 						.text{
 							font-family: PingFangSC, PingFang SC;
 							font-weight: 400;
 							font-size: 30rpx;
 							color: #151B29;
 							line-height: 42rpx;
+							white-space: nowrap;
 						}
 						image{
 							width: 60rpx;
@@ -497,7 +499,7 @@
 						}
 					}
 					&-right{
-						width: calc(100% - 370rpx);
+						flex-shrink: 0;
 						padding-left: 20rpx;
 						box-sizing: border-box;
 						.yjsq{