关于mui
mui的优缺点：
弹出菜单(popover)
用默认a标签包裹下的按钮，popover弹出层菜单会默认带有小箭头，取消箭头则不选择用a标签包裹。
弹出层css里面虽用absolute定位，但并没有指定显示位置，所以弹出层会出现在最后文档的下面；大小可根据自己需要自定义。
根据自己需求，需要带箭头，添加类mui-popover-arrow即可。
选择器
对象的命名一定按照官网的命名一致，否则会显示为undefined。
横向滚动选项卡
官网的实例做法是：用a标签的锚点指向。当动态生成的横向选项时，对应的选项内容，用JS判断是否显示，动态的对相应的DOM节点增删类mui-active是不生效的,可以将显示选项内容的mui-active换成mui-hidden。
关于scroll，在部分Android机上面，滚动也是会出现不平滑，这样建议不使用mui的滑动，直接使用css样式-webkit-overflow-scrolling : touch;overflow-scrolling: touch;而且使用:active伪类，可以模仿点击事件，给元素添加所需背景样式
1.accordion（折叠面板）
折叠面板从二级列表中演化而来，dom结构和二级列表类似，如下
- 面板1
面板1子内容
ui默认按钮为灰色，另外还提供了蓝色（blue）、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色系的按钮，五种色系对应五种场景，分别为primary、success、warning、danger、royal；使用.mui-btn类即可生成一个默认按钮，继续添加.mui-btn-颜色值或.mui-btn-场景可生成对应色系的按钮，例如：通过.mui-btn-blue或.mui-btn-primary均可生成蓝色按钮；
在button节点上增加.mui-btn类，即可生成默认按钮；若需要其他颜色的按钮，则继续增加对应class即可，比如.mui-btn-blue即可变成蓝色按钮
若希望无底色、有边框的按钮，仅需增加.mui-btn-outlined类即可，代码如下：
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！