修改个人中心

pages/user-center/user-center.vue

@@ -24,7 +24,7 @@
 			<view class="userBox" :style="{ 'margin-bottom': bottommargin }">
 				<view
 					:style="{ 'background-image': 'url(' + (meueData.user_center.top_pic_url ? meueData.user_center.top_pic_url : '') + ')', backgroundSize: '100% 310px' }"
-					class="imgbg"
+					class="imgbg" :class="{'miniHeadTop':meueData.user_center.is_foot_bar_status!=1&&meueData.user_center.is_account_status!=1}"
 				>
 					<view class="titlenav" :style="{paddingTop:nav}">{{pageTitle}}</view>
 					<view class='topheard' :style="{'margin-top':modelstype==0?'52px':(modelstype==1?'37px':(modelstype==2)?'33px':0) }" v-if="meueData.user_center.top_style == 1">
@@ -148,7 +148,32 @@
 						</view>
 					</view>
 				</view>
-				<view :class="meueData.user_center.menu_style == 1 ? 'menus2' : 'menus'" v-if="meueData.user_center&& meueData.user_center.is_menu_status == 1" style="margin-bottom: 50px;">
+				<template v-if="meueData.user_center&&meueData.user_center.nar_menus.length>0">
+					<view v-if="meueData.user_center && meueData.user_center.is_menu_status == 1" 
+						v-for="(mItem,mIndex) in meueData.user_center.nar_menus" :key="mIndex" :style="{'marginTop':mIndex==0&&(meueData.user_center.is_foot_bar_status==1||meueData.user_center.is_account_status==1)?'40px':''}" class="headCommon">
+						<view>{{mItem.MenuNavTitle}}</view>
+						<view :class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" style="width:100%;">
+							<view
+								:class="mItem.MenuNavStyle == 1 ? 'menus_item' : 'menus_item2'"
+								v-for="(item, index) in mItem.MeunList"
+								:key="index"
+								:name="item.name"
+								@click="goUrl(item.link_url)"
+								v-if="pandu(item)"
+							>
+								<image :src="item.icon_url" :style="{width:mItem.MenuNavStyle == 1 ?'20px':'12px',height: 'auto'}" mode="widthFix"
+								></image>
+								<Text
+									:style="{ 'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx', 'margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '10rpx' }"
+								>
+									{{ item.name }}
+								</Text>
+								<button open-type="contact" class="contButton"  v-if="item.link_url == 'contact' && item.name == '客服'"></button>
+							</view>
+						</view>
+					</view>
+				</template>
+			<!-- 	<view :class="meueData.user_center.menu_style == 1 ? 'menus2' : 'menus'" v-if="meueData.user_center&& meueData.user_center.is_menu_status == 1" style="margin-bottom: 50px;">
 					<view
 						:class="meueData.user_center.menu_style == 1 ? 'menus_item2' : 'menus_item'"
 						v-for="(item, index) in meueData.user_center.menus"
@@ -168,7 +193,7 @@
 						</Text>
 						<button open-type="contact" class="contButton"  v-if="item.link_url == 'contact' && item.name == '客服'"></button>
 					</view>
-				</view>
+				</view> -->
 				
 			<!-- 	<view class="copyright">
 					<image :src="meueData.user_center.copyright.pic_url" mode="widthFix" style="width: 95px;"></image>
@@ -543,7 +568,7 @@ export default {
 	display: flex;
 	flex-direction: column;
 	margin-top: 20rpx;
-	margin-bottom: 20px;
+	/* margin-bottom: 20px; */
 }
 .userStyle .menus .menus_item {
 	width: 25%;
@@ -688,4 +713,14 @@ export default {
 	display: flex;flex-direction: row;align-items: center;width: 100%;
 	margin-bottom: 20px;
 }
+.userStyle .miniHeadTop{
+	height:240px;
+}
+.userBox .headCommon{
+	width:94%;
+	margin-top:25px;
+}
+.userBox .headHasTOP{
+	margin-top:25px;
+}
 </style>