## 选择器 selector ### 好友选择器  * * * * * ~~~ <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> ~~~