選擇器 · Frozen UI

## 選擇器 selector ### 好友選擇器 ![](https://box.kancloud.cn/743e19397baa69e3eb737e836cf1bcf9_430x431.png) * * * * * ~~~ <section class="ui-selector"> <header class="ui-border-b"> <h3>選擇好友</h3> </header> <div class="ui-selector-content" style="display:"> <ul> <li class="ui-selector-item active"> <h3 class="ui-border-b"> <p>最近在玩的好友</p><span class="ui-txt-info">11</span> </h3> <ul class="ui-list ui-border-b"> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> </ul> </li> <li class=" ui-selector-item"> <h3 class="ui-border-b"> <p>最近在玩的好友</p><span class="ui-txt-info">11</span> </h3> <ul class="ui-list ui-border-b"> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> </ul> </li> <li class=" ui-selector-item"> <h3 class="ui-border-b"><i class="arrow"></i> <p>最近在玩的好友</p><span class="ui-txt-info">11</span> </h3> <ul class="ui-list ui-border-b"> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> <li> <div class="ui-avatar-s"> <span style="background-image:url(../img/ava1.png)"></span> </div> <div class="ui-list-info ui-border-t"><h4>飛翔的企鵝</h4></div> </li> </ul> </li> </ul> </div> </section> ~~~