▶ 联动容器

更新时间:2025/10/22

联动容器是容器本身和容器里的控件的交互效果是相关联的,交互效果是整体统一的。即当鼠标经过容器区域时,容器以及容器里的所有控件就会安装预设的交互样式展示了。

1,从工具库里选择联动容器,添加到组件里。(容器控件不能直接放到页面上, 必须先添加一个组件,然后把列表放到组件里)


联动容器


2,在容器属性里,有个显示方式,可以设置容器的高度,包含自动和溢出滚动两种。
自动是指容器没有固定高度,是根据容器里的控件高度撑高的。系统默认是自动的。
溢出滚动是指容器可以设置一个固定高度,容器里的控件高度大于容器的高度时就会显示滚动条,可滚动查看容器里的内容。


联动容器

3,在属性里,可以为容器设置连接。容器如果设置了连接,容器里的控件,如按钮,就不用再设置连接了(设置了也不会生效),都会统一走容器的链接。


联动容器


4,在设计里,可以设置容器的背景(包含背景颜色、背景图片和背景视频),设计图片的边框,圆角,阴影和定位间距。


联动容器


5,在设置里,可以设置鼠标经过容器时的交互效果,包含容器的背景、边框、动画,圆角和阴影等样式。


联动容器


6,在样式里,可以切换容器的样式,包含切换回普通容器。


联动容器


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


联动容器


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

联动容器

上一篇:无
下一篇:谷歌地图

相关推荐

帮助中心纠错
提交