版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiaozaq/article/details/79139413
<!-- 列表组顶部说明文字 -->
<div class="weui-cells__title">下面是个列表</div>
<!-- 带说明的列表 -->
<div class="weui-cells">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>标题文字</p>
</div>
<div class="weui-cell__ft">说明文字</div>
</div>
</div>
<!-- 带图标和说明的列表项 -->
<div class="weui-cells">
<div class="weui-cell">
<div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
<div class="weui-cell__bd">
<p>标题文字</p>
</div>
<div class="weui-cell__ft">说明文字</div>
</div>
</div>
<!-- 带跳转的列表 -->
<div class="weui-cells">
<a href="#" class="weui-cell weui-cell_access">
<div class="weui-cell__bd">
<p>标题文字</p>
</div>
<div class="weui-cell__ft"></div>
</a>
</div>
<!-- 带说明、跳转的列表项 -->
<div class="weui-cells">
<a href="#" class="weui-cell weui-cell_access">
<div class="weui-cell__bd">
<p>标题文字</p>
</div>
<div class="weui-cell__ft">说明文字</div>
</a>
</div>
<!-- 带图标、说明、跳转的列表项 -->
<div class="weui-cells">
<a href="#" class="weui-cell weui-cell_access">
<div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
<div class="weui-cell__bd">
<p>标题文字</p>
</div>
<div class="weui-cell__ft">说明文字</div>
</a>
</div>
<!-- 列表组底部说明文字 -->
<div class="weui-cells__tips">底部说明文字</div>