我的页面

src/pages/index/mine.vue

@@ -6,8 +6,8 @@
 		</u-navbar>
 		<view class="mine-content">
 			<view class="header-view">
-				<view class="head-image">
-					<u-avatar :src="headImageUrl" size="142" mode="circle"></u-avatar>
+				<view :class="['head-image', {'has-image': info.headImage}]">
+					<u-avatar :src="headImageUrl" :size="headSize" mode="circle"></u-avatar>
 				</view>
 				<view class="header-content">
 					<view class="name-view" @click="handleClickName">{{name}}</view>
@@ -19,7 +19,7 @@
 			</view>
 
 			<view class="list-view">
-				<u-cell-group>
+				<u-cell-group :border="false">
 					<view v-for="(item, index) in items" :key="index">
 						<u-cell-item :value="item.value" :border-bottom="false" @click="handleClick(index)">
 							<image slot="icon" :src="imageUrl + item.icon" :style="item.imageStyle"></image>
@@ -133,6 +133,9 @@
 			},
 			placeholderImage() {
 				return this.imageUrl + 'touxiang.png'
+			},
+			headSize() {
+				return this.info.headImage ? 136 : 144
 			}
 		},
 		onLoad() {
@@ -168,10 +171,12 @@
 		height: 100vh;
 		overflow: auto;
 		background-color: #FFFFFF;
+		z-index: -1;
 		
 		.header-image {
 			position: absolute;
 			width: 100%;
+			z-index: -1;
 		}
 		
 		
@@ -182,18 +187,22 @@
 			padding-left: 30rpx;
 		}
 		.mine-content {
-
 			.header-view {
 				padding: 30rpx 30rpx 80rpx 30rpx;
 				display: flex;
 				align-items: center;
 				.head-image {
-					width: 142rpx;
-					height: 142rpx;
+					width: 144rpx;
+					height: 144rpx;
+					background-color: #FFFFFF;
+					border-radius: 72rpx;
+					&.has-image {
+						border: 4rpx solid #FFFFFF;
+					}
 				}
 				.header-content {
 					color: #FFFFFF;
-					z-index: 0;
+					z-index: 1;
 					margin-left: 24rpx;
 					.name-view {
 						font-size: 44rpx;