| | |
| | | customStyle() { |
| | | return { |
| | | height: "100rpx", |
| | | background: "#EE2626", |
| | | background: "#4766FE", |
| | | color: "#fff", |
| | | borderRadius: "50rpx", |
| | | fontSize: "34rpx", |
| | |
| | | |
| | | }, |
| | | mounted(){ |
| | | this.$refs.codeUi.open() |
| | | this.windowHeight = uni.getSystemInfoSync().windowHeight; |
| | | this.interval = setInterval(() => { |
| | | let newHeight = window.innerHeight; |
| | |
| | | |
| | | <uv-popup mode="center" round="20" ref="codeUi" :closeOnClickOverlay="false" > |
| | | |
| | | <view style="padding: 40rpx;width: 690rpx;background: url('/static/img/smsBg.png') no-repeat top center; background-size: 100%;height: 650rpx;"> |
| | | <view style="padding: 40rpx 0;width: 690rpx;background: url('/static/img/smsCodeBg.png') no-repeat top center; background-size: 100%;height: 650rpx;position: relative;"> |
| | | <view class="head"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | height: 50rpx; |
| | | position: absolute; |
| | | height: 190rpx; |
| | | right: 0; |
| | | top: -30rpx; |
| | | z-index: 1; |
| | | " |
| | | > |
| | | |
| | | <image |
| | | @click="$refs.codeUi.close()" |
| | | src="@/static/img/off.png" |
| | | src="@/static/img/codeSetUi.png" |
| | | style=" |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | position: absolute; |
| | | right: 0; |
| | | top: -2rpx; |
| | | width: 190rpx; |
| | | height: 190rpx; |
| | | " |
| | | ></image> |
| | | </view> |
| | | </view> |
| | | <view style=" |
| | | <!-- <view style=" |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | margin-bottom: 12rpx; |
| | | text-align: center; |
| | | |
| | | ">短信确认</view> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: center;">为确保安全到账,需再次对您的收款账户进行短信验证</view> |
| | | ">短信确认</view> --> |
| | | |
| | | |
| | | <view class="close"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | height: 56rpx; |
| | | position: absolute; |
| | | left: 315rpx; |
| | | bottom: -80rpx; |
| | | " |
| | | > |
| | | <image |
| | | @click="$refs.codeUi.close()" |
| | | src="@/static/img/off.png" |
| | | style=" |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | " |
| | | ></image> |
| | | </view> |
| | | </view> |
| | | <view style="margin-top: 100rpx;background: linear-gradient( -160deg, #D0FDFF 0%, #FFFBFC 50%, #FFFBFC 100%);border-radius: 40rpx 40rpx 40rpx 40rpx;border: 1px solid #fff;padding: 30rpx;position: relative;z-index: 2;"> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: center;">为确保安全到账,需再次对您的收款账户进行短信验证</view> |
| | | <view class="content"> |
| | | <uv-form |
| | | :labelStyle="lstyle" |
| | | labelPosition="left" |
| | | |
| | | <view class="content"> |
| | | <uv-form |
| | | :labelStyle="lstyle" |
| | | labelPosition="left" |
| | | ref="form" |
| | | labelWidth="100" |
| | | > |
| | | |
| | | ref="form" |
| | | labelWidth="100" |
| | | > |
| | | <uv-form-item |
| | | class="item" |
| | | label="" |
| | | prop="repayTermStr" |
| | | |
| | | <uv-form-item |
| | | class="item" |
| | | label="" |
| | | prop="repayTermStr" |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | | readonly |
| | | v-model="cardPhone" |
| | | maxlength="11" |
| | | :customStyle="inputStyle" |
| | | disabledColor="none" |
| | | |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | | readonly |
| | | v-model="cardPhone" |
| | | maxlength="11" |
| | | :customStyle="inputStyle" |
| | | disabledColor="none" |
| | | border="none" |
| | | placeholder="请输入手机号" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | ></uv-input> |
| | | </uv-form-item> |
| | | |
| | | border="none" |
| | | placeholder="请输入手机号" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | ></uv-input> |
| | | </uv-form-item> |
| | | <uv-form-item |
| | | class="item" |
| | | label="" |
| | | prop="needVerify" |
| | | |
| | | <uv-form-item |
| | | class="item" |
| | | label="" |
| | | prop="needVerify" |
| | | |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | | maxlength="6" |
| | | v-model="verificationCodeT" |
| | | border="none" |
| | | placeholder="请输入验证码" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | > |
| | | <template #suffix> |
| | | <text |
| | | class="code" |
| | | style="color: red;" |
| | | :class="isCounting_A ? 'ks' : ''" |
| | | @click="getCode" |
| | | >{{ isCounting_A ? countText_A : "获取验证码" }}</text |
| | | > |
| | | </template> |
| | | </uv-input> |
| | | </uv-form-item> |
| | | <uv-form-item > |
| | | <view class="but" style="width: 100%;"> |
| | | <uv-button |
| | | :customStyle="customStyle" |
| | | shape="circle" |
| | | @click="submitPlan" |
| | | >确认</uv-button |
| | | > |
| | | </view> |
| | | </uv-form-item> |
| | | </uv-form> |
| | | </view> |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | | maxlength="6" |
| | | v-model="verificationCodeT" |
| | | border="none" |
| | | placeholder="请输入验证码" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | > |
| | | <template #suffix> |
| | | <text |
| | | class="code" |
| | | style="color: #4766FE;" |
| | | :class="isCounting_A ? 'ks' : ''" |
| | | @click="getCode" |
| | | >{{ isCounting_A ? countText_A : "获取验证码" }}</text |
| | | > |
| | | </template> |
| | | </uv-input> |
| | | </uv-form-item> |
| | | <uv-form-item > |
| | | <view class="but" style="width: 100%;"> |
| | | <uv-button |
| | | :customStyle="customStyle" |
| | | shape="circle" |
| | | @click="submitPlan" |
| | | >确认</uv-button |
| | | > |
| | | </view> |
| | | </uv-form-item> |
| | | </uv-form> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </uv-popup> |
| | | <uv-popup mode="center" round="20" ref="setUi" :closeOnClickOverlay="false" > |
| | | |
| | | <view style="padding: 40rpx;width: 690rpx;background: url('/static/img/smsBg.png') no-repeat top center; background-size: 100%;height: 650rpx;"> |
| | | <view style="padding: 40rpx 0;width: 690rpx;background: url('/static/img/smsSetBg.png') no-repeat top center; background-size: 100%;height: 650rpx;"> |
| | | <view class="head"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | height: 50rpx; |
| | | position: absolute; |
| | | height: 190rpx; |
| | | right: 0; |
| | | top: -30rpx; |
| | | z-index: 1; |
| | | " |
| | | > |
| | | |
| | | |
| | | <image |
| | | @click="$refs.setUi.close()" |
| | | src="@/static/img/off.png" |
| | | src="@/static/img/codeSetUi.png" |
| | | style=" |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | position: absolute; |
| | | right: 0; |
| | | top: -2rpx; |
| | | width: 190rpx; |
| | | height: 190rpx; |
| | | " |
| | | ></image> |
| | | </view> |
| | | </view> |
| | | <view style=" |
| | | <!-- <view style=" |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | margin-bottom: 12rpx; |
| | | text-align: center; |
| | | |
| | | ">本人提交确认</view> |
| | | ">本人提交确认</view> --> |
| | | <view class="close"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | height: 56rpx; |
| | | position: absolute; |
| | | left: 315rpx; |
| | | bottom: -80rpx; |
| | | " |
| | | > |
| | | <image |
| | | @click="$refs.setUi.close()" |
| | | src="@/static/img/off.png" |
| | | style=" |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | " |
| | | ></image> |
| | | </view> |
| | | </view> |
| | | <view style="margin-top: 100rpx;background: linear-gradient( -160deg, #D0FDFF 0%, #FFFBFC 50%, #FFFBFC 100%);border-radius: 40rpx 40rpx 40rpx 40rpx;border: 1px solid #fff;padding: 30rpx;position: relative;z-index: 2;"> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: center;">根据合规要求我们将进行本人提交意愿确认的短信校验,请注意查看短信验证码</view> |
| | | |
| | | <view class="content"> |
| | | <uv-form |
| | | :labelStyle="lstyle" |
| | |
| | | <template #suffix> |
| | | <text |
| | | class="code" |
| | | style="color: red;" |
| | | style="color: #4766FE;" |
| | | :class="isCounting_B ? 'ks' : ''" |
| | | @click="getCode_san" |
| | | >{{ isCounting_B ? countText_B : "获取验证码" }}</text |
| | |
| | | </uv-form-item> |
| | | </uv-form> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </uv-popup> |
| | | |
| | | <uv-popup mode="bottom" round="20" ref="address" > |
| | |
| | | .uv-checkbox-group--row { |
| | | align-items: center; |
| | | } |
| | | ::v-deep .uv-popup .uv-popup__content { |
| | | overflow: visible !important; |
| | | } |
| | | .a3{ |
| | | color: #BDBDBE; |
| | | font-size: 30rpx; |