Вставьте изображение большого пальца в представление списка в Intel XDK

Я использую шаблон представления списка в Intel XDK в своем проекте. Я хочу использовать миниатюры изображений в каждом списке. Есть ли обходной путь? Поскольку я новичок в разработке HTML


intel-xdk
person foxt7ot    schedule 12.04.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете вручную добавить код в элемент <li>, чтобы создать элемент <img>. Вот пример кода для создания пользовательского списка с миниатюрой изображения и текстом: Пользовательский список

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

    <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>
person krisrak    schedule 16.04.2014