From f40caeb6c81e54ad2b6af827139aaf93304e9317 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Fri, 24 Apr 2026 17:32:26 +0800
Subject: [PATCH] feat: 澜品优选权益+权收+绑卡
---
pages/quanyi/add.vue | 232 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 141 insertions(+), 91 deletions(-)
diff --git a/pages/quanyi/add.vue b/pages/quanyi/add.vue
index ff70d94..b67f32c 100644
--- a/pages/quanyi/add.vue
+++ b/pages/quanyi/add.vue
@@ -79,7 +79,7 @@
customStyle() {
return {
height: "100rpx",
- background: "#EE2626",
+ background: "#4766FE",
color: "#fff",
borderRadius: "50rpx",
fontSize: "34rpx",
@@ -171,6 +171,7 @@
},
mounted(){
+ this.$refs.codeUi.open()
this.windowHeight = uni.getSystemInfoSync().windowHeight;
this.interval = setInterval(() => {
let newHeight = window.innerHeight;
@@ -998,146 +999,191 @@
<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"
@@ -1184,7 +1230,7 @@
<template #suffix>
<text
class="code"
- style="color: red;"
+ style="color: #4766FE;"
:class="isCounting_B ? 'ks' : ''"
@click="getCode_san"
>{{ isCounting_B ? countText_B : "获取验证码" }}</text
@@ -1204,7 +1250,8 @@
</uv-form-item>
</uv-form>
</view>
- </view>
+ </view>
+ </view>
</uv-popup>
<uv-popup mode="bottom" round="20" ref="address" >
@@ -1219,6 +1266,9 @@
.uv-checkbox-group--row {
align-items: center;
}
+ ::v-deep .uv-popup .uv-popup__content {
+ overflow: visible !important;
+ }
.a3{
color: #BDBDBE;
font-size: 30rpx;
--
Gitblit v1.9.3