feat: add lenis

bun.lock

@@ -12,6 +12,7 @@
         "daisyui": "^5.0.50",
         "echarts": "^6.0.0",
         "element-plus": "^2.13.2",
+        "lenis": "^1.3.17",
         "lucide-vue-next": "^0.563.0",
         "motion-v": "^1.6.1",
         "pinia": "^3.0.3",
@@ -830,6 +831,8 @@
 
     "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
 
+    "lenis": ["lenis@1.3.17", "", { "peerDependencies": { "@nuxt/kit": ">=3.0.0", "react": ">=17.0.0", "vue": ">=3.0.0" }, "optionalPeers": ["@nuxt/kit", "react", "vue"] }, "sha512-k9T9rgcxne49ggJOvXCraWn5dt7u2mO+BNkhyu6yxuEnm9c092kAW5Bus5SO211zUvx7aCCEtzy9UWr0RB+oJw=="],
+
     "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],
 
     "lightningcss": ["lightningcss@1.30.1", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-darwin-arm64": "1.30.1", "lightningcss-darwin-x64": "1.30.1", "lightningcss-freebsd-x64": "1.30.1", "lightningcss-linux-arm-gnueabihf": "1.30.1", "lightningcss-linux-arm64-gnu": "1.30.1", "lightningcss-linux-arm64-musl": "1.30.1", "lightningcss-linux-x64-gnu": "1.30.1", "lightningcss-linux-x64-musl": "1.30.1", "lightningcss-win32-arm64-msvc": "1.30.1", "lightningcss-win32-x64-msvc": "1.30.1" } }, "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg=="],

package.json

@@ -23,6 +23,7 @@
     "daisyui": "^5.0.50",
     "echarts": "^6.0.0",
     "element-plus": "^2.13.2",
+    "lenis": "^1.3.17",
     "lucide-vue-next": "^0.563.0",
     "motion-v": "^1.6.1",
     "pinia": "^3.0.3",

src/App.vue

@@ -1,6 +1,17 @@
 <script lang="ts" setup>
 import { useI18n } from "vue-i18n";
 import { useLanguageStore } from "./stores/LanguageStore";
+import Lenis from "lenis";
+
+// 开启 lenis 平滑滚动
+const lenis = new Lenis();
+
+function raf(time) {
+  lenis.raf(time);
+  requestAnimationFrame(raf);
+}
+
+requestAnimationFrame(raf);
 
 onMounted(() => {
   // 加载 i18n 初始语言

src/main.ts

@@ -5,6 +5,7 @@ import router from "./router";
 import i18n from "./i18n";
 import { createPinia } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+import "lenis/dist/lenis.css";
 
 const pinia = createPinia();
 pinia.use(piniaPluginPersistedstate);