154 lines
4.9 KiB
Vue
154 lines
4.9 KiB
Vue
<template>
|
|
<view>
|
|
<!-- 状态栏 -->
|
|
<status-nav :backgroudColor="publicColor" :tabcolor="publicColor" :statusTitle="true" :backColor="1"></status-nav>
|
|
<image src="/static/public/member-head.png" style="position: absolute;top: 0;left: 0;right: 0;height: 436rpx;width: 100%;"></image>
|
|
<view class="mar-zy32 posir" :style="{paddingTop:statusHNH+26+'px'}">
|
|
<view class="radius30 posir gao mar-zy40 fon24 pad-x20" style="box-shadow: 0px 16rpx 30rpx rgba(141, 141, 141, 0.26);">
|
|
<view class="posir pad-zy20" style="z-index: 2;">
|
|
<view class="disjb">
|
|
<view class="disac">
|
|
<!-- 头像 -->
|
|
<image class="mar-sx20" src="/static/public/like.png" style="width:90rpx;height: 90rpx;border-radius: 100%;" mode="aspectFill"></image>
|
|
<view class="mar-z20">
|
|
<!-- 昵称 -->
|
|
<view class="fon28 bold disac">昵称<view style="background: #FFFFFF;border-radius: 10rpx;text-align: center;font-size: 22rpx;color: #FFBD39;padding: 5rpx 16rpx;margin-left: 10rpx;">VIP</view></view>
|
|
<view class="mar-s10" style="color: #C27417;">黄金会员</view>
|
|
</view>
|
|
</view>
|
|
<view class="mar-s30 " style="color: #C27417;">当前等级</view>
|
|
</view>
|
|
<view style="margin-top: 62rpx;color: #C27417;">还差1200积分升级</view>
|
|
<view class="fon28 mar-s10" style="color: #C49F74;">升级到钻石会员享有更多权益</view>
|
|
</view>
|
|
<image class="posia" style="top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 0;" src="/static/public/member.png" mode=""></image>
|
|
</view>
|
|
<!-- 功能列表 -->
|
|
<view class="bacf radius20 mar-s20">
|
|
<view class="disac fon28 fw pad-x20" style="color: #C27417;">
|
|
<view v-for="(itemh,indexh) in huiList" :key="indexh" class="mar-s20" style="width: 25%;">
|
|
<view class="disac fc">
|
|
<image :src="itemh.src" style="width: 50rpx;height: 50rpx;" mode="aspectFill"></image>
|
|
<view class="mar-s20 mar-x10">{{itemh.title}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 当前权益介绍 -->
|
|
<view class="bacf radius20 mar-s20 pad20">
|
|
<view class="mar-x30 fon32 bold" style="color: #C27417;">当前权益介绍</view>
|
|
<image src="../../static/public/dang-quan.png" style="width: 100%;" mode="widthFix"></image>
|
|
</view>
|
|
<view class="fon30 bold tc mar-s50 mar-x30" :style="{color:publicColor}">积分兑换</view>
|
|
</view>
|
|
<shopList :dataList="dataList"></shopList>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import shopList from '@/components/shop-list.vue';
|
|
export default {
|
|
components:{
|
|
shopList
|
|
},
|
|
data() {
|
|
return {
|
|
vision:false,
|
|
statusHNH:uni.getStorageSync('statusHNH'),
|
|
publicColor:uni.getStorageSync('publicColor'),
|
|
huiList:[
|
|
{src:'/static/public/ru-hui50.png',title:'入会权益'},
|
|
{src:'/static/public/birthday50.png',title:'生日礼物'},
|
|
{src:'/static/public/member-scor50.png',title:'积分权益'},
|
|
{src:'/static/public/te-quan50.png',title:'特权日'},
|
|
{src:'/static/public/share-hai50.png',title:'分享海报'},
|
|
],
|
|
dataList:[
|
|
{
|
|
imgSrc:'/static/public/wen-one.png',
|
|
title:'【99皮皮节】【种植发际 线】1000单位FUE技术...',
|
|
zhePrice:'3888',
|
|
yuanPrice:'4205',
|
|
integral:'2888',
|
|
isTuan:false,
|
|
isPing:false,
|
|
isXian:false,
|
|
isIntegral:true,
|
|
grade:1,
|
|
},
|
|
{
|
|
imgSrc:'/static/public/wen-one.png',
|
|
title:'【99皮皮节】【种植发际 线】1000单位FUE技术...',
|
|
zhePrice:'3888',
|
|
yuanPrice:'4205',
|
|
integral:'2888',
|
|
isTuan:false,
|
|
isPing:false,
|
|
isXian:false,
|
|
isIntegral:true,
|
|
grade:0,
|
|
},
|
|
{
|
|
imgSrc:'/static/public/wen-one.png',
|
|
title:'【99皮皮节】【种植发际 线】1000单位FUE技术...',
|
|
zhePrice:'3888',
|
|
yuanPrice:'4205',
|
|
integral:'2888',
|
|
isTuan:false,
|
|
isPing:false,
|
|
isXian:false,
|
|
isIntegral:true,
|
|
grade:1,
|
|
},
|
|
{
|
|
imgSrc:'/static/public/wen-one.png',
|
|
title:'【99皮皮节】【种植发际 线】1000单位FUE技术...',
|
|
zhePrice:'3888',
|
|
yuanPrice:'4205',
|
|
integral:'2888',
|
|
isTuan:false,
|
|
isPing:false,
|
|
isXian:false,
|
|
isIntegral:true,
|
|
grade:0,
|
|
},
|
|
{
|
|
imgSrc:'/static/public/wen-one.png',
|
|
title:'【99皮皮节】【种植发际 线】1000单位FUE技术...',
|
|
zhePrice:'3888',
|
|
yuanPrice:'4205',
|
|
integral:'2888',
|
|
isTuan:false,
|
|
isPing:false,
|
|
isXian:false,
|
|
isIntegral:true,
|
|
grade:0,
|
|
},
|
|
{
|
|
imgSrc:'/static/public/wen-one.png',
|
|
title:'【99皮皮节】【种植发际 线】1000单位FUE技术...',
|
|
zhePrice:'3888',
|
|
yuanPrice:'4205',
|
|
integral:'2888',
|
|
isTuan:false,
|
|
isPing:false,
|
|
isXian:false,
|
|
isIntegral:true,
|
|
grade:0,
|
|
}
|
|
]
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.$toolAll.tools.isLogin()
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|