.

src/components/pages/advanced.vue

@@ -269,12 +269,40 @@
 				确定
 			</div>
 		</el-dialog>
+		<el-dialog
+			title="提示"
+			:visible.sync="dialogVisible3"
+			:append-to-body="true"
+			width="80%"
+			:before-close="handleClose"
+			class="dialog_diy1"
+		>
+			<div style="margin-bottom: 15px">计算错误！</div>
+			<div
+				style="
+					width: 90px;
+					height: 25px;
+					border: 1px solid #75a8da;
+					text-align: center;
+					margin: 0 auto;
+					background: #75a8da;
+					color: #fff;
+					line-height: 25px;
+				"
+				@click="dialogVisible3 = false"
+			>
+				确定
+			</div>
+		</el-dialog>
 		<audio ref="source">
 			<source src="../../assets/twentyFour/clickM.mp3" type="audio/mpeg" />
 		</audio>
         <audio ref="vm">
 			<source src="../../assets/twentyFour/vM.mp3" type="audio/mpeg" />
 		</audio>
+		<audio ref="errs">
+			<source src="../../assets/twentyFour/err.mp3" type="audio/mpeg" />
+		</audio>
 	</el-container>
 </template>
 
@@ -300,6 +328,7 @@
 				dialogVisible: false,
 				dialogVisible1: false,
 				dialogVisible2: false,
+				dialogVisible3: false,
 				ts: 3,
 				tiMu: [],
 				nowGq: 0,
@@ -475,6 +504,7 @@
 			getVal(num, index) {
 				var num = parseInt(num);
 				var b = 0;
+				let a = 0;
 				this.$refs.source.play();
 				if (this.num1 && this.calc) {
 					this.num2 = num;
@@ -506,11 +536,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
-                                this.$refs.vm.play();
+								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -522,11 +567,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
-                                this.$refs.vm.play();
+								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -698,18 +758,22 @@
 	.cardF {
 		background-image: url("../../assets/twentyFour/xuanF.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardS {
 		background-image: url("../../assets/twentyFour/xuanS.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardT {
 		background-image: url("../../assets/twentyFour/xuanT.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardFour {
 		background-image: url("../../assets/twentyFour/xuanFour.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 
 	.h-sep {
@@ -840,21 +904,27 @@
 	}
 	.xuanFIsClick {
 		background-image: url("../../assets/twentyFour/xuanFIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanSIsClick {
 		background-image: url("../../assets/twentyFour/xuanSIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanTIsClick {
 		background-image: url("../../assets/twentyFour/xuanTIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanFourIsClick {
 		background-image: url("../../assets/twentyFour/xuanFourIsClick.png") !important;
+		opacity: 1;
 	}
 	.addIsClick {
 		background-image: url("../../assets/twentyFour/addIsClick.png") !important;
+		opacity: 1;
 	}
 	.reduceIsClick {
 		background-image: url("../../assets/twentyFour/reduceIsClick.png") !important;
+		opacity: 1;
 	}
 	.dialog_diy >>> .el-dialog__header {
 		background: #fa7258;

src/components/pages/fun.vue

@@ -307,12 +307,40 @@
 				确定
 			</div>
 		</el-dialog>
+		<el-dialog
+			title="提示"
+			:visible.sync="dialogVisible3"
+			:append-to-body="true"
+			width="80%"
+			:before-close="handleClose"
+			class="dialog_diy1"
+		>
+			<div style="margin-bottom: 15px">计算错误！</div>
+			<div
+				style="
+					width: 90px;
+					height: 25px;
+					border: 1px solid #75a8da;
+					text-align: center;
+					margin: 0 auto;
+					background: #75a8da;
+					color: #fff;
+					line-height: 25px;
+				"
+				@click="dialogVisible3 = false"
+			>
+				确定
+			</div>
+		</el-dialog>
 		<audio ref="source">
 			<source src="../../assets/twentyFour/clickM.mp3" type="audio/mpeg" />
 		</audio>
 		<audio ref="vm">
 			<source src="../../assets/twentyFour/vM.mp3" type="audio/mpeg" />
 		</audio>
+		<audio ref="errs">
+			<source src="../../assets/twentyFour/err.mp3" type="audio/mpeg" />
+		</audio>
 	</el-container>
 </template>
 
@@ -338,6 +366,7 @@
 				dialogVisible: false,
 				dialogVisible1: false,
 				dialogVisible2: false,
+				dialogVisible3: false,
 				ts: 3,
 				tiMu: [],
 				nowGq: 0,
@@ -532,6 +561,7 @@
 			getVal(num, index) {
 				var num = parseInt(num);
 				var b = 0;
+				let a = 0;
 				this.$refs.source.play();
 				if (this.num1 && this.calc) {
 					this.num2 = num;
@@ -563,11 +593,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "" || this.randomNum[i] === 0) {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -579,11 +624,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "" || this.randomNum[i] === 0) {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -595,11 +655,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "" || this.randomNum[i] === 0) {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -619,11 +694,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "" || this.randomNum[i] === 0) {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -811,18 +901,22 @@
 	.cardF {
 		background-image: url("../../assets/twentyFour/xuanF.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardS {
 		background-image: url("../../assets/twentyFour/xuanS.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardT {
 		background-image: url("../../assets/twentyFour/xuanT.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardFour {
 		background-image: url("../../assets/twentyFour/xuanFour.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 
 	.h-sep {
@@ -967,27 +1061,35 @@
 	}
 	.xuanFIsClick {
 		background-image: url("../../assets/twentyFour/xuanFIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanSIsClick {
 		background-image: url("../../assets/twentyFour/xuanSIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanTIsClick {
 		background-image: url("../../assets/twentyFour/xuanTIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanFourIsClick {
 		background-image: url("../../assets/twentyFour/xuanFourIsClick.png") !important;
+		opacity: 1;
 	}
 	.addIsClick {
 		background-image: url("../../assets/twentyFour/addIsClick.png") !important;
+		opacity: 1;
 	}
 	.reduceIsClick {
 		background-image: url("../../assets/twentyFour/reduceIsClick.png") !important;
+		opacity: 1;
 	}
 	.takeIsClick {
 		background-image: url("../../assets/twentyFour/takeIsClick.png") !important;
+		opacity: 1;
 	}
 	.removeIsClick {
 		background-image: url("../../assets/twentyFour/removeIsClick.png") !important;
+		opacity: 1;
 	}
 	.dialog_diy >>> .el-dialog__header {
 		background: #fa7258;

src/components/pages/index.vue

@@ -24,8 +24,8 @@
 			:before-close="handleClose"
 			class="dialog_diy1"
 		>
-			<div>使用数字和运算符进行运算.</div>
-			<div>汇总数字得24则通关！</div>
+			<div style="font-size: 0.9rem;">24 点是把 4 个整数(一般是正整数)通过加减乘除运算,使最后的计算结果是 24 的一个数学游戏,可以考验人的智力和数学敏感性。任意抽取4个数字,用加、减、乘、除(可加括号)把牌面上的数算成 24。</div>
+			<!-- <div>汇总数字得24则通关！</div> -->
 		</el-dialog>
 	</div>
 </template>

src/components/pages/master.vue

@@ -279,12 +279,40 @@
 				确定
 			</div>
 		</el-dialog>
+		<el-dialog
+			title="提示"
+			:visible.sync="dialogVisible3"
+			:append-to-body="true"
+			width="80%"
+			:before-close="handleClose"
+			class="dialog_diy1"
+		>
+			<div style="margin-bottom: 15px">计算错误！</div>
+			<div
+				style="
+					width: 90px;
+					height: 25px;
+					border: 1px solid #75a8da;
+					text-align: center;
+					margin: 0 auto;
+					background: #75a8da;
+					color: #fff;
+					line-height: 25px;
+				"
+				@click="dialogVisible3 = false"
+			>
+				确定
+			</div>
+		</el-dialog>
 		<audio ref="source">
 			<source src="../../assets/twentyFour/clickM.mp3" type="audio/mpeg" />
 		</audio>
 		<audio ref="vm">
 			<source src="../../assets/twentyFour/vM.mp3" type="audio/mpeg" />
 		</audio>
+		<audio ref="errs">
+			<source src="../../assets/twentyFour/err.mp3" type="audio/mpeg" />
+		</audio>
 	</el-container>
 </template>
 
@@ -310,6 +338,7 @@
 				dialogVisible: false,
 				dialogVisible1: false,
 				dialogVisible2: false,
+				dialogVisible3:false,
 				ts: 3,
 				tiMu: [],
 				nowGq: 0,
@@ -504,6 +533,7 @@
 			getVal(num, index) {
 				var num = parseInt(num);
 				var b = 0;
+				let a = 0
 				this.$refs.source.play();
 				if (this.num1 && this.calc) {
 					this.num2 = num;
@@ -535,11 +565,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -551,11 +596,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -567,11 +627,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -583,11 +658,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
 								this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -771,18 +861,22 @@
 	.cardF {
 		background-image: url("../../assets/twentyFour/xuanF.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardS {
 		background-image: url("../../assets/twentyFour/xuanS.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardT {
 		background-image: url("../../assets/twentyFour/xuanT.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardFour {
 		background-image: url("../../assets/twentyFour/xuanFour.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 
 	.h-sep {
@@ -927,27 +1021,35 @@
 	}
 	.xuanFIsClick {
 		background-image: url("../../assets/twentyFour/xuanFIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanSIsClick {
 		background-image: url("../../assets/twentyFour/xuanSIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanTIsClick {
 		background-image: url("../../assets/twentyFour/xuanTIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanFourIsClick {
 		background-image: url("../../assets/twentyFour/xuanFourIsClick.png") !important;
+		opacity: 1;
 	}
 	.addIsClick {
 		background-image: url("../../assets/twentyFour/addIsClick.png") !important;
+		opacity: 1;
 	}
 	.reduceIsClick {
 		background-image: url("../../assets/twentyFour/reduceIsClick.png") !important;
+		opacity: 1;
 	}
 	.takeIsClick {
 		background-image: url("../../assets/twentyFour/takeIsClick.png") !important;
+		opacity: 1;
 	}
 	.removeIsClick {
 		background-image: url("../../assets/twentyFour/removeIsClick.png") !important;
+		opacity: 1;
 	}
 	.dialog_diy >>> .el-dialog__header {
 		background: #fa7258;

src/components/pages/twentyFour.vue

@@ -266,12 +266,41 @@
 				确定
 			</div>
 		</el-dialog>
+		
+		<el-dialog
+			title="提示"
+			:visible.sync="dialogVisible3"
+			:append-to-body="true"
+			width="80%"
+			:before-close="handleClose"
+			class="dialog_diy1"
+		>
+			<div style="margin-bottom: 15px">计算错误！</div>
+			<div
+				style="
+					width: 90px;
+					height: 25px;
+					border: 1px solid #75a8da;
+					text-align: center;
+					margin: 0 auto;
+					background: #75a8da;
+					color: #fff;
+					line-height: 25px;
+				"
+				@click="dialogVisible3 = false"
+			>
+				确定
+			</div>
+		</el-dialog>
 		<audio ref="source">
 			<source src="../../assets/twentyFour/clickM.mp3" type="audio/mpeg" />
 		</audio>
-    <audio ref="vm">
+    	<audio ref="vm">
 			<source src="../../assets/twentyFour/vM.mp3" type="audio/mpeg" />
 		</audio>
+		<audio ref="errs">
+			<source src="../../assets/twentyFour/err.mp3" type="audio/mpeg" />
+		</audio>
 	</el-container>
 </template>
 
@@ -297,6 +326,7 @@
 				dialogVisible: false,
 				dialogVisible1: false,
 				dialogVisible2: false,
+				dialogVisible3: false,
 				ts: 3,
 				tiMu: [],
 				nowGq: 0,
@@ -471,6 +501,7 @@
 			getVal(num, index) {
 				var num = parseInt(num);
 				var b = 0;
+				let a = 0;
 				this.$refs.source.play();
 				if (this.num1 && this.calc) {
 					this.num2 = num;
@@ -502,11 +533,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++;
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
-                this.$refs.vm.play();
+                				this.$refs.vm.play();
+							}else if( a ==  this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if( a ==  this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -518,11 +564,26 @@
 							for (var i = 0; i < this.randomNum.length; i++) {
 								if (this.randomNum[i] != "") {
 									b++;
+								}else{
+									a++;
 								}
 							}
 							if (b == 1) {
 								this.dialogVisible2 = true;
-                this.$refs.vm.play();
+                				this.$refs.vm.play();
+							}else if(a == this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
+							}
+						}else{
+							for (var i = 0; i < this.randomNum.length; i++) {
+								if (this.randomNum[i] == "") {
+									a++;
+								}
+							}
+							if( a ==  this.randomNum.length-1){
+								this.dialogVisible3 = true;
+								this.$refs.errs.play();
 							}
 						}
 						this.resertFlag();
@@ -694,18 +755,22 @@
 	.cardF {
 		background-image: url("../../assets/twentyFour/xuanF.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardS {
 		background-image: url("../../assets/twentyFour/xuanS.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardT {
 		background-image: url("../../assets/twentyFour/xuanT.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 	.cardFour {
 		background-image: url("../../assets/twentyFour/xuanFour.png");
 		height: 120px;
+		opacity: 0.4;
 	}
 
 	.h-sep {
@@ -836,21 +901,27 @@
 	}
 	.xuanFIsClick {
 		background-image: url("../../assets/twentyFour/xuanFIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanSIsClick {
 		background-image: url("../../assets/twentyFour/xuanSIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanTIsClick {
 		background-image: url("../../assets/twentyFour/xuanTIsClick.png") !important;
+		opacity: 1;
 	}
 	.xuanFourIsClick {
 		background-image: url("../../assets/twentyFour/xuanFourIsClick.png") !important;
+		opacity: 1;
 	}
 	.addIsClick {
 		background-image: url("../../assets/twentyFour/addIsClick.png") !important;
+		opacity: 1;
 	}
 	.reduceIsClick {
 		background-image: url("../../assets/twentyFour/reduceIsClick.png") !important;
+		opacity: 1;
 	}
 	.dialog_diy >>> .el-dialog__header {
 		background: #fa7258;