xfapp/pages/analyse/analyse.vue

<template>
	<view class="analyse-wrapper">
		<view class="top-banner justify-center align-center text-center">
			<image class="image-bg" src="/static/analyse-bg.png"/>
		</view>
		<view class="cu-list menu-avatar padding-lr">
			<view class="cu-item shadow" @tap="goMonthReport()">
				<view class="cu-avatar ">
					<image class="image-bg" src="/static/yb-icon.png"/>
				</view>
				<view class="content">
					<view class="">月报</view>
				</view>
				<view class="nav-right">
					<view class="text-grey">
						<text class="icon iconfont margin-right-xs margin-left-lg">&#xe629;</text>
					</view>
				</view>
			</view>
			<view class="cu-item  shadow"  @tap="goBuildingCheck()">
				<view class="cu-avatar ">
					<image class="image-bg" src="/static/build-icon.png"/>
				</view>
				<view class="content">
					<view class="">建筑体检</view>
				</view>
				<view class="nav-right">
					<view class="text-grey">
						<text class="icon iconfont margin-right-xs margin-left-lg">&#xe629;</text>
					</view>
				</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			goMonthReport() {
				uni.navigateTo({
					url: '/pages/analyse/monthReport/monthReport',
				});
			},
			goBuildingCheck(){
				uni.navigateTo({
					url: '/pages/analyse/buildingCheck/buildingCheck',
				});
			}
			

		}
	}
</script>
<style>
	.shadow {
		box-shadow: 1px 1px 4px rgb(26 26 26 / 10%);
	}
</style>

<style lang="scss">  

</style>