wit-uniapp/pages/Workorder/Workorder.vue

<template>
	<view class="management">
		<view class="managelind">
			<view class="managename" @click="Tenantbill">
				<view class="managename1">
					<img :src='src1' alt="">
				</view>
				<view class="managename2">
					租户账单
				</view>
			</view>
			<view class="managename" @click="Remotecontrol">
				<view class="managename1">
					<img :src='src2' alt="">
				</view>
				<view class="managename2">
					远程管控
				</view>
			</view>
			
		</view>
	
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
					src1: require('@/static/management/zd.png'),
					src2: require('@/static/management/yc.png'),
			}
		},
		methods: {
			Tenantbill(){
				uni.navigateTo({
					url: '/pages/Workorder/Tenantbill/Tenantbill'
				})				
			},
			Remotecontrol(){
				uni.navigateTo({
					url: '/pages/Workorder/Remotecontrol/Remotecontrol'
				})
			},
			
		}
	}
</script>

<style>
.management{}
.managelind{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 690rpx;
	min-height: 130rpx;
	margin: 20rpx auto;
	background: #fff;
	border-radius: 10px;
}
.managename{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.managename1 img{
		width: 40rpx;
		height: 40rpx;
}
.managename2{
	padding-top: 15rpx;
	color: #666;
	font-size: 20rpx;
}


</style>