From f0e8ab500a93c4ab7223b8eebd1650c143a8f667 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Mon, 25 May 2026 11:07:26 +0800
Subject: [PATCH] feat：星享购 会员权益
---
pages/quanyi/add.vue | 136 +++++++++++++++++++++++++--------------------
1 files changed, 76 insertions(+), 60 deletions(-)
diff --git a/pages/quanyi/add.vue b/pages/quanyi/add.vue
index ce66b23..f07d51b 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,14 +171,15 @@
},
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(){
@@ -473,7 +474,15 @@
"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',
@@ -960,17 +969,17 @@
</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>
@@ -999,7 +1008,19 @@
<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;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"
+ style="
+ width: 50rpx;
+ height: 50rpx;
+ position: absolute;
+ left: 320rpx;
+ bottom: -70rpx;
+ z-index: 6;
+ "
+ ></image>
<view class="head">
<view
style="
@@ -1007,21 +1028,9 @@
font-weight: bold;
font-size: 36rpx;
position: relative;
- height: 50rpx;
+ height: 30rpx;
"
>
-
- <image
- @click="$refs.codeUi.close()"
- src="@/static/img/off.png"
- style="
- width: 50rpx;
- height: 50rpx;
- position: absolute;
- right: 0;
- top: -2rpx;
- "
- ></image>
</view>
</view>
<view style="
@@ -1029,10 +1038,10 @@
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
@@ -1047,7 +1056,7 @@
class="item"
label=""
prop="repayTermStr"
-
+ style="position: relative;"
>
<uv-input
:adjustPosition="true"
@@ -1059,15 +1068,16 @@
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"
@@ -1075,18 +1085,19 @@
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%;">
@@ -1104,7 +1115,19 @@
</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;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"
+ style="
+ width: 50rpx;
+ height: 50rpx;
+ position: absolute;
+ left: 320rpx;
+ bottom: -70rpx;
+ z-index: 6;
+ "
+ ></image>
<view class="head">
<view
style="
@@ -1112,21 +1135,9 @@
font-weight: bold;
font-size: 36rpx;
position: relative;
- height: 50rpx;
+ height: 30rpx;
"
>
-
- <image
- @click="$refs.setUi.close()"
- src="@/static/img/off.png"
- style="
- width: 50rpx;
- height: 50rpx;
- position: absolute;
- right: 0;
- top: -2rpx;
- "
- ></image>
</view>
</view>
<view style="
@@ -1134,10 +1145,10 @@
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
@@ -1152,7 +1163,7 @@
class="item"
label=""
prop="repayTermStr"
-
+ style="position: relative;"
>
<uv-input
:adjustPosition="true"
@@ -1164,15 +1175,16 @@
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"
@@ -1180,18 +1192,19 @@
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%;">
@@ -1217,6 +1230,9 @@
</template>
<style scoped lang="scss">
+::v-deep .uv-popup .uv-popup__content {
+ overflow: visible;
+}
.a3{
color: #BDBDBE;
font-size: 30rpx;
@@ -1273,7 +1289,7 @@
font-weight: 400;
font-size: 28rpx;
- color: #EE2626;
+ color: #4766FE;
padding: 16rpx 20rpx;
//border: 1rpx solid #EE2626;
//border-radius: 8rpx 8rpx 8rpx 8rpx;
@@ -1303,7 +1319,7 @@
padding: 0 30rpx;
margin-top: 40rpx;
.sub_btn{
- background: #EE2626;
+ background: #4766FE;
border-radius: 50rpx 50rpx 50rpx 50rpx;
padding: 10rpx;
@@ -1326,7 +1342,7 @@
color: #BDBDBE;
}
.protocol-text {
- width: calc( 100% - 44rpx);
+ // width: calc( 100% - 44rpx);
font-size: 24rpx;
color: #8B8D96;
line-height: 28rpx;
--
Gitblit v1.9.3