Insérer le pouce de l'image dans la Vue Liste dans Intel XDK

Question

Je suis l'aide de la Liste Modèle de Vue en Intel XDK dans mon projet, je veux utiliser les vignettes des images dans chaque liste.Est-il une solution de contournement?Comme je suis nouveau dans le développement de HTML

Answer 1

Vous pouvez ajouter manuellement le code à l'intérieur de la <li> élément afin de créer <img> de l'élément.Voici un exemple de code pour créer une liste personnalisée avec vignette de l'image + texte: Personnalisé ListView

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

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