[完善] 完成个人中心页面商户模块

pages/center/index.vue

@@ -3,7 +3,11 @@
 		<view class="lf-flex head">
 			<image class="user-img"></image>
 			<view class="user-info">
-				<view class="lf-font-40 lf-font-bold" style="width: 500rpx;">时空网的忠实网友</view>
+				<view class="lf-font-40 lf-font-bold" style="width: 500rpx;">
+					<text>时空网的忠实网友</text>
+					<text class="user-label">商户</text>
+					<text class="user-label">管理员</text>
+				</view>
 				<view class="lf-m-t-20 lf-font-28">
 					<text>ID 78873</text>
 					<text class="lf-m-l-30">135****7547</text>
@@ -57,6 +61,22 @@
 				</view>
 			</view>
 		</view>
+		<!-- 商家工具 -->
+		<view class="shop-list">
+			<view class="lf-row-between lf-m-b-20">
+				<view class="lf-font-36 lf-font-bold">商家工具</view>
+				<view class="lf-font-28" style="color: #555555;">李大叔家的店</view>
+			</view>
+			<view class="lf-row-between list-item" hover-class="lf-opacity">
+				<view>
+					<u-icon name="heart" size="50" class="lf-text-vertical"></u-icon>
+					<text class="lf-text-vertical lf-m-l-16 lf-font-32">卡券核销</text>
+				</view>
+				<view>
+					<u-icon name="arrow-right" size="40" color="#777777"></u-icon>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -101,6 +121,15 @@
 			flex: auto;
 			height: max-content;
 		}
+		.user-label{
+			display: inline-block;
+			font-size: 24rpx;
+			color: #FFFFFF;
+			background-color: #1E89FF;
+			padding: 4rpx 16rpx;
+			border-radius: 30rpx;
+			margin-left: 8rpx;
+		}
 	}
 	
 	.list{
@@ -109,6 +138,7 @@
 		background-color: #FFFFFF;
 		width: 100%;
 		height: auto;
+	}
 	.list-item{
 		border-bottom: 1rpx solid #EEEEEE;
 		height: 110rpx;
@@ -117,5 +147,14 @@
 			border-bottom: none;
 		}
 	}
+	
+	.shop-list{
+		margin-top: 20rpx;
+		width: 750rpx;
+		height: auto;
+		background-color: #FFFFFF;
+		padding: 30rpx 32rpx;
+		padding-bottom: 0;
+		box-sizing: border-box;
 	}
 </style>