MUI 框架之 【原生UI】(1)accordion(折叠面板)由二级列表演化而来1 <ul class="mui-table-view">2 <li class="mui-table-view-cell mui-collaps ...
MUI 框架之 【原生UI】
(1)accordion(折叠面板)
由二级列表演化而来
【经典案例】:
1 <div id="gender" class="mui-popover mui-popover-action mui-popover-bottom"> 2 <ul class="mui-table-view"> 3 <li class="mui-table-view-cell"> 4 <a href="#">男</a> 5 </li> 6 <li class="mui-table-view-cell"> 7 <a href="#">女</a> 8 </li> 9 <li class="mui-table-view-cell">10 <a href="#">保 密</a>11 </li>12 </ul>13 <ul class="mui-table-view">14 <li class="mui-table-view-cell">15 <a href="#gender"><b>取 消</b></a>16 </li>17 </ul>18 </div>
若无需底色,则增加.mui-badge-inverted类即可,如下:若希望在页眉放置更丰富的信息,比如头像、主标题、副标题,则需使用.mui-media-body类,示例代码如下:代码块激活字符:micon
1 <ul class="mui-table-view"> 2 <li class="mui-table-view-cell"> 3 <a class="mui-navigate-right">Item 1</a> 4 </li> 5 <li class="mui-table-view-cell"> 6 <a class="mui-navigate-right">Item 2</a> 7 </li> 8 <li class="mui-table-view-cell"> 9 <a class="mui-navigate-right">Item 3</a>10 </li>11 </ul>
原标题:【MUI框架】学习笔记整理 Day 1
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。