vue-weui

Appearance

Grids 九宫格 ​

Grids 用于显示九宫格菜单

基础使用 ​

Grids 结合 Grid 组件可以快速实现九宫格菜单效果

显示代码
vue
<weui-grids>
  <weui-grid
    icon="https://weui.io//images/icon_tabbar.png"
    label="Grid"
  ></weui-grid>
  <weui-grid
    icon="https://weui.io//images/icon_tabbar.png"
    label="Grid"
  ></weui-grid>
  <weui-grid
    icon="https://weui.io//images/icon_tabbar.png"
    label="Grid"
  ></weui-grid>
</weui-grids>

API ​

Grids Slots ​

名称参数说明版本
default-Grid元素插槽-

GridItem Props ​

名称类型默认值说明版本
iconstring-Grid显示的Icon链接-
labelstring-Grid显示的文本内容-

GridItem Slots ​

名称参数说明版本
icon-自定义Grid Icon内容-
label-自定义Grid label内容-

GridItem Events ​

名称描述参数版本
click点击Grid项的回调(event: MouseEvent) => void-