修复动画效果在某些机型上显示问题

pages/common/addBLE/addEquip.vue

@@ -163,7 +163,7 @@
 				}
 			});
 			//已连接过但没绑定过的设备
-			let noDev=ble.data.LinkedList.filter(v=>{
+			let noDev = ble.data.LinkedList.filter(v => {
 				return !(v.device && v.device.id);
 			}).map(v => {
 				return {
@@ -173,10 +173,10 @@
 					"localName": v.name,
 				}
 			});
-			delArr=delArr.concat(noDev);
-			
+			delArr = delArr.concat(noDev);
+
 			console.log("可能搜不到的设备=", delArr);
-			 this.EquipMents = delArr;
+			this.EquipMents = delArr;
 
 
 
@@ -289,7 +289,7 @@
 						ble.subScribe(deviceId, false); //取消订阅消息
 						ble.DropDevice(deviceId); //从缓存中删除该设备
 						ble.disconnectDevice(deviceId); //断开与该设备的连接
-						these.device.deviceMac="";
+						these.device.deviceMac = "";
 						let index = this.PairEquip.findIndex(function(v) {
 							return v.deviceId == deviceId;
 						});
@@ -539,7 +539,10 @@
 		position: absolute;
 		border-radius: 50%;
 		background-color: #bbe60033;
-		animation: expand 3s infinite ease-out;
+		animation: expand 4s infinite ease-out;
+		display: inline-block;
+		transform: translate(-50%, -50%);
+
 	}
 
 	.circle:nth-child(2) {
@@ -555,14 +558,19 @@
 			width: 0;
 			height: 0;
 			opacity: 0.8;
-			transform: translate(-50%, -50%);
+
+		}
+
+		50% {
+			opacity: 0.5;
+			/* 增加中间过渡 */
 		}
 
 		100% {
 			width: 18.75rem;
 			height: 18.75rem;
-			opacity: 0;
-			transform: translate(-50%, -50%);
+			opacity: 0.2;
+
 		}
 	}