Grid 九宫格

提供 wx-grid 和 wx-grid-item 两个组件。

基本用法

<wx-grid>
  <wx-grid-item :label="`Grid ${i}`" :icon="icon" :to="{path: '/'}" v-for="i in 6" :key="i"></wx-grid-item>
</wx-grid>

<script>
import icon from "@/assets/picture.png";
export default {
  data() {
    return {
      icon
    };
  }
};
</script>

自定义列数

<wx-grid :cols="2">
  <wx-grid-item :label="`Grid ${i}`" :icon="icon" :to="{path: '/'}" v-for="i in 4" :key="i"></wx-grid-item>
</wx-grid>

Grid Attributes

参数	说明	类型	可选值	默认值
cols	自定义列数	Number	-	3

Grid-item Attributes

参数	说明	类型	可选值	默认值
icon	图标	String	-	-
label	标题	String	-	-
to	路由信息，配合 vue-router 使用	String/Object	-	-

Grid-item Events

事件名称	说明	回调参数
click	点击时触发，如设置了属性 to ，则优先路由跳转	event: Event

九宫格