Insérer le pouce de l'image dans la Vue Liste dans Intel XDK
-
21-12-2019 - |
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
La solution
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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow