feat: 购有趣图标

lin

2026-04-20 c037601ff06f2dd0a0359f7715521bc991834939

 pages/quanyi/index.vue

@@ -1,9 +1,13 @@
<script>

import textBox from "@/components/textBox/index.vue";
import tehuichongzhi from "@/pages/quanshou/components/tehuichongzhi.vue";  //虚拟
import lanyaerji from "@/pages/quanshou/components/lanyaerji.vue"; // 实物
export default {
  components: {
    textBox
    textBox,
    tehuichongzhi,
    lanyaerji,
  },

  async  created() {
@@ -47,6 +51,26 @@
        })
      }
    })
	
   // 获取VIP值
      uni.request({
        url: _this.$webHost+'/api/v2/customer/getRyxBenefitsRecordList?phone='+_this.$util.getUserInfo().phone,
        data:{
          customerId: uni.getStorageSync('qxgLogin').customerId,
          appId: uni.getStorageSync('qxgLogin').appId
        },
        success: function (res) {
          if(res.data.code==200){
            _this.lst = res.data.data;
            _this.lst.forEach(item=>{
              if(item && item.isBuy === 1 && [1,2,3].includes(item.period)) {_this.VIP = item.period;}
            })
          } else {
		
		
          }
        }
      })

    let mk =  setInterval(()=>{
      this.text -=1;
@@ -64,6 +88,8 @@

  data() {
    return  {
     active: 0,
      VIP: 1, // 1黄金 2铂金 3黑金
      qxgLogin:{},
      protocolChecked: [0],
      isAgree: false,
@@ -198,12 +224,47 @@
        </uv-checkbox-group>

      </view>
     <view class="tab-wrap">
       <text @click="active=0" :class="active==0?'active':''">实物权益</text>
       <text @click="active=1" :class="active==1?'active':''">虚拟权益</text>
     </view>
     <view class="note" style="margin-bottom: 20rpx;text-align: center;color: #999;font-size: 24rpx;" v-if="active==0">页面展示为实物样例，实际以用户收到的商品为准</view>
     <view class="note" style="margin-bottom: 20rpx;text-align: center;color: #999;font-size: 24rpx;" v-if="active==1">页面为虚拟权益预览，实际用户以当日兑换内容为准</view>
     <lanyaerji v-if="active==0" style="margin:0 30rpx;"/>
     <tehuichongzhi v-else :VIP="VIP"  style="margin-top: 50rpx;" />
    </view>
    <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox>
  </view>
</template>

<style scoped lang="scss">
/* tab */
.tab-wrap {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 50rpx;
  margin-top: 50rpx;
}
.tab-wrap text {
  font-weight: 600;
  font-size: 36rpx;
  color: #666;
}
.active {
  color: #333 !important;
  position: relative;
  &::after {
    content: "";
    display: block;
    width: 50rpx;
    height: 8rpx;
    background: linear-gradient( 91deg, #FDFAFF 0%, #F9C969 100%);
    border-radius: 32rpx;
    position: absolute;
    bottom: -20rpx;
    left: calc(50% - 25rpx);
  }
}
.activityBut{
  background: #FF1472;
  font-weight: 600;