Grid

Grid

九宫格。

引入

import { Grid, GridItem } from 'we-vue'
Vue.use(Grid).use(GridItem)

WARNING

grid 需要与 grid-item 配合使用

例子

基本示例

<w-grid>
  <w-grid-item to="/">
    <img :src="thumbSmall" slot="icon">
    <span slot="label">GridItem</span>
  </w-grid-item>
  <w-grid-item url="/">
    <img :src="thumbSmall" slot="icon">
    <span slot="label">GridItem</span>
  </w-grid-item>
  <w-grid-item>
    <img :src="thumbSmall" slot="icon">
    <span slot="label">GridItem</span>
  </w-grid-item>
  <w-grid-item to="/">
    <span>自定义内容</span>
  </w-grid-item>
  <w-grid-item @click="onClick">
      <span>处理点击事件</span>
    </w-grid-item>
</w-grid>
<script>
export default {
  methods: {
    onClick () {
      console.log('click')
    }
  } 
}
</script>

API

• grid-item

  参数	类型	说明	可选值	默认值
  to	String 或 Object	vue-router 跳转目标
  url	String	url 跳转目标

TIP

从 v1.6.0 开始，使用 to 定义 vue-router 跳转目标，使用 url 定义普通跳转。

Slots