更新代码
This commit is contained in:
@@ -1,11 +1,30 @@
|
||||
<template>
|
||||
<view class="content" v-if="!loding">
|
||||
<!-- v-if="!loding" -->
|
||||
<view class="content">
|
||||
<swiper class="vip-container" previous-margin="45rpx" next-margin="45rpx" circular @change="swiperChange">
|
||||
<swiper-item class="vip-item">
|
||||
<view>
|
||||
VIP企业会员
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item class="vip-item">
|
||||
<view>
|
||||
普通会员
|
||||
</view>
|
||||
</swiper-item>
|
||||
<swiper-item class="vip-item">
|
||||
<view>
|
||||
超级会员
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
||||
<!-- 会员类型 -->
|
||||
<view class="tabs">
|
||||
<!-- <view class="tabs">
|
||||
<view class="item" :class="{'show': index === tabsIndex}" v-for="(item, index) in identities" :key="index" @click="onTabs(index)">{{item.name}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 会员信息 -->
|
||||
<view class="cards">
|
||||
<!-- <view class="cards">
|
||||
<view class="card">
|
||||
<view class="card-content">
|
||||
<image class="cover" src="@/static/dev/good_cover_01.png" mode="aspectFill"></image>
|
||||
@@ -16,9 +35,9 @@
|
||||
</view>
|
||||
<view class="cards-back"></view>
|
||||
<image class="cards-angle" src="@/static/imgs/vip-angle-back.png" mode="widthFix"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 会员权限 -->
|
||||
<view class="privilege">
|
||||
<!-- <view class="privilege">
|
||||
<view class="title">开通会员享特权</view>
|
||||
<view class="privilege-box">
|
||||
<view class="item" v-for="(item, index) in rights" :key="index" @click="showRemark(item.name, item.remark)">
|
||||
@@ -26,18 +45,18 @@
|
||||
<view class="text">{{item.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 会员 -->
|
||||
<view class="footer">
|
||||
<!-- <view class="footer">
|
||||
<button class="footer-btn" type="default" @click="openOrder">¥{{identities[tabsIndex].price}}/年 开通</button>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 会员服务信息 -->
|
||||
<view class="notice">
|
||||
<!-- <view class="notice">
|
||||
<view class="title">开通须知</view>
|
||||
<view class="item">
|
||||
<text>{{description}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -55,18 +74,18 @@
|
||||
}
|
||||
},
|
||||
created() {
|
||||
identities().then(res => {
|
||||
this.loding = false
|
||||
this.user = res.user
|
||||
this.description= res.description
|
||||
this.identities = res.identities
|
||||
this.rights = res.identities[0].rights
|
||||
}).catch(err =>{
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
// identities().then(res => {
|
||||
// this.loding = false
|
||||
// this.user = res.user
|
||||
// this.description= res.description
|
||||
// this.identities = res.identities
|
||||
// this.rights = res.identities[0].rights
|
||||
// }).catch(err =>{
|
||||
// uni.showToast({
|
||||
// title: err.message,
|
||||
// icon : 'none'
|
||||
// })
|
||||
// })
|
||||
},
|
||||
methods: {
|
||||
// 切换开通身份
|
||||
@@ -141,6 +160,20 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
// 新增样式
|
||||
.vip-container {
|
||||
width: 750rpx;
|
||||
height: 350rpx;
|
||||
.vip-item {
|
||||
background-color: #c8c8c8;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content{
|
||||
min-height: 100vh;
|
||||
background: #fefaef;
|
||||
|
||||
Reference in New Issue
Block a user