▶ 折叠容器

更新时间:2026/07/28

折叠容器是一款用于优化页面布局与阅读体验的结构控件,它可以将页面中原本冗长、复杂的文本折叠收起,访客只需按需点击即可随时展开查看完整内容,不仅赋予了用户极佳的交互体验,更能让页面始终保持干练整洁。

1,在控件库里,选择折叠容器,添加到页面上。


容器


2,在容器属性里,可以设置容器的高度。

当容器里的内容高度超出设置的高度时,容器下方就会显示展开和收起的按钮,访客可以点击展开,查看完整内容,也可以点击收起。

当容器里的内容高度小于设置的高度时,则按照内容的实际高度展示。


容器


3,可以设置展开和收起的文本内容。


容器


4,在“设计”里,可以设置展开收起的文本样式,和容器的背景色、边框、圆角、阴影和间距等。


容器


5,在“设置”里,可以设置当鼠标经过容器时,容器的背景色、边框、动画、圆角和阴影等样式。


容器


6,在“出场动画里”,我们提供14种动画效果,并且可以设置动画的持续时间和延迟时间。


容器


7,如果控件属性里的样式不能满足客户的需求,可以在自定义CSS里编写代码对导航的样式进行修改。


容器


8,容器设计完成后,可以往容器里添加其他控件,例如添加文本,图片等控件,并设置好样式和交互效果。


容器


下一篇:无

常见问题

帮助中心纠错
提交