zhxf-app/pages/xunJian/xunJian.vue

<template>

	<view class="">
		<view class="cu-list menu-avatar">
			<view class="cu-item deviceTypeItem" v-for="(item,index) in inspectList" :key="index" @tap="goRecordPage(index)">
				<view class="cu-avatar round" :style="`background-image:url(${item.imgUrl})`"></view>
				<view class="content">
					<view class="title">{{item.title}}</view>
				</view>
				<view class="nav-right num">
					<view>
						
						<text class="icon iconfont margin-right-xs margin-left-lg">&#xe629;</text>
					</view>
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	import json from '../../data/json.js';
	export default {
		data() {
			return {
			inspectList: json.xunJianList,

			};
		},
		onLoad:function(option){
			
		},
		
	
		methods: {
			goRecordPage(index){
				
				
				let url = "";
				switch (index) {
					case 0:
						url = "/pages/xunJian/record/record"
						break;
					case 1:
						url = "/pages/xunJian/plan/plan"
						break;
					
					
				}
				
				
				uni.navigateTo({
					url: url
				})
			}

			
			
			
			
			



		}

	}
</script>

<style lang="scss">
	
</style>