我使用盖茨比材料入门套件进行个人项目(主要是学习Ract和Gatsby) . https://github.com/Vagr9K/gatsby-material-starter
我想要的设计是有一个主页,不会在 Headers 中呈现工具栏(用于容纳汉堡包导航列表的工具栏) . 主页有一个很大的主体和页脚,但没有 Headers ,即一个巨大的“英雄” .
在使用布局和模板进行几个小时的黑客攻击后,必须有一种优雅的方式来实现这种设计?要分享的任何方向或工作代码?
我使用盖茨比材料入门套件进行个人项目(主要是学习Ract和Gatsby) . https://github.com/Vagr9K/gatsby-material-starter
我想要的设计是有一个主页,不会在 Headers 中呈现工具栏(用于容纳汉堡包导航列表的工具栏) . 主页有一个很大的主体和页脚,但没有 Headers ,即一个巨大的“英雄” .
在使用布局和模板进行几个小时的黑客攻击后,必须有一种优雅的方式来实现这种设计?要分享的任何方向或工作代码?
1 回答
Gatsby Material Starter中的所有页面都包含MainLayout component以提供一致的样式 .
反过来,
MainLayout
使用Navigation component渲染NavigationDrawer,同时将样式信息传递给它 .如果要更改固定工具栏,则必须将其替换为
react-md
中的Toolbar和Drawer组件 .注意:我不建议像这样学习ReactJS,因为GatsbyJS增加了额外的复杂性(特定于它)和启动器(或任何其他类似的预制项目)除非您以前有使用React的经验,否则不容易定制 .
免责声明:我是Gatsby Material Starter的作者 .