CommunityApp/pages/tool-list/tool-list.vue

<template>
	<view>
		<grid :column="4" :gridList="gridList" :border="false" @tapGrid="tapGrid"></grid>
		<u-divider bg-color="#f1f1f1" height="100">到底了</u-divider>
	</view>
</template>

<script>
	import grid from "@/comps/grid/grid.vue"
	export default {
		components:{
			grid
		},
		data() {
			return {
				//提示：如果点击某项，不进行跳转页面，那么请添加type属性为click
				gridList:[
				   {
				       title:'业主认证',
				       subList:[
				           {
				               src:'/static/grid1/fangwu.png',  name:'我的房屋', url:"/pages/myhome/myhome"
				           },
				           {
				               src:'/static/grid1/luru.png',  name:'人脸录入', url:"/pages/uploadFace/uploadFace"
				           },
				           {
				               src:'/static/grid1/renyuan.png',  name:'家人管理', url:"/pages/myFamily/myFamily"
				           },
						   {
				               src:'/static/grid1/fangwu.png',  name:'家人关爱', url:"/pages/index/index",type:'click'
				           },
				           {
				               src:'/static/grid1/baoxiu.png',  name:'增值订购', url:"/pages/index/index",type:'click'
				           },
						   {
				               src:'/static/grid1/luru.png',  name:'业主投票', url:"/pages/index/index",type:'click'
				           }
				       ]
				   },
				   {
				       title:'小区出入',
				       subList:[
				           {
				               src:'/static/grid1/kaimen.png',  name:'一键开门', url:"/pages/device/device",type:'switchTab'
				           },
				           {
				               src:'/static/grid1/fangke1.png',  name:'远程开门', url:"/pages/index/index",type:'click'
				           },
				           {
				               src:'/static/grid1/luru.png',  name:'刷卡开门', url:"/pages/index/index",type:'click'
				           },{
				               src:'/static/grid1/fangke1.png',  name:'访客授权', url:"/pages/authorize_record/authorize_record"
				           },
				           {
				               src:'/static/grid1/baoxiu.png',  name:'访客记录', url:"/pages/record/record"
				           }
				       ]
				   },
				   {
				       title:'小区应用',
				       subList:[
				           {
				               src:'/static/grid1/luru.png',  name:'物业缴费', url:"/pages/index/index", type:'click'
				           },
				           {
				               src:'/static/grid1/fangke1.png',  name:'扫码充电', url:"/pages/index/index", type:'click'
				           },
				           {
				               src:'/static/grid1/baoxiu.png',  name:'物管报修', url:"/pages/index/index", type:'click'
				           },{
				               src:'/static/grid1/gonggao.png',  name:'公告查看', url:"/pages/index/index", type:'click'
				           }
				       ]
				   },
				   {
				       title:'社区周边',
				       subList:[
				           {
				               src:'/static/grid1/fangke1.png',  name:'周边商户', url:"/pages/index/index", type:'click'
				           },
				           {
				               src:'/static/grid1/kaimen.png',  name:'送水服务', url:"/pages/index/index", type:'click'
				           },
						   {
				               src:'/static/grid1/renyuan.png',  name:'代收快递', url:"/pages/index/index", type:'click'
				           }
				       ]
				   }
				]
			}
		},
		methods: {
			tapGrid ( data ) {
				uni.showToast({
					title:"待开发",
					icon:"none"
				})
		   }
		}
	}
</script>

<style>

</style>