一个容器即是一个模块,拖动容器即可拖动容器内所有的内容。容器可用于设置背景图片、设计分模块的人物介绍等。本文介绍如何添加容器控件,以及如何设置容器控件。

添加容器控件

  1. 单击控件 > 容器
  2. 选择所需容器,可参考下表进行选择。
容器名称 显示效果 使用场景
容器控件 单栏,可调整宽高 用于设计非通栏的背景图片等
通栏容器 单栏,宽度通栏 用于设计通栏模块,如需撑满屏幕的背景图片
多栏容器 多栏,PC端宽度通栏。可设置每一栏的比例。手机端将多栏中每一栏显示为通栏 用于设计通栏,需多栏的模块。例如设计多个人物介绍
标签控件 多栏,可调整宽高 用于设计案例展示等需要多栏的模块,以及可作导航使用
说明
  • 为避免出现显示问题,通栏容器与通栏容器不能互相嵌套使用。
  • 使用容器类控件时,应多查看层次,方便您缕清结构。
  • 通栏容器中可包含多个不通栏容器及多个组件。
  • 使用标签控件,将容器控件放入某一便签范围中,如下图,在容器中可放置按钮、图片等,可设计出精美的导航。标签2如需观看标签控件的视频请单击标签控件的使用

设置容器控件

根据您选择的容器不同,可在快速设置面板中设置项也会不同。

  • 调整宽高:
    • 通栏容器、多栏容器等通栏容器,宽度通栏,只支持设置高度。
    • 容器控件、标签控件等非通栏容器,可调整宽度及高度。
  • 增加设置数据项:
    • 容器控件及通栏容器为单个容器,因此无法放置多项数据。
    • 多栏容器及标签控件可设置多项数据,及编辑这些数据。如图为多栏容器。多栏容器

一键锁定位置

选中容器控件时,单击像锁一样的图标按钮,可锁定当前位置。

删除当前控件

选中容器控件时,单击像废纸篓一样的图标按钮,可删除此控件。