إدراج صورة الإبهام في عرض القائمة في إنتل شدك

Question

أنا باستخدام قالب عرض القائمة في إنتل شدك في مشروعي أريد استخدام الصورة المصغرة للصور في كل قائمة.هل هناك أي حل?كما أنا جديد في تطوير هتمل

Answer 1

يمكنك إضافة رمز يدويا داخل <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>