uniapp/pages/alarmingList/alarmingList.vue

<template>
	<view>
		<!-- 宫格列表 -->
		<square :cuIconList="cuIconList"></square>
		<!-- <view class="section2 section  bg-white margin-top-sm margin-bottom-sm">
			<view class="cu-list grid col-3 no-border">
				<view class="cu-item justify-center align-center"  @tap="goProcessList">
					<image src="../../static/square-dl.png" style="width:100rpx;height:100rpx"></image>
					<view class="cu-tag badge">99+
					</view>
					<text>电力监测</text>
				</view>
				<view class="cu-item justify-center align-center">
					<image src="../../static/square-alarm.png" style="width:100rpx;height:100rpx"></image>  
					<text>视频告警</text>
				</view>
				
			</view>
		</view> -->
	</view>
</template>

<script>
	// import square from '../../components/square/square.vue';
	
	export default {
		// components: {
		
		// 	square
		// },
		data() {
			return {
				// 宫格列表数据
				cuIconList: [{
					imgUrl:'../../static/square-dl.png',
					badge: 120,
					name: '电力监测',
					redirectUrl:'/pages/processList/processList?type=1'
				}, {
					imgUrl:'../../static/square-alarm.png',
					badge: 0,
					name: '视频告警',
					redirectUrl:'/pages/processList/processList?type=2'
				}],
				
			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: '综合报警'
			});
			
		},
		methods: {
			
			// 页面跳转
			goProcessList() {
				uni.navigateTo({
					url: '/pages/processList/processList',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			
		}
	}
</script>

<style>

</style>