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

YDUI Touch Docs 返回首页

List

1、说明

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

1.2、提供五种移动端常见列表页样式。

2、调用

<article class="m-list list-theme1">
<a href="#" class="list-item">
<div class="list-img">
<img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
</div>
<div class="list-mes">
<h3 class="list-title">标题标题标题标题标题</h3>
<div class="list-mes-item">
<div>
<span class="list-price"><em>¥</em>34.7</span>
<span class="list-del-price">¥45.65</span>
</div>
<div>right</div>
</div>
</div>
</a>
<a href="#" class="list-item">
<div class="list-img">
<img src="http://img1.shikee.com/try/2016/06/21/10172020923917672923.jpg_220x220.jpg">
</div>
<div class="list-mes">
<h3 class="list-title">骆驼男装2016夏装男士短袖T恤 圆领衣服 印花男装体恤 半袖打底衫</h3>
<div class="list-mes-item">
<div>
<span class="list-price"><em>¥</em>34.7</span>
<span class="list-del-price">¥45.65</span>
</div>
</div>
</div>
</a>
<a href="#" class="list-item">
<div class="list-img">
<img src="http://img1.shikee.com/try/2016/06/23/15395220917905380014.jpg_220x220.jpg">
</div>
<div class="list-mes">
<h3 class="list-title">条纹短袖T恤男士韩版衣服大码潮流男装夏季圆领体恤2016新款半袖</h3>
<div class="list-mes-item">
<div>
<span class="list-price"><em>¥</em>34.7</span>
<span class="list-del-price">¥45.65</span>
</div>
</div>
</div>
</a>
<a href="#" class="list-item">
<div class="list-img">
<img src="http://img1.shikee.com/try/2016/06/25/14244120933639105658.jpg_220x220.jpg">
</div>
<div class="list-mes">
<h3 class="list-title">夏季青少年衣服男生潮牌t恤 男士 夏秋学生 日系棉短袖半袖男小衫</h3>
<div class="list-mes-item">
<div>
<span class="list-price"><em>¥</em>34.7</span>
<span class="list-del-price">¥45.65</span>
</div>
<div>right</div>
</div>
</div>
</a>
</article>