Javascript 在Jade中有条件地在body上指定一个类
假设我有一个名为Javascript 在Jade中有条件地在body上指定一个类,javascript,html,node.js,pug,gulp,Javascript,Html,Node.js,Pug,Gulp,假设我有一个名为layout.jade的主模板文件和一组扩展此模板的文件-home、about、products等等 在主模板中,我将结构设置为: body section.main-content block content 然后第页: extends ../layouts/default block content include partials/banner include partials
layout.jade
的主模板文件和一组扩展此模板的文件-home
、about
、products
等等
在主模板中,我将结构设置为:
body
section.main-content
block content
然后第页:
extends ../layouts/default
block content
include partials/banner
include partials/why
所以不同的页面会相应地将不同的内容放入内容块中。我使用gulpjade
呈现页面,最后我将所有页面都设置为HTML
我的问题是-我是否可以在子页面中放置一些变量,比如
关于,这样它就可以作为父模板的class-to-body标记,比如
?我在这种情况下使用了一种模式。在主模板中,设置一些变量:
//layouts/default.jade
- var bodyClass;
block variables
html
head
body(class=bodyClass)
section.main-content
block content
然后在页面模板中建立bodyClass
//about.jade
extends ../layouts/default
block variables
- bodyClass = "about"
block content
h1 This is the About Page
例如,这就是我为
标记制作页面标题的方法。我还可以在layout.jade
文件中使用逻辑来提供默认值等。感谢您提供了简单的解决方案!