添加个人中心页面

vedio/pages/index/index.vue

@@ -159,7 +159,12 @@
 			};
 		},
 		methods: {
-			loadData() {
+			show() {
+				console.log('showshowshowshow')
+				if (this.$refs.paging != null) {
+					this.$refs.paging.refresh();
+				}
+				
 				// 轮播图
 				this.post({
 					url: '/vedio/topTabs',
@@ -193,11 +198,6 @@
 					}
 				});
 			},
-			show() {
-				if (this.$refs.paging != null) {
-					this.$refs.paging.refresh();
-				}
-			},
 			queryList(page, size) {
 				// 推荐列表
 				this.post({

vedio/pages/my/my.vue

 <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,15 +74,29 @@
 		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() {
 
 			}
 		}
@@ -44,7 +105,17 @@
 
 <style lang="scss">
 	@import '@/scss/uni.scss';
+
 	.body {
 		background-color: whitesmoke;
 	}
+
+	.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

vedio/pagesD/payRecord/payRecord.vue

@@ -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

vedio/scss/list.scss

@@ -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;