增加状态

src/pages/webgl_rxdz_krpano720/webgl_rxdz_krpano720.html

@@ -13,7 +13,7 @@
 	</div>
 	<div class="music-view rows justify-center" v-if="bgMusic.title">
 		<img class="icon-yinle" src="https://dm.static.elab-plus.com/miniProgram/music_icon.png" alt=""></img>
-		{{bgMusic.title}}
+		{{bgMusic.title || ''}}
 	</div>
 	<div id="lottie-view" class="lottie-view" v-show="showAnim"></div>
 	<!-- 中奖蒙层 -->
@@ -34,6 +34,32 @@
 			</div>
 			<div class="btn btn-style rows justify-center" @click="closeLottery">立即收下</div>
 		</div>
+		<!-- 已经领过了 -->
+		<div class="main fail" v-else-if="result.status==2">
+			<div class="iconfont icon-cancel" @click="closeLottery"></div>
+			<div class="common-title">
+				领过啦！
+			</div>
+			<div class="common-desc">
+				已领过该礼包<br />
+				去广场看看其他作品吧！
+			</div>
+			<img class="common-img1 imgSty2" src="https://dm.static.elab-plus.com/miniProgram/hasRedImg.png" alt=""></img>
+			<div class="btn common-style rows justify-center" @click="closeLottery">知道了</div>
+		</div>
+		<!-- 礼盒领完了 -->
+		<div class="main fail" v-else-if="result.status==3">
+			<div class="iconfont icon-cancel" @click="closeLottery"></div>
+			<div class="common-title">
+				礼包已抢完
+			</div>
+			<div class="common-desc">
+				礼包已被抢完了！<br />
+				去广场看看其他作品吧
+			</div>
+			<img class="common-img1" src="https://dm.static.elab-plus.com/miniProgram/red-over.png" alt=""></img>
+			<div class="btn common-style rows justify-center" @click="closeLottery">知道了</div>
+		</div>
 		<!-- 过期 -->
 		<div class="main fail" v-else-if="result.status==4">
 			<div class="iconfont icon-cancel" @click="closeLottery"></div>
@@ -47,17 +73,43 @@
 			<img class="common-img" src="https://dm.static.elab-plus.com/miniProgram/red-fail.png" alt=""></img>
 			<div class="btn common-style rows justify-center" @click="closeLottery">知道了</div>
 		</div>
-		<!-- 抢完了 -->
-		<div class="main fail" v-else-if="result.status==3">
+		<!-- 达到金额领取限制 -->
+		<div class="main fail" v-else-if="result.status==5">
 			<div class="iconfont icon-cancel" @click="closeLottery"></div>
 			<div class="common-title">
-				礼包已抢完
+				达到金额领取上限
 			</div>
 			<div class="common-desc">
-				礼包已被抢完了！<br />
-				去广场看看其他作品吧
+				抱歉，您领取金额已达到<br />
+				今日可领取上限，明日再来吧~
 			</div>
-			<img class="common-img1" src="https://dm.static.elab-plus.com/miniProgram/red-over.png" alt=""></img>
+			<img class="common-img1 imgSty3" src="https://dm.static.elab-plus.com/miniProgram/fail-img.png" alt=""></img>
+			<div class="btn common-style rows justify-center" @click="closeLottery">知道了</div>
+		</div>
+		<!-- 达到领取次数限制 -->
+		<div class="main fail" v-else-if="result.status==6">
+			<div class="iconfont icon-cancel" @click="closeLottery"></div>
+			<div class="common-title">
+				领取次数已用完
+			</div>
+			<div class="common-desc">
+				抱歉，今日领取次数已用完，<br />
+				明日再来吧~
+			</div>
+			<img class="common-img1 imgSty3" src="https://dm.static.elab-plus.com/miniProgram/fail-img.png" alt=""></img>
+			<div class="btn common-style rows justify-center" @click="closeLottery">知道了</div>
+		</div>
+		<!-- 达到创建次数限制 -->
+		<div class="main fail" v-else-if="result.status==7">
+			<div class="iconfont icon-cancel" @click="closeLottery"></div>
+			<div class="common-title">
+				创建次数已用完
+			</div>
+			<div class="common-desc">
+				抱歉，今日创建次数已用完，<br />
+				明日再来吧~
+			</div>
+			<img class="common-img1 imgSty3" src="https://dm.static.elab-plus.com/miniProgram/fail-img.png" alt=""></img>
 			<div class="btn common-style rows justify-center" @click="closeLottery">知道了</div>
 		</div>
 	</div>

src/pages/webgl_rxdz_krpano720/webgl_rxdz_krpano720.scss

@@ -8,8 +8,8 @@
 	width: 72px;
 	height: 72px;
 	background: rgba(0, 0, 0, 0.5);
-	right: 20px;
-	top: 20px;
+	left: 30px;
+	top: 30px;
 	border-radius: 50%;
 	z-index: 99999;
 }
@@ -23,7 +23,7 @@ page {
 }
 .music-view{
 	position: absolute;
-	left: 42px;
+	right: 30px;
 	top: 38px;
 	font-family: "Verdana";
 	font-weight: 400;
@@ -147,6 +147,16 @@ page {
 		width: 204.72px;
 		height: 148.5px;
 		opacity: 0.46;
+		object-fit: cover;
+	}
+	.imgSty2{
+		margin-top: 23px;
+		width: 158px;
+		height: 172.24px;
+	}
+	.imgSty3{
+		width: 111px;
+		height: 111px;
 	}
 	.icon-cancel{
 		position: absolute;

src/pages/webgl_rxdz_krpano720/webgl_rxdz_krpano720.vue

@@ -53,7 +53,7 @@
 				showLottery:false,//是否显示中红包状态
 				result:{
 					"amount": 0,	//抢的红包金额
-					"status": 0,	//状态 1：领取成功，2：已经领过了，3：礼盒领完了，4：礼盒已过期，5：网络异常"
+					"status": -1,	//状态 1：领取成功，2：已经领过了，3：礼盒领完了，4：礼盒已过期，5：达到金额领取限制，6：达到领取次数限制，7：达到创建次数限制
 				},	//中奖
 				showAnim:false,	//是否添加lottie动画
 				anim:null,
@@ -142,14 +142,6 @@
 					this.showLottery = true;
 					if(this.result.status==1){
 						this.lottieAni()
-					}else if(this.result.status==5){
-						Toast({
-							message: '已达到限制！',
-						});
-					}else if(this.result.status==2){
-						Toast({
-							message: '已经领过了！',
-						});
 					}
 				}else{
 					this.result = null;