h5样式优化

pages.json

@@ -55,7 +55,9 @@
 		{
 			"path": "pages/my/service",
 			"style": {
-				"navigationBarTitleText": "客服"
+				"navigationBarTitleText": "客服",
+				"navigationBarBackgroundColor": "#FE3EA5",
+				"navigationBarTextStyle": "white"
 			}
 		},
 		{
@@ -79,7 +81,9 @@
 		{
 			"path": "pages/my/welfare",
 			"style": {
-				"navigationBarTitleText": "福利中心"
+				"navigationBarTitleText": "福利中心",
+				"navigationBarBackgroundColor": "#FE3EA5",
+				"navigationBarTextStyle": "white"
 			}
 		},
 		{

pages/my/editInfo.vue

@@ -53,6 +53,9 @@
 				<view class="personal-tag">180cm</view>
 			</view>
 		</view>
+		<!-- #ifdef H5 -->
+		  <view style="height: 10rpx;"></view>
+		<!-- #endif -->
 	</view>
 </template>
 

pages/my/index.vue

@@ -53,7 +53,10 @@
 		</view>
 		<view class="adv">
 			<view>
-				<image src="../../static/logo.png" mode="widthFix" class="adv-pic"></image>
+				<!-- <image src="../../static/logo.png" mode="widthFix" class="adv-pic"></image> -->
+				<view class="logo-my">
+					<text class="lf-iconfont icon-dingzhi" style="font-size: 60rpx;color: white;"></text>
+				</view>
 			</view>
 			<view class="adv-content">
 				<view class="lf-color-222 lf-font-32 lf-m-b-15">
@@ -65,14 +68,18 @@
 		
 		<view class="classify lf-m-t-30">
 			<view class="card" v-for="(item,index) in list" @click="$url(item.path)">
-				<view>
-					<u-icon class="classify-icon" :name="item.icon"></u-icon>
+				<view class="lf-row-center" style="align-content: center;">
+					<!-- <u-icon class="classify-icon" :name="item.icon"></u-icon> -->
+					<image class="classify-icon" :src="item.pic" mode="aspectFill"></image>
 				</view>
 				<view>
 					{{item.name}}
 				</view>
 			</view>
 		</view>
+		<!-- #ifdef H5 -->
+		  <view style="height: 10rpx;"></view>
+		<!-- #endif -->
 	</view>
 </template>
 
@@ -81,14 +88,14 @@
 		data() {
 			return {
 				list: [
-					{name: '我的红娘',icon:'github-circle-fill',path: '/pages/my/exclusiveMatch'},
-					{name: '实名认证',icon:'email',path: '/pages/my/authentication'},
-					{name: '我的收藏',icon:'qzone',path: '/pages/my/collect'},
-					{name: '我的动态',icon:'moments'},
-					{name: '福利中心',icon:'red-packet',path:'/pages/my/welfare'},
-					{name: '公众号',icon:'google-circle-fill',path:'/pages/my/officialAccount'},
-					{name: '联系客服',icon:'kefu-ermai',path: '/pages/my/service'},
-					{name: '设置',icon:'setting',path: '/pages/my/setting'}
+					{name: '我的红娘',icon:'github-circle-fill',path: '/pages/my/exclusiveMatch',pic: '../../static/my/red.png'},
+					{name: '实名认证',icon:'email',path: '/pages/my/authentication',pic: '../../static/my/authen.png'},
+					{name: '我的收藏',icon:'qzone',path: '/pages/my/collect',pic: '../../static/my/collect.png'},
+					{name: '我的动态',icon:'moments',pic: '../../static/my/qzone.png'},
+					{name: '福利中心',icon:'red-packet',path:'/pages/my/welfare',pic: '../../static/my/welhare.png'},
+					{name: '公众号',icon:'google-circle-fill',path:'/pages/my/officialAccount',pic: '../../static/my/public.png'},
+					{name: '联系客服',icon:'kefu-ermai',path: '/pages/my/service',pic: '../../static/my/service.png'},
+					{name: '设置',icon:'setting',path: '/pages/my/setting',pic: '../../static/my/setting.png'}
 				]
 			}
 		},
@@ -129,6 +136,17 @@
 	page {
 		background-color: #F5F5F5;
 	}
+	
+	.logo-my {
+		width: 135rpx;
+		height: 135rpx;
+		background: linear-gradient(180deg, #FE3EA5 0%, #FE7251 100%);
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 15rpx;
+	}
 
 	.head-top {
 		width: 100%;
@@ -283,9 +301,9 @@
 		}
 	}
 	.classify-icon {
-		height: 45rpx;
+		height: 48rpx;
 		width: 45rpx;
-		font-size: 45rpx;
-		margin-bottom: 27rpx;
+		font-size: 48rpx;
+		margin-bottom: 22rpx;
 	}
 </style>

pages/my/memberDetails.vue

@@ -78,6 +78,9 @@
 				<button class="tabbar-btn">联系Ta</button>
 			</view>
 		</view>
+		<!-- #ifdef H5 -->
+		  <view style="height: 10rpx;"></view>
+		<!-- #endif -->
 		<!-- 回到顶部 -->
 		<u-back-top :scrollTop="pageScrollTop"></u-back-top>
 	</view>