Question

我不知道怎么在li旁边添加img src所以它会显示文本旁边的图像，我浪费了30分钟的生命试图找到一种方式，所以请，我认为这不是一个难题对于你们，请告诉我在哪里/如何放置并输入：

.container
    .row

        .ul.list-group

            .li
            .list-group-item Samsung Galaxy S5

            .li
            .list-group-item Samsung Galaxy S4

            .li
            .list-group-item Samsung Galaxy S3

            .li
            .list-group-item Samsung Galaxy S2

            .li
            .list-group-item Samsung Galaxy S1

            .li
            .list-group-item Samsung Galaxy S0

这是我目前的Jade Code，谢谢你的帮忙！

Answer 1

你的意思是这样吗？

.container
    .row
        ul.list-group
            li.list-group-item
                | Samsung Galaxy S5
                img(src='http//myUrl')
            li.list-group-item
                | Samsung Galaxy S4
                img(src='http//myUrl')

Answer 2

试试这个：

.container
    .row
        ul.list-group
            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S5

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S4

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S3

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S2

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S1

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S0

。是一种类符号，如果你想要HTML标签，请不要使用它。

Jade.JS Img src无法正常工作

2 个答案: