增加商品列表 视频列表 文章列表等样式代码

Signed-off-by: YangWork <yang@xixingwl.cn>

pages/tabbar/my/my.vue

@@ -2,14 +2,13 @@
 	<view> 
 		<view class="warp warp1" style="">
 			<view class="user" style="">
-				<image class="user-avatar" mode="aspectFit" :src="userInfo.avatar"
-					style="background-image: ../../../static/avatar.png;"></image>
 				<view class="user-info">
-					<h2> {{userInfo.nickname}} </h2>
-					<text> UID {{userInfo.uid}}</text>
-					<text> {{userInfo.account}}</text>
+					<text class="nickname"> {{userInfo.nickname}} </text>
+					<text> UID {{userInfo.uid}}</text> 
 					<text> 云深不知归处，爱你不会迷路</text>
 				</view>
+				<image class="user-avatar" mode="aspectFit" :src="userInfo.avatar"
+					style="background-image: ../../../static/avatar.png;"></image>
 			</view>
 			<view style="padding: 10rpx;"></view>
 			<view class="Grid">
@@ -41,9 +40,6 @@
 
 			<view style="padding: 10rpx;"></view>
 			<uni-list style="">
-				<uni-list-item title="列表左侧带略缩图"
-					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
-					thumb-size="sm" rightText="右侧文字" showArrow></uni-list-item>
 				<uni-list-item :showExtraIcon="true" :extraIcon="{color: '#4cd964',size: '25',type: 'gear'}"
 					title="列表左侧带扩展图标" clickable showArrow>
 				</uni-list-item>
@@ -118,20 +114,18 @@
 		display: flex;
 		flex-wrap: wrap;
 		justify-content: flex-start;
-		align-items: center;
-		padding-top: 180rpx;
+		align-items: center; 
+		padding: 180rpx 25rpx 25rpx 15rpx;
 		/* #ifdef H5 */
 		padding-top: 80rpx;
-		/* #endif */
-		padding-left: 15rpx;
-		padding-bottom: 25rpx;
+		/* #endif */ 
 		// background-image: url(/static/user/back.jpg);
 		// background-size: 100% 100%;
 		// background: linear-gradient(pink,#a900ff7a, pink);
 		.user-avatar {
 			width: 138rpx;
 			height: 138rpx;
-			border-radius: 50%;
+			border-radius: 50%; 
 		}
 
 		.user-info {
@@ -139,7 +133,12 @@
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
-			padding-left: 45rpx;
+			padding-left: 25rpx;
+			
+			.nickname{
+				font-size: 64rpx;
+				font-weight: 48rpx;
+			}
 		}
 	}
 </style>