lanyun-grid

介绍

该组件用户展示多个栏目或菜单,将宫格分割成多个块展示

使用方法

import "../../components/lanyun-grid/lanyun-grid.stml";

例子

<lanyun-grid @click="handleGrid" :column="3" :item="grid" border border-color="#fff" font-style="font-size:12px;" item-bg-color="#8ab6d6" item-color="#fff" />

props 属性

参数 说明 类型 默认值
item 宫格项,必填 json -
column 列数,选填 number \ string 4
border 是否显示宫格的边框,选填 boolean false
border-color 边框颜色,选填 string #E5E7EB
font-style 文字样式,选填 string -
item-bg-color 宫格的背景颜色,选填 string #fff
item-color 宫格的字体颜色,选填 string #111827
icon-size 宫格图标大小,选填 string 22px

events 事件

事件名 说明 回调参数
click 点击宫格时触发 index : propsitemindex