Insertar imagen en miniatura en la vista de lista en Intel XDK

Question

Estoy usando la plantilla de vista de lista en Intel XDK en mi proyecto. Quiero usar miniaturas de imágenes en cada lista.¿Hay algún trabajo alrededor?Como soy nuevo en el desarrollo HTML

Answer 1

Puede agregar código manualmente dentro del <li> elemento para crear <img> elemento.Aquí hay un código de ejemplo para crear una lista personalizada con miniatura de imagen + texto: Vista de lista personalizada

<style>
    #afui #listview .list li {padding:10px 20px 10px 10px}
    .list-image {float:left;width:50px;height:50px}
    .list-text {margin-left:60px;min-height:50px}        
</style>

costumbre <li>:

    <ul class="list">
        <li>
            <a href="#item1">
                <img class="list-image" src="data/male_user_icon.svg" />
                <div class="list-text"><b>username1</b><br>Placeholder text for this list item 1.</div>
            </a>
        </li>
    </ul>