折叠容器是一款用于优化页面布局与阅读体验的结构控件,它可以将页面中原本冗长、复杂的文本折叠收起,访客只需按需点击即可随时展开查看完整内容,不仅赋予了用户极佳的交互体验,更能让页面始终保持干练整洁。
1,在控件库里,选择折叠容器,添加到页面上。
2,在容器属性里,可以设置容器的高度。
当容器里的内容高度超出设置的高度时,容器下方就会显示展开和收起的按钮,访客可以点击展开,查看完整内容,也可以点击收起。
当容器里的内容高度小于设置的高度时,则按照内容的实际高度展示。
3,可以设置展开和收起的文本内容。
4,在“设计”里,可以设置展开收起的文本样式,和容器的背景色、边框、圆角、阴影和间距等。
5,在“设置”里,可以设置当鼠标经过容器时,容器的背景色、边框、动画、圆角和阴影等样式。
6,在“出场动画里”,我们提供14种动画效果,并且可以设置动画的持续时间和延迟时间。
7,如果控件属性里的样式不能满足客户的需求,可以在自定义CSS里编写代码对导航的样式进行修改。
8,容器设计完成后,可以往容器里添加其他控件,例如添加文本,图片等控件,并设置好样式和交互效果。
常见问题