grid

Grid 宫格，结合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:
   无

示例

... 此处省略n行,下载源码查看

← footer icon →