一拖N布局

示意图

  • 二个组件/三个组件

  • 四个组件(通过rows属性调整了上下比例)/五个组件

字段 意义 类型 样例
margin 卡片的外间距,顺序是上右下左 Array(内部是Number或者String)/String [9,9,9,9],"[9,9,9,9]",["9","9","9","9"]均可,建议使用第一种
aspectRatio 整体宽高比 String "9"
bgImgUrl 背景图 String https://gw.alicdn.com/tps/TB1dkjfOXXXXXb0aXXXXXXXXXXX-1125-220.png
bgColor 背景色 String "#FFFFFF"
cols 设定宽度比例,内容是百分比的数字。下面的1,2,3,4,5 指代第N个组件,具体可看样例图组件上的数字。三个组件时:1:2;四个组件:1:2:3:4;五个组件时:1:2:3:4:5 Array(String/Number) ["30","30"] 或 [30,30]
rows 设定上下比例,只能有两项 Array(String/Number) ["30","30"] 或 [30,30]

最新的: