在Jade中格式化多行的列表?

时间:2016-02-16 10:51:14

标签: pug

有谁知道如何在Jade中使用多行格式化列表?

我需要的是:

<ul>
  <li>
    <img src="assets/img/image1.jpg">
    Mister X<br />
    Phone: 1234567890
  </li>
  <li>
    <img src="assets/img/image2.jpg">
    Mister Y<br />
    Phone: 1234567890
  </li>
</ul>

我试过了:

ul
  li
    img(src='assets/img/image1.jpg')
    Mister X<br />Phone: 1234567890
  li
    img(src='assets/img/image1.jpg')
    Mister Y<br />Phone: 1234567890

2 个答案:

答案 0 :(得分:1)

是的,你可以这样做:

 ul
      li
        img(src='assets/img/image1.jpg')
        |     Mister X
        br
        |     Phone: 1234567890
      li
        img(src='assets/img/image2.jpg')
        |     Mister Y
        br
        |     Phone: 1234567890

您可以使用HTML2Jade或Jade2HTML转换器等在线工具进行实验: http://html2jade.org/

http://jade-lang.com/demo/

答案 1 :(得分:0)

UL             里                 IMG(SRC =&#39;资产/ IMG / image1.jpg&#39;)                 先生X.                 BR                 电话:1234567890             里                 IMG(SRC =&#39;资产/ IMG / image2.jpg&#39;)                 先生Y.                 BR                 电话:1234567890