选择器列表
aui-select-list和aui-list结合可以实现带有选择器的列表布局样式
<div class="aui-content aui-margin-b-15"> <ul class="aui-list aui-select-list"> <li class="aui-list-header">带有单选或多选框的列表</li> <li class="aui-list-item"> <div class="aui-list-item-label"> <input class="aui-radio" type="radio" name="radio" checked> </div> <div class="aui-list-item-inner"> 这是一个列表项 <div class="aui-list-item-text"> 这里是内容区域,新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。 </div> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-radio" type="radio" name="radio" checked> 这是一个列表项</label> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-radio" disabled type="radio" name="radio"> 这是一个列表项</label> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-radio" type="radio" name="radio"> 这是一个列表项</label> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-radio" type="radio" name="radio2" checked> 选项一</label> <label><input class="aui-radio" type="radio" name="radio2"> 选项二</label> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-checkbox" type="radio" name="checkbox" checked> 这是一个列表项</label> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-checkbox" disabled checked="" type="radio" name="checkbox"> 禁止选择</label> </div> </li> <li class="aui-list-item"> <div class="aui-list-item-inner"> <label><input class="aui-checkbox" type="radio" name="checkbox"> 这是一个列表项</label> </div> </li> </ul> </div>