修改首页个人信息样式

components/menuAssembly/index.vue

@@ -354,6 +354,7 @@ export default {
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	box-shadow: 0px 3px 2px  #f4f2f2;
 }
 
 .nav-left-item:last-child {

pages/menu/menu.vue

@@ -11,18 +11,24 @@
 			</view>
 			<view class="login-area">
 				<view class="avatar">
-					<image :src="'../../static/logo.png'"></image>
+					<image :src="'../../static/touxiang.png'"></image>
 				</view>
 				<view class="user-info" @click="goToMyPage(userms)">
+					<view class="user-infocontent">
 						<view class="user-name" v-if="userms">HI！{{ userInfo.customerName || '我是谁' }}</view>
 						<view class="user-name" v-else>未登录</view>
 						<view class="dialog">
-						<view class="content" v-if="userms">希望你今天，明天，天天都开心~</view>
+							<view class="content" v-if="userms">如果以后再也见不到你，那就祝你早安，午安，晚安...</view>
 							<view class="content" v-if="!userms">请您尽快登录</view>
 						</view>
 					</view>
+					<view>
+						<u-icon name="arrow-right" class="arrow-right-select" color="#717171"></u-icon>
+					</view>
+				</view>
 				<button class="login-btn" v-if="!userms" open-type="getPhoneNumber"
-					@getphonenumber="getPhoneNumber">立刻登录</button>
+					@getphonenumber="getPhoneNumber">立刻登录
+				</button>
 
 			</view>
 		</view>
@@ -280,12 +286,14 @@ export default {
 		.shop-box {
 			min-width: 300rpx;
 			font-size: 28rpx;
-			font-family: PingFangSC-Semibold, PingFang SC;
-			font-weight: 600;
+			font-family: PingFangSC-Medium, PingFang SC;
 			display: flex;
 
 			.shop-name {
 				flex: 1;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-size: 32rpx;
+				color: #000000;
 			}
 
 			.arrow-right-select {
@@ -299,7 +307,7 @@ export default {
 			font-family: PingFangSC-Regular, PingFang SC;
 			font-weight: 400;
 			color: #FFFFFF;
-			line-height: 42rpx;
+			line-height: 50rpx;
 		}
 	}
 }
@@ -315,60 +323,60 @@ export default {
 
 	.login-area {
 		display: flex;
-		width: 624rpx;
-		height: 88rpx;
-		padding: 20rpx 22rpx;
-		background: rgba(255, 255, 255, 0.2);
-		box-shadow: 0rpx 4rpx 6rpx 0rpx rgba(0, 0, 0, 0.1);
-		border-radius: 10rpx;
-		backdrop-filter: blur(10rpx);
+		width: 684rpx;
+		height: 100rpx;
+		padding:16rpx 28rpx;
+		background: #ffffff;
 		position: absolute;
 		z-index: 1;
-		bottom: 0;
-		left: 64rpx;
+		bottom: -10rpx;
+		left: 34rpx;
 		box-sizing: border-box;
+		box-shadow: 0px 3px 2px  #f4f2f2;
+		z-index: 9;
 
 		.avatar {
 			display: flex;
 			justify-items: center;
 			align-items: center;
-			background: red;
-			width: 50rpx;
-			height: 48rpx;
+			width: 70rpx;
+			height: 70rpx;
 			margin-right: 22rpx;
-			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(50, 50, 50, 0.25);
 			border-radius: 4rpx;
-
 			image {
 				width: 100%;
 				height: 100%;
-			}
-
-			;
+				border-radius: 60rpx;
+			};
 		}
 
 		.user-info {
 			flex: 1;
-
+			display: flex;
+			align-items: center;
+			height: 70rpx;
+			justify-content:space-between;
+			flex-wrap:nowrap;
 			.user-name {
 				height: 28rpx;
-				font-size: 20rpx;
+				font-size: 25rpx;
 				font-family: ArialMT;
-				color: #FFFFFF;
-				line-height: 22rpx;
+				font-weight:bolder;
+				line-height: 25rpx;
 			}
 
 			.dialog {
 				display: flex;
 				height: 22rpx;
-				font-size: 16rpx;
+				font-size: 20rpx;
 				font-family: PingFangSC-Regular, PingFang SC;
 				font-weight: 400;
-				color: #FFFFFF;
-				line-height: 22rpx;
+				margin-top: 8rpx;
 
 				.content {
 					flex: 1;
+					letter-space:20rpx;
+					color: #666666;
 				}
 
 				.arrow {