会员页面完善

pages/member/index.vue

@@ -1,5 +1,12 @@
 <template>
 	<view class="content">
+		
+		<view class="location" @click="openLocation">
+			<image class="location_icon" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/menber/location.png" mode="aspectFill"></image>
+			<view>{{ userInfo.shopName }}</view>
+			<u-icon name="arrow-right" color="#575B66" size="28"></u-icon>
+		</view>
+		
 		<view class="card_info flex-colum">
 			<view class="title">账户余额(元)</view>
 			<view class="card_info_con flex-between">
@@ -97,6 +104,9 @@
 			console.log(this.shopId)
 		},
 		methods: {
+				
+			openLocation () {
+			},
 			async init() {
 				let res = await this.api.shopUserInfo({
 					"shopId": this.shopId,
@@ -262,7 +272,24 @@
 	}
 
 	.content {
-		padding: 0 20rpx;
+		padding: 16rpx 20rpx 0 20rpx;
+		
+		.location{
+			display: flex;
+			align-items: center;
+			background-color: #fff;
+			padding: 16rpx 28rpx 18rpx 28rpx;
+			margin-bottom: 32rpx;
+			border-radius: 12rpx;
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #333333;
+			.location_icon{
+				width: 20rpx;
+				height: 26rpx;
+				margin-right: 20rpx;
+			}
+		}
 		
 		.card_info{
 			width: 100%;
@@ -409,7 +436,7 @@
 				// align-items: center;
 				margin-bottom: 18rpx;
 				.explain-top_title{
-					font-weight: 500;
+					font-weight: bold;
 					font-size: 32rpx;
 					color: #333333;
 				}
@@ -423,7 +450,7 @@
 				display: flex;
 				flex-direction: column;
 				.explain_content_title{
-					font-weight: 500;
+					font-weight: bold;
 					font-size: 32rpx;
 					color: #333333;
 					margin-bottom: 20rpx;