玉布局未能扩展

Question

我无法让翡翠文件正确地相互扩展。这是我的 index.jade 文件：

!!! 5
html(lang='en')
  head
   ... scripts and stuff here...
  body
    include navbar
    div.cont
      div#row-fluid
        a.slice#four(href="#fourbox")
          div.subwindow
            block blog

在同一目录中，我有一个名为 blog.jade 的文件，其中包含以下代码：

extends index

block blog
  .container-fluid(style="height:100%;")
      body(style="margin:0px;padding:0px;overflow:hidden")
        iframe(src="http://website.com", frameborder="0", style="overflow:hidden;height:100%;width:100%", height="100%", width="100%")

当我在 express 中运行我的服务器时，索引会加载，但无法使用正确的内容填充 #four。我在这段代码中做错了吗？

Answer 1

问题出在服务器端，因为你的玉看起来不错：

试试app.get('/', ...);

res.render('blog', { ... })

不是

res.render('index', { ... })

附言你有两个身体标签body(style="margin:0px;padding:0px;overflow:hidden")在这里关心

如果你的索引总是包含博客文件：

尝试删除这些行 @blog.jade

extends index

block blog

并更改@index.jade

block blog ---> include blog