scout666/liveh5-nuxt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout: 更新 App 组件结构- 在 App 组件中添加 client-only 组件，以优化客户端渲染

Browse Source 
- 调整 VanConfigProvider 和 NuxtLayout 的嵌套结构
This commit is contained in:
xingyy 2025-02-20 15:18:39 +08:00
parent 85f81d287e
commit 548e2b697a
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/app.vue
View File

@ -39,15 +39,17 @@ provide('slideDirection', slideDirection)
</script> </script>
<template> <template>
<VanConfigProvider> <client-only>
<NuxtLoadingIndicator <VanConfigProvider>
color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)"/> <NuxtLoadingIndicator
<NuxtLayout> color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)"/>
<NuxtPage :transition="{ <NuxtLayout>
<NuxtPage :transition="{
name: slideDirection name: slideDirection
}"/> }"/>
</NuxtLayout> </NuxtLayout>
</VanConfigProvider> </VanConfigProvider>
</client-only>
</template> </template>
<style> <style>