2023-6-14

pages/index/index.vue

@@ -27,7 +27,7 @@
 
       <view class="login">
         <view class="login-bkg">
-          <u-image style="display: flex;justify-content: center;" mode="scaleToFill" width="100%" height="448rpx" :src="require('@/static/yellow-phone-bkg.png')"></u-image>
+          <u-image style="display: flex;justify-content: center;" mode="scaleToFill" width="100%" height="548rpx" :src="require('@/static/yellow-phone-bkg.png')"></u-image>
         </view>
 
         <view class="login-text">
@@ -43,13 +43,13 @@
         </view>
 
         <view class="login-validate">
-          <u-input :clearable="false" placeholder="请填写验证码" :maxlength="4" v-model="code" placeholder-style="color:#969696" :custom-style="{ 'color': '#333333' }" @input="$u.debounce(bindMobile, 1000)"></u-input>
+          <u-input :clearable="false" placeholder="请填写验证码" :maxlength="4" v-model="code" placeholder-style="color:#969696" :custom-style="{ 'color': '#333333' }"></u-input>
           <u-verification-code :keep-running="true" :seconds="60" ref="uCode" start-text="发送验证码"
                                @change="t => tips = t"></u-verification-code>
           <u-button :ripple="true" :hair-line="false" :custom-style="btnStyle" shape="circle" @click="sendCode">{{ tips }}</u-button>
         </view>
 
-<!--        <u-button shape="circle" :custom-style="{ 'width': '60rpx','height': '60rpx','padding': '0' }"><u-icon name="arrow-right"></u-icon></u-button>-->
+        <u-button :ripple="true" :hair-line="false" shape="circle" :custom-style="{ 'height': '60rpx','padding': '0','background': '#ea3323','margin-top': '28rpx','color': '#fff','font-size': '24rpx' }" @click="bindMobile">确 认</u-button>
 
         <view class="login-tip">
           仅限中国广电（苏州地区用户）手机号参与活动