Fügen Sie ein Miniaturbild in die Listenansicht in Intel XDK ein
-
21-12-2019 - |
Frage
Ich verwende eine Listenansichtsvorlage in Intel XDK In meinem Projekt möchte ich Miniaturansichten von Bildern in jeder Liste verwenden.Gibt es einen Workaround?Da ich neu in der HTML-Entwicklung bin
Lösung
Sie können Code manuell innerhalb der hinzufügen <li>
zu erstellendes Element <img>
Element.Hier ist ein Beispielcode zum Erstellen einer benutzerdefinierten Liste mit Miniaturansicht + Text: Benutzerdefinierte Listenansicht
<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>
benutzerdefinierte <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>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow