在 Jade 中格式化多行列表？

Question

有谁知道如何在 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

Answer 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/

Answer 2

ul 李 img(src='assets/img/image1.jpg') X先生 br Phone: 1234567890 李 img(src='assets/img/image2.jpg') Y先生 br Phone: 1234567890

在 Jade 中格式化多行列表？

Format a list with multiple lines in Jade?

pug