<template>

	<view class="box" style="position: relative;">
		<image @click="back" class="bg_back"
			src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>

		<view class="li" @click="navSw('/pages/index/index')">
			<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/3b48a202402260945419661.webp" width="690rpx"
				height="200rpx" style="position: absolute;"></u--image>
			<view class="btn">
				我是居民用户
			</view>
		</view>
		<view class="li" style="margin-top: 50rpx;" @click="navgo('/pages/helpPeople/formTable')">
			<u-image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48aed202402260946123969.webp" width="690rpx"
				height="200rpx" style="position: absolute;"></u-image>
			<view class="btn">
				我是农民用户
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0
			}
		},
		methods: {
			back() {
				uni.navigateBack();
			},
			navgo(url) {
				uni.navigateTo({
					url
				})
			},
			navSw(url) {
				uni.switchTab({
					url: url
				})
			}
		}
	}
</script>

<style lang='scss' scoped>
	page {
		height: 100%;
		overflow: hidden;
		background-image: linear-gradient(180deg, #20A162 0%, #EFFAEF 39%, #EFFCEA 68%, #EFFFE5 100%);
	}

	.box {
		width: 750rpx;
		height: 100vh;
		background-image: url(https://lihai001.oss-cn-chengdu.aliyuncs.com/def/1333d202402261025145680.webp);
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding-top: 500rpx;
	}

	.li {
		margin: 0rpx auto;
		width: 690rpx;
		height: 200rpx;
		background-size: 100% 100%;
		position: relative;

		.btn {
			z-index: 999;
			position: absolute;
			width: 287rpx;
			height: 76rpx;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			opacity: 1;
			border: 2rpx solid #20A162;
			text-align: center;
			line-height: 76rpx;
			color: #20A162;
			font-size: 34rpx;
			right: 50rpx;
			bottom: 50rpx;
		}
	}

	.bg_back {
		height: 34rpx;
		width: 20rpx;
		position: absolute;
		top: calc(var(--status-bar-height) + 30rpx);
		left: 30rpx;
	}
</style>