feat: celebration page and games

Author: shdancer

.vitepress/config.ts

@@ -25,5 +25,15 @@ export default defineConfig({
             prev: '上一页',
             next: '下一页'
         }
+    },
+    vite: {
+        server: {
+            proxy: {
+                "/api": {
+                    target: "https://anniversary.fduhole.com",
+                    changeOrigin: true
+                }
+            }
+        }
     }
 })

package.json

@@ -24,5 +24,8 @@
       "tailwindcss": {}
     }
   },
-  "packageManager": "[email protected]+sha1.a58c038faac410c947dbdb93eb30994037d0fce2"
+  "packageManager": "[email protected]+sha1.a58c038faac410c947dbdb93eb30994037d0fce2",
+  "dependencies": {
+    "@vueuse/core": "^13.1.0"
+  }
 }

pnpm-lock.yaml

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue';
+import { useFetch } from '@vueuse/core';
+
+const floorNumber = 114514
+
+const position = ref(0)
+
+const positionString = computed(() => {
+    return `${position.value}%`
+})
+
+
+const { isFetching, error, data } = useFetch(`/api/floors/${floorNumber}/_special?order_by=id&size=100&sort=asc&offset=0`).get().json()
+
+const messages: any = computed(() =>
+    data.value?.map(item => ({
+        content: item.content,
+        name: item.anonyname,
+    }))?.filter(item => !item.content.includes("!()")) ?? []
+)
+const interval = setInterval(() => {
+    position.value -= 0.003
+    if (position.value > 100) {
+        position.value = 0
+    }
+}, 10)
+
+
+
+</script>
+
+<template>
+    <div class="bg-gray-100 rounded-xl shadow-inner overflow-hidden p-3 flex ">
+        <div class="flex items-center gap-4 flex-nowrap move">
+            <div v-for="message in messages">
+                <div class="flex text-nowrap">
+                    <b>
+                        {{ message.content }}
+                    </b>
+                    <i>
+                        by
+                        {{ message.name }}
+                    </i>
+                </div>
+            </div>
+        </div>
+
+
+    </div>
+</template>
+
+<style scoped>
+.move {
+    transform: translateX(v-bind(positionString));
+}
+</style>

src/components/BlessingBar.vue

@@ -0,0 +1 @@
+{"paths":{"1":["effects/builtin-2d-spine",0],"2":["effects/builtin-2d-gray-sprite",0],"3":["effects/builtin-2d-sprite",0],"4":["materials/builtin-unlit",1],"5":["effects/builtin-3d-trail",0],"6":["effects/builtin-2d-graphics",0],"7":["materials/builtin-2d-gray-sprite",1],"8":["materials/builtin-3d-particle",1],"9":["materials/builtin-3d-trail",1],"11":["effects/builtin-unlit",0],"12":["materials/builtin-2d-base",1],"13":["materials/builtin-2d-spine",1],"14":["effects/builtin-3d-particle",0],"15":["materials/builtin-2d-graphics",1],"16":["effects/builtin-clear-stencil",0],"17":["materials/builtin-clear-stencil",1],"18":["materials/builtin-2d-label",1],"19":["materials/builtin-2d-sprite",1],"20":["effects/builtin-2d-label",0]},"types":["cc.EffectAsset","cc.Material"],"uuids":["02delMVqdBD70a/HSD99FK","0ek66qC1NOQLjgYmi04HvX","14TDKXr2NJ6LjvHPops74o","28dPjdQWxEQIG3VVl1Qm6T","2aKWBXJHxKHLvrBUi2yYZQ","2afAA24LNP4YmYiaVLiivs","30aC+Hnw1PF4pEcoY3kUYb","3ae7efMv1CLq2ilvUY/tQi","43L6CczwNM/6GGmCYEQIoH","46bU+b5fROqIXVPG6aZWWK","60AwGqM1dKELCGhPAR+jK6","6dkeWRTOBGXICfYQ7JUBnG","6fgBCSDDdPMInvyNlggls2","7a/QZLET9IDreTiBfRn2PD","82migssElAGb04Ws6NimQX","a1U5RdJRFMFL57BdJC9H1X","c0BAyVxX9JzZy8EjFrc9DU","cffgu4qBxEqa150o1DmRAy","e0LYfU5ZlNFoAB4UiRrGUG","ecpdLyjvZBwrvm+cedCcQy","f1h0LXVtJOta5JLZ1xCzfI"],"scenes":{},"redirect":[],"deps":[],"packs":{"0b6c4470e":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]},"name":"internal","importBase":"import","nativeBase":"native","debug":false,"isZip":false,"encrypted":false,"versions":{"import":["0b6c4470e","9537f"],"native":[0,"cea68",10,"c3a3a"]}}