<template>
  <BasePage>
    <div class="allow">
      <div class="top">
        <div class="tit">
          <span>礼包业绩总累计</span>
          <van-icon name="question-o" @click.stop="showTerm = true"></van-icon>
        </div>

        <b>4000.00</b>
      </div>

      <div class="content">
        <div class="t">
          业绩统计
        </div>

        <div class="list">
          <div class="item">
            <img src="/img/allow.png" alt="">
            <span>
              自己礼包消费业绩
            </span>
            <span class="r"></span>
          </div>

          <div class="item">
            <img src="/img/allow.png" alt="">
            <span>
              网体礼包消费业绩
            </span>
            <span class="r"></span>
          </div>
        </div>
      </div>

      <van-action-sheet v-model:show="showTerm" safe-area-inset-bottom :title="`礼包业绩说明`" closeable
        style="min-height: 50%; padding: 0px 10px 10px 10px">
        <div class="w100 html" v-html="data.Term" />
      </van-action-sheet>
    </div>
  </BasePage>
</template>

<script>
export default {
  data() {
    return {
      showTerm: false,
      data: {

      }
    }
  }
}
</script>