Bladeren bron

爆炸效果修改

tanxue 2 maanden geleden
bovenliggende
commit
3515997cf7

+ 1 - 1
common/styles/global/pages.scss

@@ -1440,7 +1440,7 @@
 		.qipao-item-box:nth-child(3){top: 50rpx;left: 330rpx;}
 		.qipao-item-box:nth-child(4){top: 60rpx;right: 120rpx;}
 		.qipao-item-box:nth-child(5){top: 270rpx;right: 20rpx;}
-		.qipao-item-disabled{animation: fadeOut 1s forwards;}
+		.qipao-item-disabled{animation: fadeOut .2s forwards;}
 		@keyframes fadeOut {
 		    from {opacity: 1;}
 		    to {opacity: 0;}

+ 6 - 11
pages/zhuanti/zhuantiInfo.vue

@@ -113,7 +113,6 @@
 		moodSize({
 			type: type.value
 		}).then(res => {
-			console.log('res', res);
 			if (res.code == 0) {
 				bubbles.value = Array.from({
 					length: Number(res.data)
@@ -135,23 +134,19 @@
 		moodLess({
 			type: type.value
 		}).then(res => {
-			console.log('res', res);
 			if (res.code == 0) {
 
-				// if (isPlaying.value) {
-				// 	console.log('1231231231241242314');
-				// 	audioContext.value.stop();
-				// } else {
-				// 	console.log('bibo');
-				// 	audioContext.value.play(); // 开始播放
-				// }
+				if (isPlaying.value) {
+					audioContext.value.stop();
+				} else {
+					audioContext.value.play(); // 开始播放
+				}
 				bubbles.value[index].disabled = true;
 				bubbles.value[index].iconType = "polie-qipao-mask";
 				setTimeout(() => {
 					bubbles.value[index] = {};
-				}, 1000)
+				}, 200)
 
-				console.log('bubbles', bubbles.value);
 				// setTimeout(() => {
 				// 	bubbles.value.splice(index, 1)
 				// }, 1000)

BIN
static/images/zhuanti/baozha.gif


BIN
static/mp3/zhuanti/qipao.mp3