你的位置:首页 > 软件开发 > 网页设计 > 【MUI框架】学习笔记整理 Day 1

【MUI框架】学习笔记整理 Day 1

发布时间:2017-02-23 00:00:25
MUI 框架之 【原生UI】(1)accordion(折叠面板)由二级列表演化而来1 <ul class="mui-table-view">2   <li class="mui-table-view-cell mui-collaps ...

【MUI框架】学习笔记整理 Day 1

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 (#换成@)。

可能感兴趣文章

我的浏览记录