feat(tools): 添加工具箱页面及国际化支持

添加新的工具箱页面,包含三个实用工具卡片。更新国际化文件支持多语言显示。优化页面滚动锁定功能,使其可配置自定义类名。调整导航栏菜单项显示逻辑。

工具箱页面包含入场动画效果,并添加SEO元信息。滚动锁定功能现在支持自定义类名,便于不同场景使用。导航栏现在动态显示中间菜单项,排除最后一项。
This commit is contained in:
2026-04-28 14:32:57 +08:00
parent 6aa61cc78f
commit b71ab1a342
7 changed files with 198 additions and 11 deletions
+3 -2
View File
@@ -9,7 +9,7 @@ const loaderBarRef = ref<HTMLElement | null>(null)
const appStore = useAppStore()
// 加载期间锁定页面滚动(注意:Pinia 的 state 是自动解包的,必须用 computed 包装才能保持响应式)
usePageScrollLock(computed(() => appStore.isAppLoading))
usePageScrollLock(computed(() => appStore.isAppLoading), { className: 'is-scroll-locked' })
let loaderTween: gsap.core.Tween | null = null
let removeLoadListener: (() => void) | null = null
@@ -49,7 +49,8 @@ onMounted(() => {
gsap.timeline({
onComplete: () => {
gsap.set(loaderRef.value, { display: 'none' })
appStore.setAppLoading(false) // 触发全局状态,通知其他组件入场
appStore.setAppLoading(false)
window.dispatchEvent(new CustomEvent('app-loading-done'))
}
})
.to(loaderBarRef.value, { scaleX: 1, duration: 0.25, ease: 'power2.out' })