有办法取消nextjs 13布局吗?

soat7uwm  于 2023-02-19  发布在  其他
关注(0)|答案(1)|浏览(121)

我有以下几页:一个月一次,一个月一次,一个月二次
我想使用 Jmeter 板布局的前2个和正常布局的登录页面。但我不知道我如何才能实现这一点。如果我添加 Jmeter 板布局到layout.tsx文件,我看到它在登录页面上,我不能覆盖那里。如果我添加布局到page.tsx文件,它有点挫败了这些布局的整个目的?

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head />
      <body className="bg-gray-50">{children}</body>
    </html>
  );
}

对比

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head />
      <body className="bg-gray-50">
        <LayoutComponent />

        <div className="p-4 mt-16 sm:ml-64">{children}</div>
      </body>
    </html>
  );
}
0md85ypi

0md85ypi1#

您可以将/singin页面保留在主目录中,并为 Jmeter 板页面创建一个额外的目录,例如app/(dashboard),将dashboard放在括号中意味着它不会影响URL,请参阅文档。
结构如下所示:

- app
  - layout.js <- your main layout
  - singin
    - page.js
  - (dashboard)
    - page.js
    - layout.js <- your dashboard layout
    - accounts
      - page.js

相关问题