loading动画兼容safari

1

src/App.vue

@@ -106,29 +106,29 @@ body {
 }
 @-webkit-keyframes rotateplane {
   0% {
-    -webkit-transform: perspective(120px);
+    -webkit-transform: translateZ(120px);
   }
   50% {
-    -webkit-transform: perspective(120px) rotateY(180deg);
+    -webkit-transform: translateZ(120px) rotateY(180deg);
   }
   100% {
-    -webkit-transform: perspective(120px) rotateY(180deg);
+    -webkit-transform: translateZ(120px) rotateY(180deg);
   }
 }
 
 @keyframes rotateplane {
   0% {
-    transform: perspective(120px) rotateY(0deg);
-    -webkit-transform: perspective(120px) rotateY(0deg);
+    transform: translateZ(120px) rotateY(0deg);
+    -webkit-transform: translateZ(120px) rotateY(0deg);
   }
 
   50% {
-    transform: perspective(120px) rotateY(-179.9deg);
-    -webkit-transform: perspective(120px) rotateY(-179.9deg);
+    transform: translateZ(120px) rotateY(-179.9deg);
+    -webkit-transform: translateZ(120px) rotateY(-179.9deg);
   }
   100% {
-    transform: perspective(120px) rotateY(0deg);
-    -webkit-transform: perspective(120px) rotateY(0deg);
+    transform: translateZ(120px) rotateY(0deg);
+    -webkit-transform: translateZ(120px) rotateY(0deg);
   }
 }
 .el-table {