[英]Jade Mixin for List
我正在尝试创建一个jade mixin,我可以在其中输入列表中的项目数。
例,
mixin list(n, text)
.list
a(href="#") #{text}
a(href="#") #{text}
.....n times
如果我像这样打电话给mixin
+list(4, 'hello')
输出的html应该类似于:
<div class="list">
<a href="#">hello</a>
<a href="#">hello</a>
<a href="#">hello</a>
<a href="#">hello</a>
</div>
我怎么能实现这个(带循环)?
这是一个有两个mixin的解决方案,一个用于循环,另一个用于文本,你也可以在一个mixin中完成。
mixin nlist(n, text)
each i in Array(n)
+list(text)
mixin list(text)
a(href="#") #{text}
+nlist(4, "hello")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.