76 lines
1.6 KiB
Vue
76 lines
1.6 KiB
Vue
<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>
|