Browse Source

优化样式

wly 2 weeks ago
parent
commit
967e1ca9bd
2 changed files with 16 additions and 6 deletions
  1. 11 2
      pages/w3/invite.scss
  2. 5 4
      pages/w3/invite.vue

+ 11 - 2
pages/w3/invite.scss

@@ -26,9 +26,18 @@ page {
 	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
 }
 .myinfo {
-	width: 690rpx;display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;justify-content: center;
+	width: 690rpx;display:flex;flex-direction: column;margin:0rpx 30rpx 60rpx;justify-content: center;
 	.imgList {
-		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+		width: 100%;
+		height: 249rpx;
+		display: flex;justify-content: space-around;
+		position: relative;
+		.imgItem{
+			position: absolute;
+			bottom: -60rpx;
+			display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+			z-index: 1;
+		}
 	}
 	
 	.numlist {

+ 5 - 4
pages/w3/invite.vue

@@ -10,10 +10,11 @@
 			<view class="myinfo">
 				<view class="line"></view>
 
-				<view style="margin-top: 20rpx;" class="imgList">
-
-					<image style="height: 160rpx;" src="http://c.yujianmate.com/images/v1/w3/invite_txt.png" mode="heightFix" />
-					<image style="height: 256.69rpx;" src="http://c.yujianmate.com/images/v1/w3/goldenCoin.png" mode="heightFix" />
+				<view class="imgList">
+					<view class="imgItem">
+						<image style="height: 160rpx;" src="http://c.yujianmate.com/images/v1/w3/invite_txt.png" mode="heightFix" />
+						<image style="height: 256.69rpx;" src="http://c.yujianmate.com/images/v1/w3/goldenCoin.png" mode="heightFix" />
+					</view>
 				</view>
 
 				<view style="margin-top: 24rpx;" class="numlist">