例如,可以使用`.uni-grid--gap-{x}`类,其中`{x}`代表所需的间隔大小(以像素为单位),来添加网格项之间的间距。还可以使用`.uni-grid--align-{x}`类来设置网格项的对齐方式,其中`{x}`可以是`start`、`center`或`end`。 此外,Uni-Grid还支持媒体查询,可以根据不同的屏幕尺寸和设备类型,提供不同的布局...
gutter: 此行中的列之间的间隔,单位: upx align: 对齐方式, 为'left','right','center'之一 u-col组件(列)属性: span: 此列所占格数, 一行为24格 offset: 偏移格数 使用步骤 导入本组件, 一般目录在./components/dl-grid 在main.js全局注册组件, 方便随时调用, 如: import Vue from 'vue' // 注意...
参数说明类型默认值可选值 col 宫格的列数 String | Number 3 - border 是否显示宫格的边框 Boolean false true align 宫格的对齐方式,用于控制只有一两个宫格时的对齐场景 String left center / right gap 宫格间隔(暂不支持nvue) String 0px -
gutter: 此行中的列之间的间隔,单位: upx align: 对齐方式, 为'left','right','center'之一 u-col组件(列)属性: span: 此列所占格数, 一行为24格 offset: 偏移格数 使用步骤 导入本组件, 一般目录在./components/dl-grid 在main.js全局注册组件, 方便随时调用, 如: ...