UI：星享购

lin

2026-06-12 ebea702b9cf6566423fa26c63b603cdc989153e2

 pages/index/index.vue

@@ -29,7 +29,8 @@
            </view>
         </view>
      </view>

		
      <view style="height: 300rpx;" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + '7' + '&title=' + '家居百货')"></view>
      <view class="cates" v-if="catesNavData">
         <view class="cates-v" v-for="(item, index) in catesNavData" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
            <image class="cates-v-icon" :src="item.icon" mode=""></image>
@@ -90,8 +91,19 @@
                  <image lazy-load class="goods-icon" :src="itm.icon" mode=""></image>
                  <view class="goods-title">{{itm.title}}</view>
                  <view class="goods-price">
                     <view>原价</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>会员价</view>
                     <view>¥</view>
                     <view class="red">{{itm.vprice}}</view>
                     <!-- <view class="hyj">
                        <image src="@/static/imgs/hyj.png" mode=""></image>
                     </view> -->
@@ -122,6 +134,25 @@
        </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: 660rpx;">
      <view style="text-align: center;font-weight: 700;font-size: 40rpx;color: #333333;margin-bottom: 28rpx;">新疆疆域星河科技有限公司（星享购）退款政策说明</view>
      <view class="txt">
         新疆疆域星河科技有限公司（下称“星享购”）已建立完善的客户服务与售后机制。在会员期内，如用户对服务或商品不满意，可随时通过官方客服热线（4006332282）提出异议、 申请终止服务或办理退款，我司客服团队将按既定流程及时处理，切实保障用户合法权益。现将退款政策具体流程说明如下：
      </view>
      <view class="txt">一、会员用户如对服务或商品不满意，可拨打星享购客服热线 4006332282 提出异议；</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: #4766FE;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>

@@ -170,6 +201,7 @@
      pageIndex: 1,
      pageSize: 10,
      goodsData: [],
      items:10, // 退改政策，倒计时
    }
  },
  onShow() {
@@ -186,6 +218,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
@@ -195,6 +242,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
     },
   //获取分类商品
   catesGoods(){
      this.$util.post('Goods/getCatesGoods', {catesId: this.catesId, is_hot: this.is_hot, pageIndex: this.pageIndex, pageSize: this.pageSize}).then(res => {
@@ -444,4 +514,14 @@
    }
  }
}
// 退款政策
.txt{
  font-size: 28rpx;
  color: #333333;
  line-height: 48rpx;
  margin-bottom: 10rpx;
}
.items{
  background: #ccc !important;
}
</style>