带有角标和箭头的列表

带有角标或者箭头的列表效果在APP中也是非常常见的。可以参考实例代码来使用

<div class="aui-content"><ul class="aui-list-view">
            <li class="aui-list-view-cell" data-win="list_arrow"><div class="aui-arrow-right">带有角标和箭头的列表</div></li>
            <li class="aui-list-view-cell" data-win="list_thumb"><div class="aui-arrow-right">带有角标和箭头的列表</div></li>
            <li class="aui-list-view-cell" data-win="list-image"><div class="aui-arrow-right aui-ellipsis-1">
                如果标题太长可以加一个省略来控制一下如果标题太长可以加一个省略来控制一下
                </div></li>
        </ul></div><div class="aui-content"><ul class="aui-list-view">
            <li class="aui-list-view-cell" data-win="list_arrow">
                <a class="aui-arrow-right">
                带有角标和箭头的列表
                <span class="aui-badge">12</span>
                </a>
            </li>
            <li class="aui-list-view-cell" data-win="list_arrow">
                <a class="aui-arrow-right">
                带有角标和箭头的列表
                <span class="aui-badge aui-badge-info">12</span>
                </a>
            </li>
            <li class="aui-list-view-cell" data-win="list_arrow">
                <a class="aui-arrow-right">
                带有角标和箭头的列表
                <span class="aui-badge aui-badge-warning">12</span>
                </a>
            </li>
            <li class="aui-list-view-cell" data-win="list_thumb">
                <a class="aui-arrow-right">
                    带有角标和箭头的列表
                    <span class="aui-badge aui-badge-danger">12</span>
                </a>
            </li>
        </ul></div>