5

Author: wanjingzhang

Vue3/vue3js/第1章/7.yang.html

@@ -304,6 +304,7 @@ <h1>{{ result ? "You Win！🎉" : "You Lose!😢" }}</h1>
                         cardMap[clearItem.z][clearItem.y][clearItem.x] = 0;
                     }
                     cardItemList.reverse();
+                    console.log(cardMap)
                     this.cardMap = cardMap;
                     this.cardItemList = cardItemList;
                 },
@@ -522,6 +523,18 @@ <h1>{{ result ? "You Win！🎉" : "You Lose!😢" }}</h1>
         .clear-item {
             pointer-events: none;
         }
+
+        .info-box {
+            position: fixed;
+            top: 0;
+            right: 0;
+            text-align: right;
+            pointer-events: none;
+        }
+
+        .info-box>span {
+            background-color: rgba(255, 0, 0, 0.2);
+        }
     </style>
 </body>