会员中心页面修改,余额明细调整,开通会员页面调整
This commit is contained in:
@@ -9,17 +9,21 @@
|
||||
<image class="my_info_left_head" :src="userInfo.headImg" mode="aspectFill"></image>
|
||||
<view class="name">{{userInfo.nickName}}</view>
|
||||
</view>
|
||||
<image class="my_info_right_qr" @click="clickEvent" v-if="userInfo.isVip == 1 && ShopId"
|
||||
<image class="my_info_right_qr" @click="clickEvent" src="/static/icon/code.png" mode="aspectFill">
|
||||
</image>
|
||||
<!-- <image class="my_info_right_qr" @click="clickEvent" v-if="userInfo.isVip == 1 && ShopId"
|
||||
:src="'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_qRcode.png'" mode="aspectFill">
|
||||
</image>
|
||||
<view class="my_info_right" @click="clickEvent" v-if="userInfo.isVip == 0 && ShopId">
|
||||
<text>免费入会</text>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
|
||||
<up-gap height="26rpx" bg-color="#F9F9F9"></up-gap>
|
||||
<view class="my_item my_assets" @click="Myassets">
|
||||
<view class="my_item_title">我的资产</view>
|
||||
<!-- <view class="my_item my_assets" @click="Myassets"> -->
|
||||
<view class="my_item my_assets" >
|
||||
<view class="my_item_title u-m-t-12">我的资产</view>
|
||||
<view class="amount">
|
||||
<view class="u-flex u-flex-between u-m-t-20">
|
||||
<view class="u-flex">
|
||||
@@ -45,7 +49,7 @@
|
||||
</view>
|
||||
<view class="font-12 color-666">这里是店铺名称</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="u-flex u-flex-column u-flex-center">
|
||||
<view class="text-center color-333 font-12">查看全部</view>
|
||||
@@ -55,9 +59,7 @@
|
||||
<view class="vip u-m-t-40">
|
||||
<view class="u-flex u-flex-between u-m-t-20">
|
||||
<view class="u-flex">
|
||||
<image style="width: 50rpx;height: 37rpx;"
|
||||
src="/static/icon/vip.png"
|
||||
mode="aspectFill">
|
||||
<image style="width: 50rpx;height: 37rpx;" src="/static/icon/vip.png" mode="aspectFill">
|
||||
</image>
|
||||
<text class="color-333 font-14 u-m-l-20">会员</text>
|
||||
</view>
|
||||
@@ -66,7 +68,7 @@
|
||||
<up-icon name="arrow-down" color="#666" size="12px"></up-icon>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="card-list">
|
||||
<view class="card-list-item" v-for="(item,index) in 3" :key="index">
|
||||
<up-image radius="20rpx" width="182rpx" height="182rpx"></up-image>
|
||||
@@ -77,15 +79,15 @@
|
||||
</view>
|
||||
<view class="font-12 color-666">这里是店铺名称</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="u-flex u-flex-column u-flex-center">
|
||||
<view class="text-center color-333 font-12">查看全部</view>
|
||||
<view class="text-center color-333 font-12" @click="tomemberList">查看全部</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
<view class="my_item my_fun u-m-t-30">
|
||||
@@ -126,6 +128,7 @@
|
||||
import {
|
||||
productStore
|
||||
} from '@/stores/user.js';
|
||||
import * as vipApi from '@/common/api/market/vip.js'
|
||||
const store = productStore();
|
||||
const myFunList = ref([{
|
||||
name: "积分",
|
||||
@@ -159,20 +162,38 @@
|
||||
const userInfo = reactive({})
|
||||
|
||||
const ShopId = ref(uni.cache.get('shopId'))
|
||||
|
||||
|
||||
|
||||
function tomemberList(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/user/member/list'
|
||||
})
|
||||
}
|
||||
|
||||
const clickEvent = () => {
|
||||
if (ShopId.value) {
|
||||
if (userInfo.isVip == 0) {
|
||||
uni.pro.navigateTo('user/member/memberdetails', {
|
||||
shopId: uni.cache.get('shopId')
|
||||
if(!userInfo.isVip){
|
||||
uni.navigateTo({
|
||||
url: '/user/vip/buy-vip?shopId='+ShopId.value
|
||||
})
|
||||
} else {
|
||||
uni.pro.navigateTo('user/member/paycode', {
|
||||
shopId: uni.cache.get('shopId'),
|
||||
shopInfo: JSON.stringify(uni.cache.get('orderVIP').shopInfo)
|
||||
}else{
|
||||
uni.navigateTo({
|
||||
url: '/user/vip/vip?shopId='+ShopId.value
|
||||
})
|
||||
}
|
||||
|
||||
// if (userInfo.isVip == 0) {
|
||||
|
||||
|
||||
// uni.pro.navigateTo('user/member/memberdetails', {
|
||||
// shopId: uni.cache.get('shopId')
|
||||
// })
|
||||
// } else {
|
||||
// uni.pro.navigateTo('user/member/paycode', {
|
||||
// shopId: uni.cache.get('shopId'),
|
||||
// shopInfo: JSON.stringify(uni.cache.get('orderVIP').shopInfo)
|
||||
// })
|
||||
// }
|
||||
} else {
|
||||
uni.pro.navigateTo('member/list', {
|
||||
type: 'user_payCode'
|
||||
@@ -246,6 +267,10 @@
|
||||
break;
|
||||
}
|
||||
}
|
||||
async function getData() {
|
||||
const res = await vipApi.list()
|
||||
console.log(res);
|
||||
}
|
||||
onShow(() => {
|
||||
store.actionsAPIuser()
|
||||
if (uni.cache.get('shopId')) {
|
||||
@@ -256,6 +281,7 @@
|
||||
...uni.cache.get('userInfo').assetsSummary
|
||||
})
|
||||
}
|
||||
getData()
|
||||
})
|
||||
</script>
|
||||
|
||||
@@ -312,8 +338,8 @@
|
||||
}
|
||||
|
||||
.my_info_right_qr {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -420,10 +446,12 @@
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
column-gap: 40rpx;
|
||||
margin-top: 20rpx;
|
||||
.card-list-item{
|
||||
|
||||
.card-list-item {
|
||||
max-width: 182rpx;
|
||||
box-shadow: 8rpx 8rpx 32rpx 0 #0b18390f;
|
||||
.info{
|
||||
|
||||
.info {
|
||||
padding-bottom: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user