| | |
| | | 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; |
| | | if (this.windowHeight !== newHeight) { |
| | | this.windowHeight = newHeight; |
| | | this.handleResize(); |
| | | } |
| | | }, 200); |
| | | // this.interval = setInterval(() => { |
| | | // let newHeight = window.innerHeight; |
| | | // if (this.windowHeight !== newHeight) { |
| | | // this.windowHeight = newHeight; |
| | | // this.handleResize(); |
| | | // } |
| | | // }, 200); |
| | | }, |
| | | methods: { |
| | | kk(){ |
| | |
| | | "bankId": "1", |
| | | |
| | | }, |
| | | success(){ |
| | | success(response){ |
| | | if(response.data.code != 200) { |
| | | uni.showToast({ |
| | | title: response.data.data, |
| | | icon: 'none' |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | uni.request({ |
| | | url: that.$webHost+'/api/v2/pay/bindCardToCodes', |
| | | method:'POST', |
| | |
| | | </view>--> |
| | | |
| | | <view style=" padding: 0 30rpx;margin-top: 30rpx;"> |
| | | <view style="display: flex;"> |
| | | <view style="display: flex;font-size: 28rpx;align-items: center;"> |
| | | <uv-checkbox-group |
| | | activeColor="red" |
| | | style="align-items: center;" |
| | | activeColor="#4766FE" |
| | | shape="circle" |
| | | v-model="protocolChecked"> |
| | | <uv-checkbox size="14" :name="1" > |
| | | |
| | | <uv-checkbox size="22" :name="1" > |
| | | 我已阅读并同意 |
| | | </uv-checkbox> |
| | | <text class="protocol-text" > |
| | | 我已阅读并同意 |
| | | <text style="font-size: 24rpx;" class="link-text" @click="$refs.agreement.open()">《相关协议》</text> |
| | | <text style="font-size: 28rpx;" class="link-text" @click="$refs.agreement.open()">《相关协议》</text> |
| | | </text> |
| | | </uv-checkbox-group> |
| | | |
| | |
| | | |
| | | <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 class="head"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | height: 50rpx; |
| | | " |
| | | > |
| | | |
| | | <view style="padding: 40rpx;width: 690rpx;background: url('/static/img/smsBg.png') no-repeat top center; background-size: 100%;height: 650rpx;position: relative;"> |
| | | <image |
| | | @click="$refs.codeUi.close()" |
| | | src="@/static/img/off.png" |
| | |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | position: absolute; |
| | | right: 0; |
| | | top: -2rpx; |
| | | left: 320rpx; |
| | | bottom: -70rpx; |
| | | z-index: 6; |
| | | " |
| | | ></image> |
| | | <view class="head"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | height: 30rpx; |
| | | " |
| | | > |
| | | </view> |
| | | </view> |
| | | <view style=" |
| | |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | margin-bottom: 12rpx; |
| | | text-align: center; |
| | | text-align: left; |
| | | |
| | | ">短信确认</view> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: center;">为确保安全到账,需再次对您的收款账户进行短信验证</view> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: left;">为确保安全到账,需再次对您的收款账户进行短信验证</view> |
| | | |
| | | <view class="content"> |
| | | <uv-form |
| | |
| | | class="item" |
| | | label="" |
| | | prop="repayTermStr" |
| | | |
| | | style="position: relative;" |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | |
| | | |
| | | border="none" |
| | | placeholder="请输入手机号" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 50rpx;" |
| | | ></uv-input> |
| | | <image src="/static/img/phoneIcon.png" style="width: 44rpx;height: 44rpx;position: absolute;left: 10rpx;"></image> |
| | | </uv-form-item> |
| | | |
| | | <uv-form-item |
| | | class="item" |
| | | label="" |
| | | prop="needVerify" |
| | | |
| | | style="position: relative;" |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | |
| | | v-model="verificationCodeT" |
| | | border="none" |
| | | placeholder="请输入验证码" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 50rpx;" |
| | | > |
| | | <template #suffix> |
| | | <text |
| | | class="code" |
| | | style="color: red;" |
| | | style="color: #4766FE;" |
| | | :class="isCounting_A ? 'ks' : ''" |
| | | @click="getCode" |
| | | >{{ isCounting_A ? countText_A : "获取验证码" }}</text |
| | | > |
| | | </template> |
| | | </uv-input> |
| | | <image src="/static/img/codeIcon.png" style="width: 44rpx;height: 44rpx;position: absolute;left: 10rpx;"></image> |
| | | </uv-form-item> |
| | | <uv-form-item > |
| | | <view class="but" style="width: 100%;"> |
| | |
| | | </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 class="head"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | height: 50rpx; |
| | | " |
| | | > |
| | | |
| | | <view style="padding: 40rpx;width: 690rpx;background: url('/static/img/smsBg.png') no-repeat top center; background-size: 100%;height: 650rpx;position: relative;"> |
| | | <image |
| | | @click="$refs.setUi.close()" |
| | | src="@/static/img/off.png" |
| | |
| | | width: 50rpx; |
| | | height: 50rpx; |
| | | position: absolute; |
| | | right: 0; |
| | | top: -2rpx; |
| | | left: 320rpx; |
| | | bottom: -70rpx; |
| | | z-index: 6; |
| | | " |
| | | ></image> |
| | | <view class="head"> |
| | | <view |
| | | style=" |
| | | text-align: center; |
| | | font-weight: bold; |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | height: 30rpx; |
| | | " |
| | | > |
| | | </view> |
| | | </view> |
| | | <view style=" |
| | |
| | | font-size: 36rpx; |
| | | position: relative; |
| | | margin-bottom: 12rpx; |
| | | text-align: center; |
| | | text-align: left; |
| | | |
| | | ">本人提交确认</view> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: center;">根据合规要求我们将进行本人提交意愿确认的短信校验,请注意查看短信验证码</view> |
| | | <view style="font-size: 28rpx;color: #252938;text-align: left;">根据合规要求我们将进行本人提交意愿确认的短信校验,请注意查看短信验证码</view> |
| | | |
| | | <view class="content"> |
| | | <uv-form |
| | |
| | | class="item" |
| | | label="" |
| | | prop="repayTermStr" |
| | | |
| | | style="position: relative;" |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | |
| | | |
| | | border="none" |
| | | placeholder="请输入手机号" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 50rpx;" |
| | | ></uv-input> |
| | | <image src="/static/img/phoneIcon.png" style="width: 44rpx;height: 44rpx;position: absolute;left: 10rpx;"></image> |
| | | </uv-form-item> |
| | | |
| | | <uv-form-item |
| | | class="item" |
| | | label="" |
| | | prop="needVerify" |
| | | |
| | | style="position: relative;" |
| | | > |
| | | <uv-input |
| | | :adjustPosition="true" |
| | |
| | | v-model="verificationCodeS" |
| | | border="none" |
| | | placeholder="请输入验证码" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 20rpx;" |
| | | style="height: 100rpx;border: 1px solid #EEEEEE;border-radius: 30rpx;padding: 0 50rpx;" |
| | | > |
| | | <template #suffix> |
| | | <text |
| | | class="code" |
| | | style="color: red;" |
| | | style="color: #4766FE;" |
| | | :class="isCounting_B ? 'ks' : ''" |
| | | @click="getCode_san" |
| | | >{{ isCounting_B ? countText_B : "获取验证码" }}</text |
| | | > |
| | | </template> |
| | | </uv-input> |
| | | <image src="/static/img/codeIcon.png" style="width: 44rpx;height: 44rpx;position: absolute;left: 10rpx;"></image> |
| | | </uv-form-item> |
| | | <uv-form-item > |
| | | <view class="but" style="width: 100%;"> |
| | |
| | | </template> |
| | | |
| | | <style scoped lang="scss"> |
| | | ::v-deep .uv-popup .uv-popup__content { |
| | | overflow: visible; |
| | | } |
| | | .a3{ |
| | | color: #BDBDBE; |
| | | font-size: 30rpx; |
| | |
| | | |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #EE2626; |
| | | color: #4766FE; |
| | | padding: 16rpx 20rpx; |
| | | //border: 1rpx solid #EE2626; |
| | | //border-radius: 8rpx 8rpx 8rpx 8rpx; |
| | |
| | | padding: 0 30rpx; |
| | | margin-top: 40rpx; |
| | | .sub_btn{ |
| | | background: #EE2626; |
| | | background: #4766FE; |
| | | border-radius: 50rpx 50rpx 50rpx 50rpx; |
| | | padding: 10rpx; |
| | | |
| | |
| | | color: #BDBDBE; |
| | | } |
| | | .protocol-text { |
| | | width: calc( 100% - 44rpx); |
| | | // width: calc( 100% - 44rpx); |
| | | font-size: 24rpx; |
| | | color: #8B8D96; |
| | | line-height: 28rpx; |