yql/pages/grid/grid.vue

<template>
	<view>
		<zy-grid :grid-list=gridList :show-tip="true" :col="4"></zy-grid>
	</view>
</template>

<script>
	import zyGrid from '../../components/zy-grid/zy-grid.vue'
	export default {
		components:{
			zyGrid
		},
		data () {
			return {
				gridList: [	//格子数据列表
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-01.svg',
						tips: 19
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-02.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-03.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-04.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-05.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-06.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-07.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-08.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-09.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-10.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-11.svg',
						tips: ''
					},
					{
						name: '测试图标',
						imgUrl: '../../static/zy-grid/grid-12.svg',
						tips: ''
					}
				]
			}
		}
	}
</script>

<style>
	
</style>