布局容器

介绍

用于组件的分栏及响应式布局

API

Props 布局容器

Props 属性

参数	说明	类型	默认值
默认状态	组件的状态, "默认"|"隐藏"	string	default
添加列	点击添加布局容器下的列组件	-	-
列间距	布局容器下列组件的列检局	string	-
行间距	布局容器下列组件的行检局	string	-

Props 样式

参数	说明	类型	默认值
自定义样式	表格整体自定义样式	string	-
宽	布局容器宽度	string	-
高	布局容器高度	string	-
不透明度	布局容器背景色透明度	string	-
盒模型	margin,border,padding设置	string	-
边框颜色	浅|一般|深|重	string	-
边框线型	实线|点线|虚线	string	-
文字-预设	自定义|一级标题|二级标题|三级标题|段落	string	自定义
文字-字号	文字字号	string	-
文字-行高	文字行高	string	-
文字-字重	Light|Normal|Medium|Bold|Blank	string	Normal
文字-颜色	文字颜色	string	-
文字-对齐	左对齐|居中|右对齐|两侧对齐	string	左对齐
背景-填充色	设置组件的背景颜色	string	-
背景-填充方式	设置组件的背景填充方式，"填充"|"适应"|"尺寸"	string	-
阴影-颜色	设置组件的阴影的颜色	string	-
阴影-X	设置组件的阴影X轴偏移值	number	-
阴影-Y	设置组件的阴影Y轴偏移值	number	-
阴影-模糊	设置组件的阴影模糊程度	number	-

Props 高级

参数	说明	类型	默认值
唯一标识	组件的唯一标识	string	-
循环	循环渲染设置	-	-

Props 列

Props 属性

参数	说明	类型	默认值
默认状态	组件的状态, "默认"|"隐藏"|"销毁"	string	default
栅格占位格数	设置一：0-24栅格数，表示占据几格；设置二：可设置为固定值例如 100px, 50%等；设置三：可设置为auto表示占据剩余空间	number | string	8
< 576px 响应式栅格	填写栅格数（0-24）	number	-
>= 576px 响应式栅格	填写栅格数（0-24）	number	-
>= 768px 响应式栅格	填写栅格数（0-24）	number	-
>= 992px 响应式栅格	填写栅格数（0-24）	number	-
>= 1200px 响应式栅格	填写栅格数（0-24）	number	-
>= 1600px 响应式栅格	填写栅格数（0-24）	number	-

Props 样式

参数	说明	类型	默认值
自定义样式	表格整体自定义样式	string	-
不透明度	布局容器背景色透明度	string	-
显示	设置组件的显示布局模式，"block"|"inline-block"|"inline"|"flex"	string	-
盒模型	margin,border,padding设置	string	-
边框颜色	浅|一般|深|重	string	-
边框线型	实线|点线|虚线	string	-
文字-预设	自定义|一级标题|二级标题|三级标题|段落	string	自定义
文字-字号	文字字号	string	-
文字-行高	文字行高	string	-
文字-字重	Light|Normal|Medium|Bold|Blank	string	Normal
文字-颜色	文字颜色	string	-
文字-对齐	左对齐|居中|右对齐|两侧对齐	string	左对齐
背景-填充色	设置组件的背景颜色	string	-
背景-填充方式	设置组件的背景填充方式，"填充"|"适应"|"尺寸"	string	-
阴影-颜色	设置组件的阴影的颜色	string	-
阴影-X	设置组件的阴影X轴偏移值	number	-
阴影-Y	设置组件的阴影Y轴偏移值	number	-
阴影-模糊	设置组件的阴影模糊程度	number	-

Props 高级

参数	说明	类型	默认值
唯一标识	组件的唯一标识	string	-
循环	循环渲染设置	-	-
缺省提示	列内容为空是否显示缺省内容	boolean	false
缺省文字	列内容为空时显示的缺省文字	string	暂无数据
缺省图片	列内容为空时显示的缺省图片	string	false

Events

Events 属性

事件名	说明	回调参数
onClick	点击列时触发	ctx