Merge branch 'main' of gitee.com:longyears/h5-shangjinyaojiang into main

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,12 +43,14 @@
         </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 :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">
           仅限中国广电（苏州地区用户）手机号参与活动
         </view>
@@ -154,7 +156,7 @@ import popover from "@/component/popover/index.vue";
       },
 
       bindMobile() {
-        if(this.code) {
+        if(this.inputMobile && this.code && /^\d{4}$/.test(this.code)) {
           this.$u.api.bindMobile({
             mobile: this.inputMobile,
               //`192${this.inputMobile}`,