Skip to content

网格跨列

@astryxdesign/core v0.7.1 · GridSpan

属性 ​

属性类型默认值说明
columnsnumber | 'full'—占几列,渲染成 grid-column: span N。写 'full' 渲染成 grid-column: 1 / -1,不管一共几列都能占满一行。
rowsnumber—占几行,渲染成 grid-row: span N。

两个都不写,这一项就只占一格。

插槽 ​

  • default:这一项的内容。

模板引用 ​

GridSpan 公开 element。 类型为 HTMLDivElement | null。

原生属性 ​

根元素会接收 HTML 属性、aria-* 属性、data-* 属性、class 和 style。class 会和组件自己的类合并。style 和 columns、rows 写到同一个属性上时,以属性为准。