py 2 anos atrás
pai
commit
4646afcaab
1 arquivos alterados com 15 adições e 11 exclusões
  1. 15 11
      pages/index/index.vue

+ 15 - 11
pages/index/index.vue

@@ -137,9 +137,8 @@
 			<view class="roll-pop">
 				<!-- <image class="lq-bg" src="@/static/img/index/lq-bg.png" mode=""></image> -->
 				<image class="tc-top" src="@/static/img/index/tc-top.png" mode=""></image>
-				<image class="tc-content" src="@/static/img/index/tc-content.png" mode=""></image>
-				<image class="tc-bot" src="@/static/img/index/tc-bot.png" mode=""></image>
 				<view class="coupon-box">
+					<image class="tc-content" src="@/static/img/index/tc-content.png" mode=""></image>
 					<view class="item-box display-flex mb-20" v-for="(item,index) in couponData" :key="index">
 						<view class="item-right flex-direction flex-justify-center flex-1 bgc-FCE7E2">
 							<view class="fs-28 mb-12 ticket-name text-overflow-ellipsis fc-3 fw-600">
@@ -164,6 +163,7 @@
 						</view>
 					</view>
 				</view>
+				<image class="tc-bot" src="@/static/img/index/tc-bot.png" mode=""></image>
 				<uni-icons @click="gbPOp" class="pop-gb" color='#fff' type="close" size="30"></uni-icons>
 			</view>
 		</uni-popup>
@@ -478,18 +478,12 @@
 	.roll-pop {
 		position: relative;
 		width: 100vw;
-		height: 1000rpx;
+		// height: 1000rpx;
 
 		.tc-top {
 			width: 100%;
 			height: 202rpx;
 		}
-
-		.tc-content {
-			width: 100%;
-			max-height: 590rpx;
-		}
-
 		.tc-bot {
 			width: 100%;
 			height: 178rpx;
@@ -499,14 +493,24 @@
 			width: 56rpx;
 			height: 56rpx;
 			position: absolute;
-			bottom: -52rpx;
+			bottom: -65rpx;
 			left: calc((100% - 28rpx) / 2);
 		}
 	}
 
 	.coupon-box {
-		padding: 246rpx 82rpx 0 92rpx;
+		width: 100%;
+		// min-height: 590rpx;
+		padding: 0 82rpx 0 92rpx;
 		box-sizing: border-box;
+		position: relative;
+		.tc-content {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 100%;
+		}
 	}
 
 	.index-box {