<template>
  <div class="uc_vip_container">
    <div class="banner">

    </div>

    <div class="content">
      <div class="title">
        <text>我的会员权益</text>
      </div>

      <!--      权益列表-->
      <van-row gutter="10" class="benefit-row">
        <van-col span="8" v-for="(item,index) in benefits" :key="index">
          <view class="benefit">
            <img :src="item.icon" alt="" class="icon">
            <view>
              <text class="title">{{ item.title }}</text>
            </view>
            <view>
              <text class="subtitle">{{ item.sub_title }}</text>
            </view>
          </view>
        </van-col>
      </van-row>


      <!--      权益描述-->
      <view class="desc">
        黄金会员权益：
        <br>
        1）获得核销时间为200分钟，有效期3个自然月（从购买当日时间开始计时）。
        <br>
        2）获得5张次卡（实体卡），次卡不能自己使用，只能用给其它人使用。获得次卡的用户A可进行1次到店体验，且成为黄金会员的一级分销用户。
        <br>
        如果次卡用户A进行消费，则黄金会员用户则获得以下对应的分润：
        <br>
        购买次卡获得20元分润，购买黄金会员卡获得50元分润，购买白金会员获得100元分润，购买钻石会员则获得200元分润，线下购买创客代理获得300元分润，线下购买区域代理获得600元分润，线下购买合伙人，获得2000元分润。
        <br>
        <br>
        如果次卡用户A发展其它人B成为水母会员用户，则B作为次卡用户A的一级分销用户，也是黄金会员的二级分销用户，如果B产生消费，则次卡会员A获得一级分润（同上述的黄金会员一级分润）黄金会员可获得如下二级分润：
        <br>
        B购买次卡获得5元分润，购买黄金会员卡获得15元分润，购买白金会员获得30元分润，购买钻石会员则获得60元分润。线下购买创客代理获得90元分润，线下购买区域代理获得180元分润，线下购买合伙人，获得600元分润。
      </view>
    </div>
  </div>
</template>

<script>

var $this
export default {
  name: "uc_vip_container",
  components: {},
  data() {
    return {
      benefits: [
        {
          id: 1,
          icon: "https://img.shuimuai.com/quanyi_icon_1.png",
          title: "会员卡",
          sub_title: "1张"
        },
        {
          id: 2,
          icon: "https://img.shuimuai.com/quanyi_icon_2.png",
          title: "核销时间1700分钟",
          sub_title: "游玩限期3个月"
        },
        {
          id: 3,
          icon: "https://img.shuimuai.com/quanyi_icon_3.png",
          title: "参与活动",
          sub_title: "3个月内"
        },
        {
          id: 4,
          icon: "https://img.shuimuai.com/quanyi_icon_4.png",
          title: "销售产品",
          sub_title: "租1套、每天15分钟"
        },
        {
          id: 5,
          icon: "https://img.shuimuai.com/quanyi_icon_5.png",
          title: "参与课程",
          sub_title: "3个月"
        },
        {
          id: 6,
          icon: "https://img.shuimuai.com/quanyi_icon_6.png",
          title: "分润",
          sub_title: "一级分润、二级分润"
        },
      ],
    }
  },
  methods: {}
  ,
  mounted() {
  },
  created() {
    $this = this;
  },
  onLoad() {
  }
}
</script>

<style scoped>
@import "index.css";
</style>
