再优化样式

src/App.vue

@@ -61,7 +61,6 @@ export default {
   height: 100%;
   width: 100%;
   position: relative;
-  background-color: #a9c6a8;
 }
 
 // // 360浏览器不支持not()

src/views/Home.vue

@@ -42,7 +42,6 @@
           })"
         >
           {{ ' ' + item1.name }}
-          <!-- {{ '&emsp;' + item1.name }} -->
         </h2>
         <div
           v-for="(item2, idxL3) in item1.children"
@@ -58,7 +57,7 @@
               },
             })"
           >
-            &ensp;{{ item2.name }}
+            {{ ' ' + item2.name }}
           </h3>
         </div>
       </div>
@@ -239,7 +238,7 @@ export default {
           }
           &::before {
             display: inline-block;
-            content: '第' counter(counter-l3) '课';
+            content: counter(counter-l3) '.';
           }
         }
       }

src/views/Watch.vue

@@ -3,10 +3,13 @@
     class="watch-comp"
   >
     <Teleport
-      v-if="!hasPlayedGameRule"
       to="body"
     >
-      <GameRule />
+      <transition name="fade-out">
+        <GameRule
+          v-if="!hasPlayedGameRule"
+        />
+      </transition>
     </Teleport>
     <video
       src=""