Grid 栅格

Grid

Col

Props

Prop NameTypeRequiredDefaultDescription
span
number
栅格占位格数
offset
number
栅格向右偏移格数,偏移占位
pull
number
栅格向左偏移格数,偏移不占位
push
number
栅格向右偏移格数,偏移不占位
order
number
flex布局下的order

演示

演示

VIEW CODE ( LIVE )

span - 占位

VIEW CODE ( LIVE )

offset - 偏移

VIEW CODE ( LIVE )

pull & push - 偏移

VIEW CODE ( LIVE )

order - 排序

VIEW CODE ( LIVE )

Row

Props

Prop NameTypeRequiredDefaultDescription
type
enum
是否为flex类型,flex类型时定位属性才能生效
align
enum
垂直定位
justify
enum
水平定位
gutter
union
16
栅格间距,单个值为横行间隔,数组为[横向间距, 纵向间距]

演示

演示

VIEW CODE ( LIVE )

基本使用

VIEW CODE ( LIVE )

align - 垂直定位

VIEW CODE ( LIVE )

justify - 水平定位

VIEW CODE ( LIVE )

gutter - 栅格间距

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司