Inserisci l'immagine del pollice nella vista elenco in Intel XDK

Question

Sto usando il modello di visualizzazione elenco in Intel XDK nel mio progetto Voglio usare Thumbnail of Images in ogni lista.C'è qualche soluzione alternativa?Come sono nuovo nello sviluppo HTML

Answer 1

È possibile aggiungere manualmente il codice all'interno dell'elemento <li> per creare elementi <img>.Ecco il codice di esempio per creare un elenco personalizzato con immagine miniatura + testo: Listies personalizzato

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

.

<li> personalizzato:

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

.