Grid 宫格

Grid 宫格:可设置2~5列,以及基本样式设置,结合grid-item使用。

组件结构

<template>
	<view class="tui-grids" :class="{'tui-border-top':unlined}">
		<slot></slot>
	</view>
</template>

组件脚本

<script>
	export default {
		name:"tuiGrid",
		props: {
			//是否去掉上线条
			unlined: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

组件样式

... 此处省略n行

脚本说明

props

参数 类型 描述 默认值
unlined Boolean 是否去掉上线条 false

methods

示例

H5预览地址

https://www.thorui.cn/h5/#/pages/extend/grid/grid

H5二维码

小程序二维码