From 6a4d1050424c2cdc9064334d96b1eace2f9c082b Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Fri, 22 May 2026 17:11:53 +0800
Subject: [PATCH] feat：星享购 会员权益
---
static/img/infoIcon.png | 0
pages/quanyi/add.vue | 136 ++++++++++++----------
pages/login/login.vue | 18 +-
static/img/codeIcon.png | 0
static/img/off.png | 0
static/img/shiwuBg.png | 0
static/img/phoneIcon.png | 0
static/img/xuniBg.png | 0
static/img/qyBg.png | 0
pages/quanyi/components/addAddress/index.vue | 2
pages/quanshou/index.vue | 22 +-
pages/quanyi/index.vue | 120 ++++++++++---------
static/img/smsBg.png | 0
pages/my/my.vue | 10 +
14 files changed, 164 insertions(+), 144 deletions(-)
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 5dbcb6b..c8c1818 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -180,20 +180,20 @@
// qxgLogin接口
const ygxRes = await new Promise((resolve, reject) => {
uni.request({
- url: t.$webHost + '/api/v2/auth/qxgIosUnionLogin?phone=' + t.$util.getUserInfo().phone,
+ url: t.$webHost + '/api/v2/auth/iosShopUnionLogin?phone=' + t.$util.getUserInfo().phone+'&configureToDomain=11',
success: resolve,
fail: reject
})
})
console.log(ygxRes);
- // if(!ygxRes.data.data.boughtEquity){
- // goUrl = '/pages/quanyi/index'
- // // t.$util.goPages(goUrl)
- // uni.navigateTo({
- // url: '/pages/quanyi/index'
- // })
- // return
- // }
+ if(ygxRes.data.data.boughtEquity){
+ goUrl = '/pages/quanyi/index'
+ // t.$util.goPages(goUrl)
+ uni.navigateTo({
+ url: '/pages/quanyi/index'
+ })
+ return
+ }
t.ygxLogin = ygxRes.data.data
uni.setStorageSync('ygxLogin', t.ygxLogin)
diff --git a/pages/my/my.vue b/pages/my/my.vue
index e25ea2d..a0e794d 100644
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -70,15 +70,15 @@
<image src="/static/imgs/right.png" mode=""></image>
</view>
</template>
- <!-- <view class="mySerCon-v" @tap="toHuishou" >
+ <view class="mySerCon-v" @tap="toHuishou" v-if="isShop">
<view class="mySerCon-l">
- <template v-if="isShop">
+ <template>
<image src="/static/imgs/quanshou.png" mode="widthFix"></image>
<text>会员权收</text>
</template>
</view>
<image src="/static/imgs/right.png" mode=""></image>
- </view> -->
+ </view>
</view>
</view>
@@ -149,7 +149,7 @@
const _this = this;
if(_this.$util.getUserInfo()?.phone){
uni.request({
- url: _this.$webHost+'/api/v2/auth/qxgIosUnionLogin?phone='+_this.$util.getUserInfo().phone,
+ url: _this.$webHost+'/api/v2/auth/iosShopUnionLogin?phone='+_this.$util.getUserInfo().phone + '&configureToDomain=11',
data:{
customerId: uni.getStorageSync('ygxLogin').customerId,
appId: uni.getStorageSync('ygxLogin').appId
@@ -161,6 +161,8 @@
console.log('res',res)
}
})
+ } else {
+ _this.isShop = false
}
},
methods: {
diff --git a/pages/quanshou/index.vue b/pages/quanshou/index.vue
index 7e7be52..607c426 100644
--- a/pages/quanshou/index.vue
+++ b/pages/quanshou/index.vue
@@ -56,7 +56,7 @@
const _this = this;
this.isAgree = uni.getStorageSync('boughtEquity')
uni.request({
- url: _this.$webHost+'/api/v2/customer/getRyxBenefitsRecordList?phone='+uni.getStorageSync('phone')+'&appId='+uni.getStorageSync('ygxLogin').appId,
+ url: _this.$webHost+'/api/v2/customer/getRyxBenefitsRecordList?phone='+_this.$util.getUserInfo().phone+'&appId='+uni.getStorageSync('ygxLogin').appId,
success: function (res) {
if(res.data.code==200){
_this.lst = res.data.data;
@@ -288,29 +288,29 @@
<uni-popup type="center" ref="comment" >
<view style="border-radius: 48rpx;padding: 28rpx 0;width: 538rpx;background: #FFFFFF;padding-top: 0;">
- <view style="background-image: linear-gradient(to bottom, #FFB8B8, #FFFBFC);width: 100%;height: 200rpx;border-radius: 48rpx;">
- <view style="text-align: center;padding-top: 30rpx;" >
+ <view style="border-radius: 48rpx 48rpx 0 0;background: url('/static/img/shiwuBg.png') no-repeat top center; background-size: 100%;width: 100%;height: 300rpx;">
+ <!-- <view style="text-align: center;padding-top: 30rpx;" >
<image src="/static/img/yifa.png" style="width: 370rpx;height: 274rpx;"></image>
- </view>
+ </view> -->
</view>
- <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 134rpx;margin-bottom: 80rpx;padding: 0 28rpx;">
+ <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 60rpx;margin-bottom: 80rpx;padding: 0 28rpx;">
<view>{{ tips }}</view>
</view>
- <view @click="$refs.comment.close()" style="font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #EE2626;margin-left: 30rpx;margin-right: 30rpx;border-radius: 56rpx">好的</view>
+ <view @click="$refs.comment.close()" style="font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #4766FE;margin-left: 30rpx;margin-right: 30rpx;border-radius: 56rpx">好的</view>
</view>
</uni-popup>
<uni-popup type="center" ref="life" >
<view style="border-radius: 48rpx;padding: 28rpx 0;width: 538rpx;background: #FFFFFF;padding-top: 0;">
- <view style="background-image: linear-gradient(to bottom, #FFB8B8, #FFFBFC);width: 100%;height: 200rpx;border-radius: 48rpx;">
- <view style="text-align: center;padding-top: 30rpx;">
+ <view style="background: url('/static/img/xuniBg.png') no-repeat top center; background-size: 100%;width: 100%;height: 300rpx;border-radius: 48rpx 48rpx 0 0;">
+ <!-- <view style="text-align: center;padding-top: 30rpx;">
<image src="/static/img/qsLifeIcon.png" style="width: 370rpx;height: 238rpx;"></image>
- </view>
+ </view> -->
</view>
- <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 134rpx;margin-bottom: 80rpx;padding: 0 28rpx;">
+ <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 60rpx;margin-bottom: 80rpx;padding: 0 28rpx;">
<view>{{ tips }}</view>
</view>
- <view @click="$refs.life.close()" style="font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #EE2626;margin-left: 30rpx;margin-right: 30rpx;border-radius: 56rpx">好的</view>
+ <view @click="$refs.life.close()" style="font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #4766FE;margin-left: 30rpx;margin-right: 30rpx;border-radius: 56rpx">好的</view>
</view>
</uni-popup>
</view>
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;
diff --git a/pages/quanyi/components/addAddress/index.vue b/pages/quanyi/components/addAddress/index.vue
index b0fc3d8..68eb4ca 100644
--- a/pages/quanyi/components/addAddress/index.vue
+++ b/pages/quanyi/components/addAddress/index.vue
@@ -23,7 +23,7 @@
customStyle() {
return {
height: "100rpx",
- background: "#EE2626",
+ background: "#4766FE",
color: "#fff",
borderRadius: "50rpx",
fontSize: "34rpx",
diff --git a/pages/quanyi/index.vue b/pages/quanyi/index.vue
index 4ba6006..5888e26 100644
--- a/pages/quanyi/index.vue
+++ b/pages/quanyi/index.vue
@@ -10,8 +10,8 @@
async created() {
const _this = this;
await uni.request({
- // url: _this.$webHost+'/api/v2/auth/ygxLogin?phone='+_this.$util.getUserInfo().phone+'&appId='+'47be9559-6b1b-42dd-84ed-25d028065013',
- url: _this.$webHost + '/api/v2/auth/qxgIosUnionLogin?phone=' + _this.$util.getUserInfo().phone,
+ // url: _this.$webHost+'/api/v2/auth/ygxLogin?phone='+_this.$util.getUserInfo().phone+'&appId='+'c74c41db-5683-4135-a41c-54019a668d34',
+ url: _this.$webHost + '/api/v2/auth/iosShopUnionLogin?phone=' + _this.$util.getUserInfo().phone + '&configureToDomain=11',
success: function (res) {
_this.ygxLogin = res.data.data;
uni.setStorageSync('ygxLogin',_this.ygxLogin)
@@ -35,9 +35,9 @@
},
success:function (info){
_this.memberPeriodConfigInfo = info.data.data;
- if(_this.memberPeriodConfigInfo['totalBenefitsAmount']) {
- _this.memberPeriodConfigInfo['totalBenefitsAmount'] = _this.memberPeriodConfigInfo['totalBenefitsAmount'].toFixed(2);
- }
+ // if(_this.memberPeriodConfigInfo['totalBenefitsAmount']) {
+ // _this.memberPeriodConfigInfo['totalBenefitsAmount'] = _this.memberPeriodConfigInfo['totalBenefitsAmount'].toFixed(2);
+ // }
uni.setStorageSync('memberPeriodConfigInfo',_this.memberPeriodConfigInfo)
_this.showTextBox = true;
_this.$nextTick(() => {
@@ -144,62 +144,57 @@
</view>
<view class="title">
- <view style="margin-top:320rpx;text-align: center;font-weight: bold;line-height:90rpx;font-size:70rpx;background: -webkit-linear-gradient(#ffffff, #F3855B);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
- <p>入会有惊喜</p>
- <p>尊享好福利</p>
+ <view style="margin-top:380rpx;text-align: center;font-weight: bold;line-height:160rpx;font-size:160rpx;background: -webkit-linear-gradient(#010312, #E7B974);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
+ {{ memberPeriodConfigInfo.totalBenefitsAmount }}<text style="font-size: 40rpx;">元</text>
</view>
- <view style="font-size:32rpx;background: -webkit-linear-gradient(#ffffff, #F3855B);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;letter-spacing: 14rpx;margin-left: 16rpx;margin-top: 10rpx;">欢迎加入商城会员</view>
</view>
<view class="content" style="overflow-y: scroll;padding: 30rpx;background: #ffffff;border-top-left-radius: 50rpx;border-top-right-radius: 50rpx;margin-top: 60rpx;padding-bottom: 140rpx;">
<view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 40rpx;margin-bottom: 10rpx;">
<image style="width: 127rpx;height: 18rpx;" src="/static/img/nion1.png"></image>
- <view style="font-size: 36rpx;color: #370606;margin: 0 20rpx;">会员权益说明</view>
+ <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">会员须知</view>
<image style="width: 127rpx;height: 18rpx;" src="/static/img/nion.png"></image>
</view>
- <view style="color: #370606;text-align: center;font-size: 24rpx;">MEMBERSHIP BENEFIS DESCRIPTON</view>
- <view class="tips" style="background-color: #FFEEE7;border-radius: 32rpx;margin-top: 20rpx;padding: 30rpx;color: #370606;font-size: 28rpx;">
- <view style="margin-bottom: 20rpx;display: flex;">
- <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
- 1.
- </view>
- <view>
- 星享购商城会员年卡是本商城为会员特别打造的专属服务。成为会员后，您可享受各类商品折扣、促销优惠、生活权益及专属特权，并根据会员等级获赠相应超值礼品，体验我们为您准备的尊享会员服务。
+ <view class="tips" style="background-color: #ffffff;border-radius: 32rpx;margin-top: 20rpx;padding: 30rpx;color: #010312;font-size: 28rpx;">
+ <view style="margin-bottom: 20rpx;display: flex;align-items: center;">
+ <image src="/static/img/infoIcon.png" style="width: 48rpx;height: 44rpx;margin-right: 20rpx;"></image>
+ <view style="flex: 1;">
+ 星享购会员年卡是本商城为会员特别打造的专属服务。成为会员后，您可享受各类商品折扣、促销优惠、生活权益及专属特权，并根据会员等级获赠相应超值礼品，体验我们为您准备的尊享会员服务。
</view>
</view>
- <view style="margin-bottom: 20rpx;display: flex;">
- <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
- 2.
- </view>
- <view>
- 保险权益赠送：星享购商城会员年卡用户有机会获赠涵盖重疾险、意外险、事故险等的综合保障服务。尚未享受持牌机构服务的会员，亦有机会获取此项权益，具体详情请查阅会员中心相关说明。
+ <view style="margin-bottom: 20rpx;display: flex;align-items: center;">
+ <image src="/static/img/infoIcon.png" style="width: 48rpx;height: 44rpx;margin-right: 20rpx;"></image>
+ <view style="flex: 1;">
+ 保险权益赠送：星享购会员年卡用户有机会获赠涵盖重疾险、意外险、事故险等的综合保障服务。尚未享受持牌机构服务的会员，亦有机会获取此项权益，具体详情请查阅会员中心相关说明。
</view>
</view>
- <view style="margin-bottom: 20rpx;display: flex;">
- <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
- 3.
- </view>
- <view>
- 会员服务一经开通即表示知晓并同意以上内容，自愿加入星享购商城会员年卡会员，并同意平台及平台权益合作方在账单日收入会员费，可在个人中心查看订单详情。
+ <view style="margin-bottom: 20rpx;display: flex;align-items: center;">
+ <image src="/static/img/infoIcon.png" style="width: 48rpx;height: 44rpx;margin-right: 20rpx;"></image>
+ <view style="flex: 1;">
+ 会员服务一经开通即表示知晓并同意以上内容，自愿加入星享购会员年卡会员，并同意平台及平台权益合作方在账单日收入会员费，可在个人中心查看订单详情。
</view>
</view>
- <view style="margin-bottom: 20rpx;display: flex;">
- <view style="width: 40rpx;height: 40rpx;background-color: #F4936F;border-radius: 50%;text-align: center;line-height: 40rpx;flex-shrink: 0;flex-grow: 0;font-size: 28rpx;color: #370606;margin-right: 20rpx;">
- 4.
+ <view style="margin-bottom: 20rpx;display: flex;align-items: center;">
+ <image src="/static/img/infoIcon.png" style="width: 48rpx;height: 44rpx;margin-right: 20rpx;"></image>
+ <view style="flex: 1;">
+ 会员服务到期前，非商城原因不支持中途取消或退款，用户可以选择续订或取消续费。
</view>
- <view>
- 平台有权根据实际情况优化调整礼品内容和会员权益，最终解释权归星享购商城所有。
+ </view>
+ <view style="margin-bottom: 20rpx;display: flex;align-items: center;">
+ <image src="/static/img/infoIcon.png" style="width: 48rpx;height: 44rpx;margin-right: 20rpx;"></image>
+ <view style="flex: 1;">
+ 平台有权根据实际情况优化调整礼品内容和会员权益，最终解释权归星享购所有。
</view>
</view>
</view>
- <view style="background: url('/static/img/qyBg2.png') no-repeat top center; background-size: 100%;width: 100%;height: 290rpx;margin-top: 20rpx;padding: 40rpx;">
+ <!-- <view style="background: url('/static/img/qyBg2.png') no-repeat top center; background-size: 100%;width: 100%;height: 290rpx;margin-top: 20rpx;padding: 40rpx;">
<view style="margin-bottom:20rpx;font-size: 44rpx;font-weight: bold;background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">尊享会员年卡</view>
<view style="font-size: 28rpx;">
<p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">年卡金额：{{ memberPeriodConfigInfo.totalBenefitsAmount }}元</p>
<p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">扣款期数：{{ memberPeriodConfigInfo.installmentPeriods }}期(先享后付，免息)</p>
<p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">有效期：365天</p>
</view>
- </view>
+ </view> -->
<!-- <view style="margin-top: 30rpx;" class="back">-->
<!-- <view style="flex: 1">-->
@@ -217,31 +212,35 @@
<!-- </view>-->
<!-- </view>-->
<!-- <view class="tips" style="color: #666666;margin-top: 30rpx;font-size: 26rpx">点击按钮即表示知晓并同意以上内容，自愿加入本商城星享购会员年卡会员，并同意平台及平台权益合作方在账单日收入会员费</view>-->
- <view style="font-size: 24rpx;color: #666666;display: flex;align-items: center;margin: 40rpx 0;height: 50rpx;justify-content: center;">
- <checkbox-group activeColor="#fff" @change='isAgree=!isAgree' style="">
- <checkbox :checked="isAgree ? true : false" iconColor="#794007" iconSize="30" size="38" :name="1" shape="circle">
- </checkbox>
- </checkbox-group>
- <text style="color: #20110E;">我已阅读并同意</text>
+ <view style="width: 690rpx;display: flex;gap: 20rpx;z-index: 2;background-image: linear-gradient(to right, #FCD694, #B8762D);border-radius: 40rpx;">
+ <view style="width: 300rpx;height: 108rpx;text-align: center;">
+ <view style="width: 300rpx;height: 54rpx;padding: 10rpx 0;font-size: 30rpx;font-weight: bold;">合计 {{ memberPeriodConfigInfo.totalBenefitsAmount }}元/年</view>
+ <view @click="goHome" style="width: 300rpx;height: 54rpx;padding: 10rpx 0;font-size: 24rpx">暂不开通</view>
+ </view>
+ <button
+ style="height: 88rpx;color: #ffffff;border-radius: 40rpx;font-size: 34rpx;flex: 1;margin-top: 10rpx;margin-right: 10rpx;line-height: 88rpx;"
+
+ @click="submit"
+
+ :class="tm &&protocolChecked.length?'activityBut':'disabledBut'"
+ >立即开通<text v-if="!tm">（{{text}}秒）</text></button>
+ </view>
+ <view style="font-size: 24rpx;color: #666666;display: flex;align-items: center;margin: 40rpx 0;height: 50rpx;justify-content: center;">
+ <uv-checkbox-group activeColor="#000218" @change='isAgree=!isAgree' style="">
+ <uv-checkbox :checked="isAgree ? true : false" iconColor="#fff" iconSize="22" size="22" :name="1" shape="circle">
+ <text style="color: #20110E;">我已阅读并同意</text>
+ </uv-checkbox>
+ </uv-checkbox-group>
<!-- <text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link('/pages/protocol/protocol?code=shop_ai_service&title=会员服务协议-YXKJ')">《会员服务协议-YXKJ》</text>
<text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link('/pages/protocol/protocol?code=shop_auto_service&title=委托扣款确认书-YXKJ')">《委托扣款确认书-YXKJ》</text>-->
<text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link(`/pages/web/xieyi?code=${memberPeriodConfigInfo.protocolCode}&title=${memberPeriodConfigInfo.protocolName}`)">{{memberPeriodConfigInfo.protocolName}}</text>
</view>
<!-- <view class="tips" style="color: #666666;margin-top: 24rpx;margin-bottom: 20rpx;font-size: 26rpx">*会员服务一经开通不支持取消、退款，会员服务到期前，用户可以选择续订或取消续费。</view>-->
- <view style="position: fixed;bottom: 40rpx;left: 30rpx;width: 690rpx;display: flex;gap: 20rpx;z-index: 2;">
- <button @click="goHome" style="width: 200rpx;height: 100rpx;padding: 10rpx 0;border-radius: 50rpx;font-size: 34rpx">暂不开通</button>
- <button
- style="height: 100rpx;padding: 10rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;flex: 1;"
-
- @click="submit"
-
- :class="tm &&protocolChecked.length?'activityBut':'disabledBut'"
- >同意并开通<text v-if="!tm">（{{text}}秒）</text></button>
- </view>
+
<!-- 专享会员生活权益 -->
- <view>
+ <!-- <view>
<view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 50rpx;margin-bottom: 40rpx;">
<image style="width: 127rpx;height: 18rpx;" src="/static/img/nion1.png"></image>
<view style="font-size: 36rpx;color: #370606;margin: 0 20rpx;">专享会员生活权益</view>
@@ -251,7 +250,7 @@
</view>
<view style="width: 690rpx;margin-top: 20rpx;text-align: center;">
-<!-- <button @click="toHuiyuan" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">兑换生活权益</button>-->
+ <button @click="toHuiyuan" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">兑换生活权益</button>
<view style="color: #333;font-size: 24rpx;padding-top: 0rpx;padding-bottom: 10rpx;">以上权益仅为预览展示，实际以兑换页面为准</view>
</view>
<view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 50rpx;margin-bottom: 40rpx;">
@@ -263,10 +262,10 @@
</view>
<view style="width: 690rpx;margin-top: 20rpx;text-align: center;">
-<!-- <button @click="getTips" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">查询实物权益</button>-->
+ <button @click="getTips" style="height: 100rpx;padding: 25rpx 0;color: #370606;border-radius: 50rpx;font-size: 34rpx;background-image: linear-gradient(to right, #FFEAE2, #FF6F55);">查询实物权益</button>
<view style="color: #333;font-size: 24rpx;padding-top: 0rpx;padding-bottom: 40rpx;">以上权益仅为预览展示，实际以商城发出为准</view>
</view>
- </view>
+ </view> -->
<!-- <view style="text-align: center;display: flex;flex-direction: row;justify-content: center"><text @click="submit(false)" style="color: #666666;margin-bottom: 20rpx;font-size: 28rpx">不同意</text></view>-->
</view>
@@ -275,13 +274,16 @@
</template>
<style scoped lang="scss">
+.uv-checkbox-group {
+ flex: none;
+}
.activityBut{
//background: #EE2626;
- background-image: linear-gradient(to right, #FFEAE2, #FF6F55);
+ background-image: linear-gradient(to right, #493B29, #000218);
font-weight: 500;
}
.disabledBut{
- background: #dddddd;
+ background: #7C7C7C;
}
.head{
padding: 30rpx 30rpx 0 30rpx;
diff --git a/static/img/codeIcon.png b/static/img/codeIcon.png
new file mode 100644
index 0000000..3cb07bd
--- /dev/null
+++ b/static/img/codeIcon.png
Binary files differ
diff --git a/static/img/infoIcon.png b/static/img/infoIcon.png
new file mode 100644
index 0000000..4862e76
--- /dev/null
+++ b/static/img/infoIcon.png
Binary files differ
diff --git a/static/img/off.png b/static/img/off.png
index 2758512..fce8ca1 100644
--- a/static/img/off.png
+++ b/static/img/off.png
Binary files differ
diff --git a/static/img/phoneIcon.png b/static/img/phoneIcon.png
new file mode 100644
index 0000000..4c0a100
--- /dev/null
+++ b/static/img/phoneIcon.png
Binary files differ
diff --git a/static/img/qyBg.png b/static/img/qyBg.png
index 4f45e50..66636c4 100644
--- a/static/img/qyBg.png
+++ b/static/img/qyBg.png
Binary files differ
diff --git a/static/img/shiwuBg.png b/static/img/shiwuBg.png
new file mode 100644
index 0000000..4da6161
--- /dev/null
+++ b/static/img/shiwuBg.png
Binary files differ
diff --git a/static/img/smsBg.png b/static/img/smsBg.png
index 1e6fdf7..bbaafb8 100644
--- a/static/img/smsBg.png
+++ b/static/img/smsBg.png
Binary files differ
diff --git a/static/img/xuniBg.png b/static/img/xuniBg.png
new file mode 100644
index 0000000..6aab8a2
--- /dev/null
+++ b/static/img/xuniBg.png
Binary files differ
--
Gitblit v1.9.3