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
文件中使用逻辑来提供默认值等。

感谢您提供了简单的解决方案!