简单上个背景色

src/pages/main.vue

 <template>
+    <view id = 'main_page'>
         <transition name = 'page'>
             <view v-show = 'loading' class = 'background'>
                 <view class = 'pic' v-html = 'Const.pic.hajimi'></view>
             </view>
         </transition>
         <Tabulator/>
+    </view>
 </template>
 <script setup lang = 'ts'>
     import { ref, reactive, onMounted, onUnmounted, onBeforeMount, watch} from 'vue';
@@ -39,10 +41,15 @@
 </script>
 <style scoped lang = 'scss'>
     @import '../style/transition.scss';
+    #main_page {
+        background: linear-gradient(to right, rgb(255, 228, 230), white, white, white, rgb(204, 251, 241));
+        height: 100%;
+        min-height: 100vh;
+        width: 100%;
         .background {
             position: fixed;
-        background: linear-gradient(45deg, rgb(0, 162, 255), rgb(0, 72, 255));
-        width: 100vw;
+            background: linear-gradient(to right, rgb(134, 239, 172), rgb(59, 130, 246), rgb(147, 51, 234));
+            width: 100%;
             height: 100vh;
             z-index: 100;
             font-family: 'Courier New', monospace;
@@ -62,4 +69,5 @@
             position: fixed;
             z-index: 1;
         }
+    }
 </style>
\ No newline at end of file

src/style/tournament.scss

@@ -79,7 +79,7 @@
 
         .match {
             border: 1px solid gray;
-            z-index: 1;
+            z-index: 0;
             // left : 100%;
             width: 100%;
             background-color: white;