页面设计—GridRow栅格行组件

1、何时使用

在栅格布局基础上,一般需要通过行(GridRow)和列(GridCol)来定义信息区块的外部框架,以保证页面的每个区域能够稳健地排布起来。

2、如何使用

(1)找到GridRow组件,拖放到页面位置(一般配合GridCol组件一起使用)。

(2)在组件内拖入GridCol配置栅格,在高级设置里设置样式;也可以在自定义样式里编写css样式。

页面设计—GridRow栅格行组件_第1张图片

 3、使用案例

(1)配合GridCol组件使用,在GridCol组件配置栅格。

效果:

 配置:

页面设计—GridRow栅格行组件_第2张图片

 (2)GridRow组件完成flex布局配合GridCol实现多种布局样式。

效果:

页面设计—GridRow栅格行组件_第3张图片

配置:

页面设计—GridRow栅格行组件_第4张图片

 

你可能感兴趣的:(前端,html,css,低代码)