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 : props中item的index值
是否仍需要帮助？ 请保持联络！
最后更新于 2025/09/15