通常,一个页面会继承其上方的所有布局,这意味着 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
有时,跳出当前布局层次结构很有用。我们可以通过添加 @
符号,后跟父级段的名称来“重置”到——例如 [email protected]
会将 /a/b/c
放入 src/routes/a/b/+layout.svelte
中,而 [email protected]
会将其放入 src/routes/a/+layout.svelte
中。
让我们将其重置到根布局,将其重命名为 [email protected]
。
根布局应用于应用程序的每个页面,您无法跳出它。
1
2
<h1>home</h1>