增加加载动画

src/pages/tabulator.vue

@@ -26,6 +26,9 @@
                 </uni-list-chat>
             </uni-list>
         </view>
+        <transition name = 'switch'>
+            <uni-icons id = 'progress' type = 'spinner-cycle' v-if = 'Loading' size = '80'></uni-icons>
+        </transition>
         <view class = 'click head'><uni-list><uni-list-chat></uni-list-chat></uni-list></view>
         <Pics
             :style = "{
@@ -147,7 +150,7 @@
     import { ref, reactive, onMounted, onUnmounted, onBeforeMount, watch} from 'vue';
     import { TournamentFindObject, TournamentCreateObject, ruleSettings, UserObject } from '../script/type.ts';
     import UniApp from '../script/uniapp.ts';
-    import { Tabulator, User} from '../script/post.ts';
+    import { Tabulator, User, Loading } from '../script/post.ts';
     import Tournament from '../script/tournament.ts';
     import Mycard from '../script/mycard.ts';
     import emitter from '../script/emitter.ts'

src/style/page.scss

@@ -11,6 +11,22 @@
             }
         }
     }
+    #progress {
+        @keyframes spin {
+            from {
+            transform: rotate(0deg);
+            }
+            to {
+            transform: rotate(360deg);
+            }
+        }
+        position: fixed;
+        top : 20%;
+        width: 100%;
+        margin: 0 auto;
+        z-index: 4;
+        animation: spin 2s linear infinite;
+    }
     #really {
         box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
         // background-color: white;

src/style/tournament.scss

 .PageTournament {
     #PageTournament {
         #round {
-            // display: flex;
-            // column-gap: 10%;
             div {
                 display: flex;
                 column-gap: 10%;