Skip to content
On this page

Flexbox And Grid

Grid Template Rows

用于在网格布局中指定行的功能类。

使用前缀

为了防止和开发者项目中的其他原子化样式语法冲突,样式库默认添加了前缀 lwu,使用示例如下:

vue
<view class="lwu-flex"></view>

语法

ClassProperties平台兼容性说明
grid-rows-1grid-template-rows: repeat(1, minmax(0, 1fr));H5、小程序、app-vue
grid-rows-2grid-template-rows: repeat(2, minmax(0, 1fr));H5、小程序、app-vue
grid-rows-3grid-template-rows: repeat(3, minmax(0, 1fr));H5、小程序、app-vue
grid-rows-4grid-template-rows: repeat(4, minmax(0, 1fr));H5、小程序、app-vue
grid-rows-5grid-template-rows: repeat(5, minmax(0, 1fr));H5、小程序、app-vue
grid-rows-6grid-template-rows: repeat(6, minmax(0, 1fr));H5、小程序、app-vue
grid-rows-nonegrid-template-rows: none;H5、小程序、app-vue