blocks用来绘制矩形(宽度和高度不可配置)第一个矩形的宽高等于<luckyGrid />的宽高,但可以通过padding属性挤出边框的样式

  • blocks?: Array<object>

    • borderRadius?: string | number 圆角半径 (默认为 0, 配置范围为 0 ~ Infinity)

    • background?: string 背景颜色 (可填写16进制颜色哈希值或 rgba)

    • padding?: string 内边距 (与 css 中 padding 使用方式一样)

    • paddingTop?: string | number 上边距 (优先级大于 padding)

    • paddingBottom?: string | number 下边距 (优先级大于 padding)

    • paddingLeft?: string | number 左边距 (优先级大于 padding)

    • paddingRight?: string | number 右边距 (优先级大于 padding)

# 关于绘制背景

  • 第一个橘色的 block 的宽高等于200px,等于父容器的宽高
  • 第二个红色的 block:宽180px 高140px,因为第一个 block 的padding上下分别挤出10px, 左右分别挤出30px
  • 第三个白色的 block:宽80px 高120px,因为第二个 block 的paddingRight覆盖了padding的10px
  • 最后白色 block 挤出的部分就是奖品区域了