Commit aaa8a7cd authored by mengcuiguang's avatar mengcuiguang

添加个人中心页面

parent a599d577
......@@ -158,8 +158,13 @@
topList: []
};
},
methods: {
loadData() {
methods: {
show() {
console.log('showshowshowshow')
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
// 轮播图
this.post({
url: '/vedio/topTabs',
......@@ -191,12 +196,7 @@
this.newRecordBean = data.list[0];
}
}
});
},
show() {
if (this.$refs.paging != null) {
this.$refs.paging.refresh();
}
});
},
queryList(page, size) {
// 推荐列表
......
<template>
<view class="body">
<view
style="display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;padding-top: 30rpx;">
<image class="avatar" src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/bg_my_vip.png"></image>
<view>
<view style="font-size: 26rpx;color: black;margin-left: 20rpx;">用户ID:{{userBean.idcode}}</view>
<view style="font-size: 32rpx;color: black;font-weight: 777;margin-left: 20rpx;">未登录</view>
</view>
</view>
<view
style="display: flex;flex-direction: row;background: #f5ca86;margin: 20rpx;padding: 40rpx;border-radius:20rpx;align-items: center;justify-content:space-between;">
<view style="display: flex;flex-direction: column;justify-content: center;">
<view style="font-size: 34rpx;color: #5b1500;font-weight: 777;">开通VIP会员</view>
<view v-if="userBean.expireTime<=0" style="font-size: 24rpx;color: #5b1500;margin-top: 12rpx;">
解锁全部短剧
</view>
<view v-else style="font-size: 24rpx;color: #5b1500;margin-top: 12rpx;">
到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}
</view>
<view v-if="userBean.expireTime<=0" style="width: 210rpx;height: 60rpx;background-color: #5b1500;border-radius:30rpx;color: white;font-size: 26rpx;justify-content: center;
align-items: center;display: flex;padding-bottom: 4rpx;margin-top: 30rpx;">
立即开通
</view>
<view v-else style="width: 210rpx;height: 60rpx;padding-bottom: 4rpx;margin-top: 30rpx;">
</view>
</view>
<image style="border-radius:10rpx; width: 130rpx;height: 100rpx;margin-right: 20rpx;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/bg_my_vip.png" mode="scaleToFill"></image>
</view>
<view class="infobg" style="margin: 20rpx;">
<view class="item arrow" @click="handleWatchRecord">
观看记录
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view class="item arrow" @click="handlePayRecord">
我的订单
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
<view class="item arrow" @click="handlePhone">
联系客服
<view class="item_bd ellipsis" style="margin-left: 58rpx;"></view>
</view>
</view>
</view>
</view>
</template>
<script>
......@@ -27,24 +74,48 @@
mixins: [common],
data() {
return {
showlip: false
userBean: null
};
},
methods: {
show() {
},
// show() {
loadData() {
this.post({
url: '/user/baseMsg',
showLoading: false,
success: ({
data
}) => {
this.userBean = data;
}
});
},
handleWatchRecord() {
navigateTo(`/pagesD/watchRecord/watchRecord`)
},
handlePayRecord() {
navigateTo(`/pagesD/payRecord/payRecord`)
},
handlePhone() {
}
}
};
</script>
<style lang="scss">
<style lang="scss">
@import '@/scss/uni.scss';
.body {
background-color: whitesmoke;
}
</style>
.avatar {
background-color: #d8d8d8;
width: 100rpx;
height: 100rpx;
border-radius: 50%;
overflow: hidden;
//box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
</style>
\ No newline at end of file
......@@ -72,11 +72,4 @@
.body {
background-color: whitesmoke;
}
.img {
position: relative;
border-radius: 10rpx;
width: 180rpx;
height: 240rpx;
}
</style>
\ No newline at end of file
......@@ -137,7 +137,7 @@
line-height: 100rpx;
font-size: 32rpx;
border-radius: 24rpx;
background-color: #DFF0F7;
background-color: white;
padding: 0 24rpx;
color: #030303;
......@@ -146,7 +146,7 @@
overflow: hidden;
display: flex;
align-items: center;
border-bottom: 1rpx solid #ffffff;
border-bottom: 1rpx solid gainsboro;
&.none {
border-bottom: 0;
line-height: 1;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment