czapp/pages/demo/iconlist2/iconlist2.html

<h5>无导航箭头</h5>
<div class="lr-list">
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        第一行
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        第二行
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        第三行
    </div>
</div>
<h5>有导航箭头</h5>
<div class="lr-list">
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <a class="lr-nav-right">第一行</a>
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <a class="lr-nav-right">第二行</a>
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <a class="lr-nav-right">第三行</a>
    </div>
</div>
<h5>多行</h5>
<div class="lr-list">
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <div class="lr-nav-multi">
            <span>第一行</span>
            <span>我是小标题</span>
        </div>
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <div class="lr-nav-multi">
            <span>第二行</span>
            <span>我是小标题</span>
        </div>
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <div class="lr-nav-multi">
            <span>第三行</span>
            <span>我是小标题</span>
        </div>
    </div>
</div>

<h5>圆角列表</h5>
<div class="lr-list lr-card ">
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <a class="lr-nav-right">第一行</a>
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <a class="lr-nav-right">第二行</a>
    </div>
    <div class="lr-list-item lr-list-item-icon2">
        <div class="lr-icon"><i class="iconfont icon-favor"></i></div>
        <a class="lr-nav-right">第三行</a>
    </div>
</div>