zhxf-app/pages/deviceType/deviceType.vue

<template>

	<view class="">
		<view class="cu-list menu-avatar">
			<view class="cu-item deviceTypeItem" v-for="(item,index) in deviceType" :key="index" @tap="goDeviceType">
				<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>
						共{{item.num}}个设备
						<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 {
				deviceType: json.deviceType,
			};
		},
		onLoad: function(option) {

		},

		methods: {
			goDeviceType() {
				uni.navigateTo({
					url: '/pages/device-Manage/device-Manage',
				});
			}

		}

	}
</script>

<style lang="scss">

</style>