嗞嗞嗞~ 你的浏览器仿佛在对我微笑!

YDUI Touch Docs 返回首页

List

1、说明

1.1、示例:http://m.ydui.org/html/list.html

1.2、提供五种常用列表样式;

2、使用

2.1、标签.m-list添加list-theme{1/2/3/4/5}样式,即生成对应五种排版样式;

<article class="m-list list-theme1">
<a href="javascript:;" class="list-item">
<div class="list-img">
<img src="../img/goods.jpg">
</div>
<div class="list-mes">
<h3 class="list-title">标题标题标题标题标题</h3>
<div class="list-mes-item">
<div>左内容</div>
<div>右内容</div>
</div>
<div class="list-mes-item">
<div>左内容</div>
<div>右内容</div>
</div>
</div>
</a>
<a href="javascript:;" class="list-item">
<div class="list-img">
<img src="../img/goods.jpg">
</div>
<div class="list-mes">
<h3 class="list-title">标题标题标题标题标题</h3>
<div class="list-mes-item">
<div>左内容</div>
<div>右内容</div>
</div>
<div class="list-mes-item">
<div>左内容</div>
<div>右内容</div>
</div>
</div>
</a>
</article>

2.2、效果如下:

3、参与讨论

3.1、有任何使用问题,请在评论中留言,也欢迎大家发表意见、建议。感谢您对YDUI的支持。