96 UI optimization (#122)

* fix(home): 🐛 解决多次切换路由后页面卡顿的问题 #96

卸载路由时清除requestAnimationFrame

* feat: ✨ 文件存储使用Blob格式

* style: 💄 修改部分类型any为具体类型

* feat: ✨ 界面设置中模块使用瀑布流布局 #96

* fix: 🐛 md文档更换文件夹解决控制台警告

* style: 💄 switch按钮改回使用daisyui组件

* refactor: ♻️ 所有人员列表提取tableColumn

* style: 💄 奖项列表中的图片类型修复

src/views/Demo/index.vue

@@ -1,29 +1,18 @@
 <script setup lang='ts'>
-import { ref } from 'vue'
+import WaterFall from '@/components/Waterfall/index.vue'
 </script>
 
 <template>
-  <div>
-    <h2 class="text-3xl animate-pulse bg-linear-to-r from-primary via-secondary to-accent bg-clip-text text-transparent">
-      两京一十三省
-    </h2>
-
-    <h2>两京一十三省</h2>
-
-    <h2>两京一十三省</h2>
-
-    <h2>两京一十三省</h2>
-
-    <h2>两京一十三省</h2>
-
-    <h2>两京一十三省</h2>
-
-    <h2>两京一十三省</h2>
-  </div>
+  <WaterFall>
+    <div class="bg-pink-500 h-20 w-48" />
+    <div class="bg-blue-500 h-30 w-48" />
+    <div class="bg-yellow-500 h-40 w-48" />
+    <div class="bg-green-500 h-20 w-48" />
+    <div class="bg-red-500 h-30 w-48" />
+    <div class="bg-purple-500 h-50 w-48" />
+  </WaterFall>
 </template>
 
-<style lang='scss' scoped>
-.dark-title {
-  color: red;
-}
+<style scoped>
+
 </style>