diff --git a/components/QianmenScene.vue b/components/QianmenScene.vue index a457226..dd60aaf 100644 --- a/components/QianmenScene.vue +++ b/components/QianmenScene.vue @@ -200,6 +200,9 @@ onUnmounted(() => { alt="新春祝福" class="sq1-image" /> + + +
@@ -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 { diff --git a/static/animate/lion/lion1.png b/static/animate/lion/lion1.png new file mode 100644 index 0000000..a8052cf Binary files /dev/null and b/static/animate/lion/lion1.png differ diff --git a/static/animate/lion/lion2.png b/static/animate/lion/lion2.png new file mode 100644 index 0000000..795e210 Binary files /dev/null and b/static/animate/lion/lion2.png differ diff --git a/static/animate/lion/lion3.png b/static/animate/lion/lion3.png new file mode 100644 index 0000000..1f6e977 Binary files /dev/null and b/static/animate/lion/lion3.png differ diff --git a/static/animate/lion/lion4.png b/static/animate/lion/lion4.png new file mode 100644 index 0000000..5c9a62f Binary files /dev/null and b/static/animate/lion/lion4.png differ diff --git a/static/animate/lion/lion5.png b/static/animate/lion/lion5.png new file mode 100644 index 0000000..caa9f91 Binary files /dev/null and b/static/animate/lion/lion5.png differ diff --git a/static/animate/lion/lion6.png b/static/animate/lion/lion6.png new file mode 100644 index 0000000..23dd38d Binary files /dev/null and b/static/animate/lion/lion6.png differ