ionic list item 图片文字展示

显示小图片

<ul class="list">
    <li class="item item-avatar">
        <img src="public/img/appliance_wash.png" class=" img_responsive" style="width: 70px;height: auto;">
        <h2>山水庭院</h2>
        <p class="font_10">雨花区井湾路618号(环保学院附近)</p>
    </li>
</ul>

备注:item item-avatar 样式。 

ionic  list item  图片文字展示

显示大图片

<div class="list">
    <a class="item item-thumbnail-left" href="#">
        <img src="{{item.img}}">
        <h2>{{item.goods_name}}</h2>
        <p>¥{{item.shop_price}}</p>
        <p>购买人:黄飞鸿</p>
        <p>提出比例:27%</p>
    </a>
</div>

备注:item item-thumbnail-left 样式。  

ionic  list item  图片文字展示

  

相关推荐