通常,一個頁面會繼承其上方每個版面配置,這意味著 src/routes/a/b/c/+page.svelte
會繼承四個版面配置
src/routes/+layout.svelte
src/routes/a/+layout.svelte
src/routes/a/b/+layout.svelte
src/routes/a/b/c/+layout.svelte
有時,跳脫當前的版面配置層級很有用。我們可以透過新增 @
符號,後接要「重設」到的父層片段名稱來達成此目的,例如 +page@b.svelte
會將 /a/b/c
放置在 src/routes/a/b/+layout.svelte
內,而 +page@a.svelte
會將其放置在 src/routes/a/+layout.svelte
內。
讓我們將它完全重設為根版面配置,方法是將其重新命名為 +page@.svelte
。
根版面配置會套用到應用程式的每個頁面,您無法跳脫它。
1
2
<h1>home</h1>