From e41a81096025af9b746dfd124c7c52d1c6860856 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Tue, 16 Jun 2026 17:43:21 +0800
Subject: [PATCH] UI：澜品优选新增会员价
---
pages/index/index.vue | 78 ++++++++++++++++++++++++++++++++++++--
1 files changed, 73 insertions(+), 5 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 009d7f3..5a73150 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -110,13 +110,14 @@
<image lazy-load class="goods-icon" :src="itm.icon" mode=""></image>
<view class="goods-title">{{itm.title}}</view>
<view class="goods-price">
+ <view class="">原价</view>
<view>¥</view>
<view class="red">{{itm.price}}</view>
- <!-- <view class="hyj">
- <image src="@/static/imgs/hyj.png" mode=""></image>
- </view> -->
- <!-- <view>¥</view>
- <view class="red">{{itm.price}}</view> -->
+ </view>
+ <view class="goods-price">
+ <view class="">会员价</view>
+ <view>¥</view>
+ <view class="red">{{itm.vprice}}</view>
</view>
</view>
</view>
@@ -142,6 +143,23 @@
</view>
</view>
</uni-popup>
+ <!-- 退改政策弹窗 -->
+ <uni-popup maskBackgroundColor='rgba(0, 0, 0, 0.6)' ref="popupXY" type="center" border-radius="10px" :isMaskClick="false" style="z-index: 666666666">
+ <view style="background: white;padding: 40rpx;border-radius: 48rpx;height: 78vh;overflow: scroll;width: 560rpx;">
+ <view style="text-align: center;font-weight: 700;font-size: 40rpx;color: #333333;margin-bottom: 28rpx;">新疆数澜科技有限公司（澜品优选）退款政策说明</view>
+ <view class="txt">
+ 新疆数澜科技有限公司（下称“澜品优选”）已建立完善的客户服务与售后机制。在会员期内，如用户对服务或商品不满意，可随时通过官方客服热线（4006229771）提出异议、 申请终止服务或办理退款，我司客服团队将按既定流程及时处理，切实保障用户合法权益。现将退款政策具体流程说明如下：
+ </view>
+ <view class="txt">一、会员用户如对服务或商品不满意，可拨打澜品优选客服热线 4006229771 提出异议；</view>
+ <view class="txt">二、若会员用户明确要求终止服务或办理退款，客服将提供以下两种方案供用户选择：1、全额退款：会员用户确认商品完好（不影响二次销售），并将收到的实物商品返还至澜品优选；2、折价退款：如实物权益商品已拆封使用、包装破损或影响二次销售，澜品优选将在扣除相应成本后，向会员用户退还剩余款项；</view>
+ <view class="txt">三、客服与会员用户就退款事宜达成一致；</view>
+ <view class="txt">四、澜品优选为会员用户办理会员终止，并将会员费用全额原路退回（一般 1 个工作日内到账）；</view>
+ <view class="txt">五、会员用户收到退款；</view>
+ <view class="">六、退费流程结束。</view>
+ <view :class="items?'items':''" style="text-align: center;margin-bottom: 40rpx;background: #EE2626;color: #FFFFFF;font-size: 32rpx;border-radius: 50rpx;padding: 28rpx;margin-top: 40rpx;" @click="agree">同意并继续 <text v-if="items">({{items}}S)</text></view>
+ <view style="text-align: center;font-size: 28rpx;margin-bottom: 20rpx;" @click="noAgree">不同意</view>
+ </view>
+ </uni-popup>
</view>
</template>
@@ -214,6 +232,7 @@
},
],
actIndex: 0,
+ items:10, // 退改政策，倒计时
}
},
onShow() {
@@ -230,6 +249,21 @@
onLoad() {
const systemInfo = uni.getSystemInfoSync();
this.statusBarHeight = systemInfo.statusBarHeight || 30;
+ // 退改政策，倒计时
+ const ds = setInterval(() => {
+ this.items -=1;
+ if(!this.items){
+ clearInterval(ds)
+ }
+ }, 1000 );
+ setTimeout(() => {
+ // if(!_this.$route.query?.isApp && !uni.getStorageSync('popupXY') && sessionStorage.getItem('APP_ID')!=='b2e24d04-6a97-40a0-9894-a44237c674ac'){
+ // this.$refs.popupXY.open()
+ // }
+ if(!uni.getStorageSync('popupXY')){
+ this.$refs.popupXY.open()
+ }
+ },200)
},
onReady() {
// #ifdef APP-PLUS
@@ -239,6 +273,29 @@
mounted() {
},
methods: {
+ // 退改政策，同意
+ agree(){
+ if(this.items){
+ return;
+ }
+ uni.setStorageSync('popupXY',1)
+ this.$refs.popupXY.close()
+ },
+ // 不同意
+ noAgree(){
+ uni.clearStorageSync('popupXY')
+ // #ifdef APP-PLUS
+ if(plus.os.name.toLowerCase() === 'android') {
+ plus.runtime.quit();
+ } else {
+ const threadClass = plus.ios.importClass("NSThread");
+ const mainThread = plus.ios.invoke(threadClass,"mainThread");
+ plus.ios.invoke(mainThread,"exit");
+ // ios11
+ plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
+ }
+ // #endif
+ },
navClick(data,index) {
this.actIndex = index;
this.catesId = data.catesId
@@ -524,4 +581,15 @@
}
}
}
+
+// 退款政策
+.txt{
+ font-size: 28rpx;
+ color: #333333;
+ line-height: 48rpx;
+ margin-bottom: 10rpx;
+}
+.items{
+ background: #ccc !important;
+}
</style>
--
Gitblit v1.9.3