MUI文档.pdfVIP

UI 控件 accordion （折叠面板） 折叠面板从二级列表中演化而来，dom 结构和二级列表类似，如下：  表单  面板2 ul class=mui-table-view li class=mui-table-view-cell mui-collapse a class=mui-navigate-right href=#面板1/a div class=mui-collapse-content p面板1 子内容/p /div /li /ul 可以在折叠面板中放置任何内容；折叠面板默认收缩，若希望某个面板默认展开， 只需要在包含.mui-collapse 类的li 节点上，增加.mui-active 类即可；mui 官网 中的方法说明，使用的就是折叠面板控件。 扩展阅读 代码块激活字符: maccordion actionsheet （操作表） actionsheet 一般从底部弹出，显示一系列可供用户选择的操作按钮； actionsheet 是从popover 控件基础上演变而来，实际上就是一个固定从底部弹 出的popover，故DOM 结构和popove 类似，只是需要在含.mui-popover 类的节点 上增加.mui-popover-bottom、.mui-popover-action 类； div id=sheet1 class=mui-popover mui-popover-bottom mui-popo ver-action !-- 可选择菜单 -- ul class=mui-table-view li class=mui-table-view-cell a href=#菜单1/a /li li class=mui-table-view-cell a href=#菜单2/a /li /ul !-- 取消菜单 -- ul class=mui-table-view li class=mui-table-view-cell a href=#sheet1b取消/b/a /li /ul /div 和popover 一样，推荐使用锚点方式显示、隐藏actionsheet；若要使用js 代 码动态显示、隐藏actionsheet，同样在popover 插件的构造方法中传入toggle 参数即可，如下： //传入toggle 参数，用户无需关心当前是显示还是隐藏状态，mui 会自动识别 处理； mui(#sheet1).popover(toggle); 扩展阅读 问答社区话题讨论： actionsheet 代码块激活字符: mactionsheet badge （数字角标） 数字角标一般和其它控件（列表、9 宫格、选项卡等）配合使用，用于进行数量 提示。 角标的核心类是.mui-badge，默认为实心灰色背景；同时，mui 还内置了 蓝色（blue）、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色 系的数字角标，如下：  Item 111  Item 222  Item 333  Item 444  Item 555 span class=mui-badge1/span span class=mui-badge mui-badge-primary12/span span class=mui-badge mui-badge-success123/span span class=mui-badge mui-badge-warning3/span span class=mui-badge mui-badge-danger45/span span class=mui-badge mui-badge-purple456/span 若无需底色，则增加.mui-badge-inverted 类即可，如下：  Item 111  Item 222  Item 333  Item 444  Item 555 span class=mui-badge mui-