Grid Template Columns

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

使用前缀

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

vue

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

Class	Properties	平台兼容性说明
grid-cols-1	grid-template-columns: repeat(1, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-2	grid-template-columns: repeat(2, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-3	grid-template-columns: repeat(3, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-4	grid-template-columns: repeat(4, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-5	grid-template-columns: repeat(5, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-6	grid-template-columns: repeat(6, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-7	grid-template-columns: repeat(7, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-8	grid-template-columns: repeat(8, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-9	grid-template-columns: repeat(9, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-10	grid-template-columns: repeat(10, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-11	grid-template-columns: repeat(11, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-12	grid-template-columns: repeat(12, minmax(0, 1fr));	H5、小程序、app-vue
grid-cols-none	grid-template-columns: none	H5、小程序、app-vue