容器(Container)组件
可以使用容器组件来容纳其它的组件,它为您的页面提供独特的布局
 (1) (1).png)
1、属性
字段 | 描述 |
---|---|
是否显示 | 控制组件在页面上的可见性。关闭时:当应用程序发布时,组件将不可见。在编辑模式下它看起来是半透明的 |
加载时显示动画 | 关闭时,该组件加载时不会有任何动画。您可以使用拨动开关将其打开/关闭。您还可以通过启用旁边的 JS 标签使用 javascript 将其关闭/打开。 |
允许滚动 | 当容器内组建大于容器尺寸时,设置是否允许在容器组件内滚动 |
 (1) (1) (1).png)
2、样式
字段 | 描述 |
---|---|
背景颜色 | 对容器组件内的背景颜色进行设置调整 |
边框颜色 | 对容器组件的边框颜色设置调整 |
边框高度 | 设置容器组件内画布与容器边框的宽度 |
边框圆角 | 对容器组件的边框样式进行修改 |
阴影 | 调整容器组件整体阴影大小 |
 (2).png)
3、JS代码
 (1) (1) (1).png)
4、案例展示
基于容器组件下,做了一个信息查询交互页面
 (1) (1) (1).png)