本篇文章主要给大家介绍MIP中的折叠菜单组件。
MIP即移动网页加速器,在之前的文章中已经给大家介绍了mip中的轮播图组件,内联框架组件。本节内容再继续给大家介绍mip中的折叠菜单组件。
MIP的折叠菜单组件也叫折叠节点组件,是mip中的一个个性化组件,也就是折叠隐藏节点(可记录用户上次行为)。而个性化组件是满足于特定需求的组件,包括交互、统计等需求。需要引入对应的 JS 脚本。
在我们日常mip项目开发中,折叠菜单组件是比较常见且使用率较高的一个组件。
其标签表示为:<mip-accordion>
使用示例:
<mip-accordion sessions-key="mip_1" animatetime='0.24'> <section> <h4>下拉第一个</h4> <p class="mip-accordion-content">我说你是人间的四月天;笑声点亮了四面风;轻灵在春的光艳中交舞着变。你是四月早天里的云烟,黄昏吹着风的软,星子在无意中闪,</p> </section> <section expanded="open"> <h4>下拉第二个</h4> <p>细雨点洒在花前。那轻,那娉婷,你是,鲜妍百花的冠冕你戴着,你是天真,庄严,你是夜夜的月圆。</p> </section> <section> <h4>下拉第三个</h4> <mip-img layout="responsive" width="400" height="200" src="" class="mip-accordion-content"></mip-img> </section></mip-accordion>
折叠菜单组件的一个使用效果如下:
这里我们同时点开标题并且内容同时展现。当然我们见过的折叠菜单的效果不止这一种,还有多个标题时,只允许显示一个点开内容即
配置只展开一个节点或者多个嵌套等等效果。更多mip折叠菜单组件效果详情推荐参考《MIP文档手册》。
本篇文章就是关于MIP中折叠菜单组件的简单介绍,希望对需要的朋友有所帮助!
以上就是Mip的折叠菜单组件是什么的详细内容,更多请关注编程之家其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。