12.12 页面风格改版，增加事件详情相关概念网页跳转，增加绑定手机号功能

pages/mine/mine.vue

@@ -1,12 +1,13 @@
 <template>
 	<view>
-		<image class="topBg absolute" src="/static/image/mine/myTopBg.png" mode="widthFix"></image>
+		<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
 		<view class="navTitle fixed" :style="'top:'+menuTop+'px;line-height:'+menuH+'px;'">个人中心</view>
 		<view v-if="userInfo" class="personalInfoC relative flex" :style="'margin-top:'+infoTop+'px;'" @click="clickPersonalInfo()">
 			<image class="avatar" :src="userInfo.basic_info.avatar_url" mode="aspectFill"></image>
 			<view class="flex1">
 				<view class="nickname">{{userInfo.basic_info.username}}</view>
 				<view class="mobile">手机号：{{userInfo.basic_info.phone}}</view>
+				<view v-if="memberInfo&&memberInfo.is_member" class="mobile">{{memberInfo.subscription_type}}会员</view>
 			</view>
 			<image class="arrow" src="/static/icon/mine/infoArrow.png" mode="widthFix"></image>
 		</view>
@@ -47,7 +48,7 @@
 
 <script>
 	import { inject } from 'vue';
-	import { userInfo } from '@/request/api';
+	import { userInfo, membershipStatus } from '@/request/api';
 	
 	export default {
 		data() {
@@ -55,7 +56,8 @@
 				menuTop:inject('menuTop'),
 				menuH: inject('menuHeight'),
 				infoTop:'',
-				userInfo:null,
+				userInfo:null,		//用户信息
+				memberInfo:null,	//会员信息
 				menuList:[{
 					icon:'/static/icon/mine/aboutUs.png',
 					title:'关于我们',
@@ -91,6 +93,7 @@
 		},
 		onShow() {
 			this.getUserInfoData()
+			this.getMemberStatus()
 		},
 		methods: {
 			/**
@@ -135,6 +138,11 @@
 						url:'/pages/mine/myLike/myLike'
 					})
 			},
+			/**
+			 * 点击菜单
+			 * @param {Object} url
+			 * @param {Object} index
+			 */
 			clickMenuItem(url,index)
 			{
 				if(url)
@@ -179,12 +187,33 @@
 				}).catch(error=>{
 					
 				})
-			}	
+			},
+			/**
+			 * 获取会员状态
+			 */
+			getMemberStatus()
+			{
+				membershipStatus().then(res=>{
+					if (res.code==200) {
+						this.memberInfo = res.data
+					} else 
+						uni.showToast({
+							title:res.message,
+							icon:'none'
+						})
+				}).catch(error=>{
+					
+				})
+			}
 		}
 	}
 </script>
 
 <style lang="less">
+page 
+{
+	background-color: black;
+}
 .topBg 
 {
 	top: 0;
@@ -222,7 +251,7 @@
 		margin-top: 6rpx;
 		font-size: 24rpx;
 		font-weight: 500;
-		color: #FFECD3;
+		color: #F3C368;
 	}
 	.arrow 
 	{
@@ -251,7 +280,7 @@
 }
 .vipC 
 {
-	padding: 0 25rpx;
+	margin: 0 45rpx;
 	.icon 
 	{
 		display: block;
@@ -262,8 +291,9 @@
 .menuList
 {
 	background-color: white;
-	padding: 0 25rpx;
-	border-radius: 20rpx 20rpx 0 0;
+	margin: 0 25rpx;
+	padding: 0 20rpx 220rpx;
+	border-radius: 20rpx;
 	.item 
 	{
 		height: 100rpx;