czapp/pages/demo/listswipe/listswipe.html

<div class="lr-list">
    <div class="lr-list-item item1">
        普通按钮1
    </div>
    <div class="lr-list-item item1">
        普通按钮2
    </div>
    <div class="lr-list-item item1">
        普通按钮3
    </div>
    <div class="lr-list-item item2">
        带图标按钮1
    </div>
    <div class="lr-list-item item2">
        带图标按钮2
    </div>
    <div class="lr-list-item item2">
        带图标按钮3
    </div>
    <div class="lr-list-item item3">
        多个按钮1
    </div>
    <div class="lr-list-item item3">
        多个按钮2
    </div>
    <div class="lr-list-item item3">
        多个按钮3
    </div>
    <div class="lr-list-item lr-list-item-media">
        <img class="lr-media-head" src="images/1.jpg">
        <div class="lr-media-body">可爱<p class="lr-ellipsis">可爱猫咪,给生活增添一些别样的乐趣。</p></div>
    </div>
    <div class="lr-list-item lr-list-item-media">
        <img class="lr-media-head" src="images/2.jpg">
        <div class="lr-media-body">可爱<p class="lr-ellipsis">可爱猫咪,给生活增添一些别样的乐趣；第二行数据；第三行数据。</p></div>
    </div>
    <div class="lr-list-item lr-list-item-media">
        <img class="lr-media-head" src="images/4.jpg">
        <div class="lr-media-body">可爱<p class="lr-ellipsis">可爱猫咪,给生活增添一些别样的乐趣；第三行数据；第三行数据。</p></div>
    </div>
</div>