py před 2 roky
rodič
revize
f13264e134
3 změnil soubory, kde provedl 42 přidání a 8 odebrání
  1. 6 4
      common/css/common.css
  2. 36 4
      pages/me/index.vue
  3. binární
      static/img/my/q.png

+ 6 - 4
common/css/common.css

@@ -79,6 +79,10 @@ image {
 	display: flex;
 	flex-direction: column;
 }
+.flex-direction {
+  display: flex;
+  flex-direction: column;
+}
 .display-flex {
 	display: flex;
 }
@@ -151,14 +155,12 @@ image {
 .fs-22{
 	font-size: 22rpx;
 }
-.fs-24{
-	font-size: 24rpx;
+.fs-26{
+	font-size: 26rpx;
 }
-
 .fs-32{
 	font-size: 32rpx;
 }
-
 .fs-34{
 	font-size: 34rpx;
 }

+ 36 - 4
pages/me/index.vue

@@ -12,10 +12,33 @@
 			</view>
 		</view>
 		<view class="function-one-box box-border-box">
-			<view class="function-one b-rad-20 bgc-f box-border-box mb-24">
-				
+			<view class="function-one b-rad-20 bgc-f box-border-box mb-24 align-items-center flex-justify-space">
+				<view class="my-function-box flex-direction align-items-center">
+					<image class="my-img" src="@/static/img/my/wdkq.png" mode=""></image>
+					<view class="fs-26">
+						我的卡券
+					</view>
+				</view>
+				<view class="my-function-box flex-direction align-items-center">
+					<image class="my-img" src="@/static/img/my/wdfb.png" mode=""></image>
+					<view class="fs-26">
+						我的发布
+					</view>
+				</view>
+				<view class="my-function-box flex-direction align-items-center">
+					<image class="my-img" src="@/static/img/my/wdpj.png" mode=""></image>
+					<view class="fs-26">
+						我的评价
+					</view>
+				</view>
+				<view class="my-function-box flex-direction align-items-center">
+					<image class="my-img" src="@/static/img/my/dzgl.png" mode=""></image>
+					<view class="fs-26">
+						地址管理
+					</view>
+				</view>
 			</view>
-			<view class="function-two">
+			<view class="function-two b-rad-20 box-border-box flex-justify-space">
 				
 			</view>
 		</view>
@@ -57,7 +80,7 @@
 	position: relative;
 }
 .user-box{
-	padding: 54rpx 32rpx 52rpx;
+	padding: 54rpx 32rpx;
 }
 .user-img{
 	width: 100%;
@@ -79,4 +102,13 @@
 .function-one{
 	padding: 24rpx 34rpx;
 }
+.function-two{
+	padding: 22rpx 40rpx 22rpx 32rpx;
+	background: linear-gradient( 90deg, #FFFFFF 47%, #FFF7E5 100%);
+}
+.my-img{
+	width: 80rpx;
+	height: 80rpx;
+	margin: 0 0 8rpx 0;
+}
 </style>

binární
static/img/my/q.png