jade模板中如何实现div的嵌套???
发布于 11 年前 作者 canjian215215 7304 次浏览 最后一次编辑是 8 年前
11 回复

描述清楚一点吧… Jade 语法不是默认有嵌套的?

比如我想实现下面的html代码:

<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
<div class="container"> 
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</a> 
<a class="brand" href="/">Microblog</a> 
<div class="nav-collapse"> 
<ul class="nav"> 
<li class="active"><a href="/">首页</a></li> 
<li><a href="/login">登入</a></li> 
<li><a href="/reg">注册</a></li> 
</ul> 
</div> 
</div> 
</div> 
</div> 

难道不是靠缩进的吗?我没用过,嘿嘿。

@canjian215215 你那个先用html2jade 把html模板转一下,能省很多事!

@javanode html2jade 在哪下载啊我这访问不了!!!

我用了缩进老师报错!!!

  .navbar
    .navbar_inner
      .container
        a
          span.icon-bar xx

你这是用什么缩进的啊???我用的editplus编写的按的tab缩进老报错啊!!!

谢谢大家啊!我用空格键当缩进就好了!!!

呃… 有报错的话贴一下报错 照说只有 tab 空格发生混用才会报错的

如果是新手而且对jade语法不熟悉的话,
可以直接用html2jade

回到顶部