lilei пре 4 година
родитељ
комит
1700ca4691
3 измењених фајлова са 24 додато и 29 уклоњено
  1. 24 29
      pages/index/index.vue
  2. BIN
      static/closeLottery.png
  3. BIN
      static/toLottery.png

+ 24 - 29
pages/index/index.vue

@@ -61,16 +61,18 @@
 		</view>
 		
 		<!-- 抽奖活动弹框 -->
-		<u-popup v-model="showLottery" mode="center" close-icon-color="#ffffff" closeable :border-radius="30" width="500rpx" height="450rpx">
+		<u-mask :show="showLottery" @click="showLottery = false">
 			<view class="lottery-content">
-				<view class="lottery-title">
-					年末活动来袭,幸福大转盘, 精彩好礼等你来抽!
-				</view>
-				<view @click="toLuckDraw" class="lottery-confrim-btn">
-					去抽奖
+				<view>
+					<view class="bg">
+						<u-image src="/static/toLottery.png" width="495rpx" height="466rpx" @click="toLuckDraw"></u-image>
+					</view>
+					<view class="close-btn" @click="showLottery = false">
+						<u-image src="/static/closeLottery.png" width="54rpx" height="163rpx"></u-image>
+					</view>
 				</view>
 			</view>
-		</u-popup>
+		</u-mask>
 	</view>
 </template>
 
@@ -391,30 +393,23 @@
 		}
 		.lottery-content{
 			display: flex;
+			align-items: center;
 			justify-content: center;
 			height: 100%;
-			position: relative;
-			background: url(../../static/lottery_winbg.jpg) no-repeat center top;
-			background-size: 100% auto;
-			.lottery-confrim-btn{
-				width: 100%;
-				display: flex;
-				justify-content: center;
-				position: absolute;
-				bottom: 0;
-				left: 0;
-				color: #21d5c0;
-				font-size: 32rpx;
-				border-top: 1px solid #eee;
-				padding: 30rpx 0;
-			}
-			.lottery-title{
-				padding: 100rpx 50rpx 50rpx;
-				display: flex;
-				align-items: center;
-				text-align: center;
-				color: #21d5c0;
-				font-size: 32rpx;
+			> view{
+				width: 495rpx;
+				height: 466rpx;
+				position: relative;
+				.close-btn{
+				 position: absolute;
+				 right: 32rpx;
+				 top: 0 ;
+				}
+				.bg{
+					position: absolute;
+					left: 0;
+					top: 0 ;
+				}
 			}
 		}
 		.storeList {

BIN
static/closeLottery.png


BIN
static/toLottery.png