增大手机号验证码输入框

pages/mine/mine.wxml

@@ -16,16 +16,16 @@
 <view wx:if="{{needBindMobile}}">
   <form bindsubmit="bindGetPassCode">
     <view class="check mobile">
-      <text>绑定手机号：</text>
+      <view><text>绑定手机号：</text></view>
-      <input type="digit" name="mobile"></input>
+      <view><input type="digit" name="mobile"></input></view>
-      <button formType="submit" disabled="{{disableGetMobileCode}}">{{getCodeButtonText}}</button>
+      <view><button formType="submit" disabled="{{disableGetMobileCode}}">{{getCodeButtonText}}</button></view>
     </view>
   </form>
   <form bindsubmit="bindSubmitMobile">
     <view class="check code">
-      <text>输入验证码：</text>
+      <view><text>输入验证码：</text></view>
-      <input type="digit" name="code"></input>
+      <view><input type="digit" name="code"></input></view>
-      <button formType="submit" disabled="{{disableSubmitMobileCode}}">提交</button>
+      <view><button formType="submit" disabled="{{disableSubmitMobileCode}}">提交</button></view>
     </view>
   </form>
 </view>

pages/mine/mine.wxss

@@ -132,41 +132,33 @@
   margin-bottom: 20rpx;
 }*/
 
+/* 绑定手机号的两个form */
 .check {
-  height: 72rpx;
   display: flex;
-  justify-content: flex-start;
+  flex-direction: row;
-  font-size: 30rpx;
+  justify-content: space-around;
-  margin-top: 20rpx;
+  align-items: center;
-  margin-bottom: 20rpx;
+  font-size: 32rpx;
+  height: 110rpx;
 }
 
 .check text {
-  margin-left: 15rpx;
-  padding-top: 20rpx;
-  padding-bottom: 20rpx;
   width: auto;
 }
 
 .check input {
-  width: auto;
-  margin-top: 10rpx;
-  margin-bottom: 10rpx;
-  border: 1rpx solid #66B2FF;
   padding-left: 10rpx;
+  border: 1rpx solid #66B2FF;
+  height: 70rpx;
+  width: 280rpx;
+  font-size: 34rpx;
 }
 
 .check button {
-  width: 230rpx;
+  width: 220rpx;
-  margin-left: 10rpx;
+  font-size: 32rpx;
-  margin-right: 0;
-  font-size: 30rpx;
-}
-
-.check input {
-  min-width: 230rpx;
-  width: 290rpx;
 }
+/*************/
 
 .profile-button-container {
   display: flex;