v1.0.7

1、前门增加舞狮动画

components/QianmenScene.vue

@@ -201,6 +201,9 @@ onUnmounted(() => {
       class="sq1-image"
     />
     
+    <!-- 舞狮动画 -->
+    <div class="lion-dance"></div>
+
   </section>
 </template>
 
@@ -498,6 +501,29 @@ onUnmounted(() => {
   to { opacity: 1; transform: translateY(0); }
 }
 
+/* ========== 舞狮动画（背景图切换） ========== */
+.lion-dance {
+  position: absolute;
+  left: 0rpx;
+  top: 740rpx;
+  width: 425rpx;
+  height: 475rpx;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  animation: lionDance 0.9s infinite;
+  z-index: 25;
+}
+
+@keyframes lionDance {
+  0%, 16.66% { background-image: url('/static/animate/lion/lion1.png'); }
+  16.67%, 33.33% { background-image: url('/static/animate/lion/lion2.png'); }
+  33.34%, 50% { background-image: url('/static/animate/lion/lion3.png'); }
+  50.01%, 66.66% { background-image: url('/static/animate/lion/lion4.png'); }
+  66.67%, 83.33% { background-image: url('/static/animate/lion/lion5.png'); }
+  83.34%, 100% { background-image: url('/static/animate/lion/lion6.png'); }
+}
+
 /* 响应式设计 */
 @media (max-width: 640px) {
   .fu-word {