From 048d6e015a55779f7fe1bb513d26cd89c9c2ab15 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Tue, 12 May 2026 10:36:38 +0800
Subject: [PATCH] feat：1、澜品优选 会员权益添加虚拟和实物权益；2、退改政策
---
pages/quanyi/index.vue | 42 ++++++++++++++++++++++++++++++++++++------
1 files changed, 36 insertions(+), 6 deletions(-)
diff --git a/pages/quanyi/index.vue b/pages/quanyi/index.vue
index 61f8340..314bb94 100644
--- a/pages/quanyi/index.vue
+++ b/pages/quanyi/index.vue
@@ -131,10 +131,11 @@
<template>
<view style="background-color: #0B166D;z-index: 0;">
<view style="background: url('/static/img/qyBg.png') no-repeat top center; background-size: 100%;z-index: 3;">
+ <view style="height: 50rpx;"></view>
<view class="head" style="position: relative">
<view style="display: flex;justify-content: start;align-items:center;position: absolute;left: 0;top: 65rpx;padding-left: 30rpx;z-index: 9;color: #FFFFFF;width: 690rpx;">
<view @tap="goHome" id="home" class="home acea-row row-center-wrapper iconfont icon-fanhui2 h5_back icon-shouye4">
- <uv-icon name="home" color="#ffffff" size="20"></uv-icon>
+ <uv-icon name="home" color="#ffffff" size="28"></uv-icon>
</view>
<view class="mm" style="text-align: center;flex: 1;">会员权益</view>
</view>
@@ -150,7 +151,11 @@
<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 style="display: flex;gap: 15rpx;padding-top: 250rpx;margin-left: 60rpx;">
+ <view style="margin-left: 90rpx;font-size: 36rpx;font-weight: bold;background: linear-gradient(to right,#FCF2F1, #F7C984);-webkit-background-clip: text;background-clip: text;color: transparent;padding-top: 60rpx;">商城会员权益尊享卡</view>
+ <view style="font-size: 28rpx;margin-left: 90rpx;margin-top: 10rpx;">
+ <p style="background: linear-gradient(to right,#FFEEE7, #F7C984);-webkit-background-clip: text;background-clip: text;color: transparent;">尊享卡会员费：{{ memberPeriodConfigInfo.totalBenefitsAmount }}元/年</p>
+ </view>
+ <view style="display: flex;gap: 15rpx;padding-top: 100rpx;margin-left: 60rpx;">
<view style="width: 25%;display: flex;flex-direction: column;">
<image style="width: 88rpx;height: 88rpx;" src="/static/img/qy1.png" mode="aspectFit"></image>
<text style="font-size: 24rpx;color: #331C03;margin-top: 15rpx;">精选商品</text>
@@ -186,9 +191,9 @@
</view>
</view>
- <view class="content" style="overflow-y: scroll;padding: 30rpx;background: #0B166D;padding-bottom: 140rpx;">
-
- <view class="tips" style="background-color: #39499E;border-radius: 32rpx;margin-top: 20rpx;padding: 30rpx;color: #CFD5F5;font-size: 28rpx;">
+ <view class="content" style="overflow-y: scroll;padding: 30rpx;padding-bottom: 140rpx;">
+
+ <view class="tips" style="background-color: #39499E;border-radius: 50rpx;margin-top: 20rpx;padding: 30rpx;color: #CFD5F5;font-size: 28rpx;">
<view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 20rpx;margin-bottom: 30rpx;">
<image style="width: 111rpx;height: 8rpx;" src="/static/img/nion1.png"></image>
<view style="font-size: 36rpx;color: #CFD5F5;margin: 0 20rpx;">会员权益说明</view>
@@ -302,8 +307,33 @@
</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 style="padding: 0 30rpx; background-color: #FFFFFF;padding-top: 3rpx;border-radius: 50rpx;margin-top: 30rpx;">
+ <view class="content-title" style="text-align: center;margin-top: 50rpx;margin-bottom: 40rpx;">
+ <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">
+ <span class="content-title-item">虚拟权益</span>
+ </view>
+ <view style="color: #666666;font-size: 24rpx;">专享权益以实际兑换页面为准</view>
+ </view>
+ <view class="life" style="background: url('/static/img/qsLife.png') no-repeat top center; background-size: 100%;width: 100%;height: 500rpx;">
+
+ </view>
+ <view class="life" style="background: url('/static/img/qsLife2.png') no-repeat top center; background-size: 100%;width: 100%;height: 700rpx;">
+
+ </view>
+ <view class="content-title" style="text-align: center;margin-top: 0rpx;margin-bottom: 40rpx;">
+ <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">
+ <span class="content-title-item">实物权益</span>
+ </view>
+ <view style="color: #666666;font-size: 24rpx;">专享权益以商城实际发出商品为准</view>
+ </view>
+ <view class="physical" style="background: url('/static/img/qsPhysical.png') no-repeat top center; background-size: 100%;width: 100%;height: 982rpx;">
+
+ </view>
+ </view>
</view>
- <!-- <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox> -->
+ <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox>
</view>
</view>
</template>
--
Gitblit v1.9.3