uniapp/pages/analyse/analyse.vue

<template>
	<view class="analyse-wrapper">
		<view class="top-banner justify-center align-center text-center">
			
		</view>
		<view class="cu-list menu-avatar padding-lr">
			<view class="cu-item shadow" @tap=goMonthReport()>
				<view class="cu-avatar " style="background-image:url(../../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" >
				<view class="cu-avatar " style="background-image:url(../../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.showModal({
					title: 'Tips',
					content: '此模块开发中~',
					showCancel: false,
					success: function(res) {
						if (res.confirm) {} else if (res.cancel) {}
					}
				});
			}
			

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

<style lang="scss">  

	// .analyse-wrapper {
	// 	.top-banner {
	// 		width: 100%;
	// 		height: 273rpx;
	// 		background: url(../../static/analyse-bg.png) no-repeat;
	// 		background-size:cover;
			
	// 	}
	// 	.cu-list.menu-avatar .cu-item{
		
	// 		margin:30rpx 0 0;
	// 		margin-left:0;
			
	// 		.cu-avatar{
	// 			background-color:rgba(0,0,0,0);
	// 			left:26rpx;
	// 		}
	// 		.content{
	// 			left:130rpx;
	// 			font-size:32rpx;
	// 		}
	// 	}
		
		

	// }
</style>