布局组件

1、布局组件-单行

在表单设计界面,在左边布局组件中找到单行组件,把组件拖到中间空白区域



属性

(1)间隔

每列之间的间隔,范围:≥0,单位:px(像素);

(2)列配置

1)占格数:栅格占据的列数,占格数根据比例占据一行的宽度。

点击“添加列”可以添加一列,点击“ ”可以删除一列,鼠标左键按住“ ”可以拖动列的位置。

2)配置:点击“ ”可以打开当前列的配置;

对齐方式:左对齐、右对齐、水平居中;

水平排列:默认不勾选,

背景色:

背景颜色:默认无;

背景图片:默认无;

重复:重复、水平重复、垂直重复、不重复;默认不重复。

图片大小:默认100;

图片位置:有三种选择:左对齐、右对齐、水平居中;默认水平居中。

(3)垂直对齐方式

有三种选择:开头对齐、居中对齐、结尾对齐;默认居中对齐。

(4)高度设置

有两种选择:自适应、自定义;默认自适应。

自适应:高度根据卡片里组件的高度确定;

自定义:默认高度为80px,可选像素px或百分比%。

(5)样式

边距设置:上下左右边距设置,默认为0px。

(5)约束

可见:默认勾选。如果不勾选,该行中包含的组件都不可见,但是会占据页面上的位置。

方法

事件

2、布局组件-卡片

在表单设计界面,在左边布局组件中找到卡片组件,把组件拖到中间空白区域


属性

(1)设置阴影显示时机

有三种选择:总是显示,鼠标悬浮显示,从不显示;默认值总是显示。

(2)显示类型

有两种选择:普通卡片,循环卡片;默认普通卡片。

普通卡片:只显示一个卡片;

循环卡片:根据赋给卡片的数据显示多个卡片。

可点击:选择可点击即表示该卡片可设置点击事件。

(3)引用界面

可引用其他界面,在表单设计界面的引用中添加界面,即可引用。

(4)样式

显示头部:默认不显示,如果选择显示头部,则多出一个导出PDF选项开关,默认不打开,如果打开则会把该卡片的内容以PDF的形式下载下来;

卡片名称:显示头部时显示名称;

边距设置:内上下左右边距设置,其中内边距:默认10px;下边距:默认18px,其余默认为0px。

(5)背景色

背景颜色:默认无;

背景图片:默认无;

重复:重复、水平重复、垂直重复、不重复;默认不重复。

图片大小:默认100;

图片位置:有三种选择:左对齐、右对齐、水平居中;默认水平居中。

(6)高度设置

有两种选择:自适应、自定义;默认自适应。

自适应:高度根据卡片里组件的高度确定;

自定义:可选像素px或百分比%,像素默认值为200px,百分比默认值100%。

(7)约束

可见:默认勾选。如果不勾选,该卡片中包含的组件都不可见。

方法

事件

3、布局组件-折叠面板

在表单设计界面,在左边布局组件中找到折叠面板组件,把组件拖到中间空白区域。


属性

(1)选项

维护面板的数量以及面板的名称。

拖动“ ”可以改变面板的位置,点击“ ”可以删除一个面板。

(2)手风琴效果

默认不开启,如果开启每次只能展开一个面板。

(3)引用界面

各个面板可引用其他界面,在表单设计界面的引用中添加界面,即可引用。

(4)样式

边距设置:上下左右边距设置,下边距:默认18px,其余默认为0px。

(5)约束

可见:默认勾选。如果不勾选,该折叠面板中包含的组件都不可见。

方法

事件

4、布局组件-标签页

在表单设计界面,在左边布局组件中找到标签页组件,把组件拖到中间空白区域。


属性

(1)风格类型:有三种选择:默认、选项卡、卡片化。

默认:简洁;

选项卡:选项卡样式;

卡片化:卡片化。

(2)标签页

维护标签页的数量,图标、标签。

拖动“ ”可以改变标签页的位置,点击“ ”可以删除一个标签页。

(3)引用界面

各个标签页可引用其他界面,在表单设计界面的引用中添加界面,即可引用。

(4)样式

对齐方式:顶部、居右、底部、居左;默认顶部。

图标位置:默认左侧,顶部、左侧;

边距设置:上下左右边距设置,下边距:默认18px,其余默认为0px。

(5)高度设置

有两种选择:自适应、自定义;默认自适应。

自适应:高度根据卡片里组件的高度确定;

自定义:可选像素px或百分比%,像素默认值为200px,百分比默认值100%。

(6)约束

可见:默认勾选。如果不勾选,该标签页中包含的组件都不可见。

方法

事件

单击时:单击标签页时执行该事件。


5、布局组件-布局容器

在表单设计界面,在左边布局组件中找到布局容器组件,把组件拖到中间空白区域。


属性

(1)显示组件

头部容器、左侧容器、右侧容器、底边容器,默认都不勾选。

(2)高度设置

有两种选择:自适应、自定义;默认自适应。

自适应:高度根据卡片里组件的高度确定;

自定义:可选像素px或百分比%,像素默认值为200px,百分比默认值100%。

(3)样式

边距设置:上下左右边距设置,默认为0px。

方法

事件


400-859-2939
产品服务
用户服务
公司
服务热线:400-859-2939
地址:江苏省苏州工业园区裕新路168号脉山龙大厦1号楼402室
邮箱:contact@leanpec.com
联系我们
欢迎关注精益派微信公众号
联系方式
 
 
联系方式:400-859-2939
欢迎关注精益派微信公众号