<script>
export default {
  name: "my-checkvip",
  props: {
    // 是否是vip
    vipFlag: {
      // 值类型
      type: Boolean,
      // 默认值
      default: false
    },
  },
  data() {
    return {
      oneWitdh: 50
    }
  },
  methods: {
    gotoVip(){
        uni.navigateTo({
          url: '/pages/zyb/vip/index'
        })
    }
  }

}
</script>

<template>
  <view style="padding: 30rpx 0;margin-bottom: 10rpx" v-if="!vipFlag">
    <view class="background" style="">
      <view class="flex marginTopBot10">
        <text class="font-weight-b font-size-medium marginCenter">您好，本功能是VIP功能</text>
      </view>
      <view class="flex marginTopBot10">
        <text class="font-size-mini marginCenter">您如果享无限次使用完整版功能请升级为VIP</text>
      </view>
      <view class="flex marginTopBot10">
        <view class="vipBtn marginCenter" @click="gotoVip">
          查看VIP特权及优惠方案
        </view>
      </view>
    </view>
    <view class="tips">
      限时优惠
    </view>
  </view>

</template>

<style scoped lang="scss">
.background{
  background-color:#f7ebd1;
  padding:40rpx 30rpx;
  border-radius: 30rpx;
}
.vipBtn{
  padding: 0 100rpx;
  color: white;
  font-weight: 550;
  font-size: 35rpx;
  line-height: 100rpx;
  background: linear-gradient(to right,#deb06b,#cf9b50,#daae6e);
  border-radius: 15rpx;
}
.tips{
  padding: 5rpx 20rpx;
  width: 120rpx;
  color:#e7c974;
  border-radius: 20rpx 0 20rpx 0;
  background: linear-gradient(to right,#392306,#61431b);
  position: relative;
  bottom: 300rpx;
}
</style>
