list item
list item
list item
list item

示例描述:

<ul class="yo-list"> <li class="item">list item</li> ... </ul>

示例描述:

<ul class="yo-list"> <li class="item"> <span class="mark">标题</span> <div class="flex">具体描述</div> </li> ... </ul>

list group

list item list item

list group

list item list item

list group

list item list item

示例描述:

<div class="yo-list"> <h3 class="label">list group</h3> <a href="#" class="item">list item</a> <a href="#" class="item">list item</a> ... </div>

示例描述:

<div class="yo-list"> <li class="item"> <i class="yo-ico">&#xf04a;</i> <div class="flex">飞行模式</div> <label class="yo-switch"> <input type="checkbox" /> <div class="track"> <span class="handle"></span> </div> </label> </li> <li class="item item-active"> <i class="yo-ico">&#xf04b;</i> <div class="flex">WIFI</div> <div class="info">wahaha</div> <i class="yo-ico">&#xf07f;</i> </li> </div>

示例描述:

<div class="yo-list"> <a href="#" class="item item-active"> <div class="mark"> <img src="http://pic5.duowan.com/psp/1005/138297782616/138298560095.jpg" alt="美女" /> </div> <div class="flex"> <h3 class="title">标题栏</h3> <p class="detail">这是一张很漂亮的图片</p> </div> <div class="info"> 19:30 </div> </a> ... </div>

示例描述:

<ul class="yo-list"> <li class="label tr"> <div class="col c1">第1列</div> <div class="col c2 flex">第2列</div> <div class="col c3">第3列</div> <div class="col c4">第4列</div> </li> <li class="item tr"> <div class="col c1">name</div> <div class="col c2 flex">name</div> <div class="col c3">name</div> <div class="col c4">name</div> </li> ... </ul>