<template>
	<view>
		<view class="bg"><image src="../../static/bg.jpg" mode="widthFix"></image></view>
		<view style="display: flex;padding: 30rpx;width: 100%;box-sizing: border-box;flex-wrap: wrap;justify-content: space-between;">
			<view @click="gopath('/pages/receiptRegistration/organization')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;">
				<view style="width: 50%;margin: 0 auto;">
					<image style="height: 120rpx;width: 100%;" src="../../static/ly/image17.png" mode="aspectFit"></image>
				</view>
				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
					机构上报
				</view>
			</view>
			<view @click="gopath('/pages/receiptRegistration/townShip')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;">
				<view style="width: 50%;margin: 0 auto;">
					<image style="height: 120rpx;width: 100%;" src="../../static/ly/image18.png" mode="aspectFit"></image>
				</view>
				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
					乡镇上报
				</view>
			</view>
			<view @click="gopath('/pages/activitylist/activitylist?activeType=未成年')" style="width: 49%;padding: 50rpx 30rpx;background: rgba(255,255,255,0.63);border-radius: 30rpx;margin-top: 30rpx;">
				<view style="width: 50%;margin: 0 auto;">
					<image style="height: 120rpx;width: 100%;" mode="aspectFit" src="../../static/new/image 4.png"></image>
				</view>
				<view style="width: 100%;color: #3D3D3D;text-align: center;font-size: 25rpx;margin-top: 10rpx;">
					未成年活动
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
			gopath(e) {
				uni.navigateTo({
					url: e
				})
			},
		}
	}
</script>

<style scoped lang="scss">
.bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: -1;
	image {
		width: 100%;
		height: 100vh;
	}
}
.bottom {
	padding: 20rpx 20rpx;
	margin: 20rpx 30rpx;
	width: 94%;
	position: fixed;
	bottom: 30rpx;
	background: rgba(255,255,255,0.63);
	border-radius: 30rpx;
	.bottom-two {
		display: flex;
		justify-content: space-between;
		
		.bottom-two-list {
			position: relative;
			.bottom-two-list-img {
				image {
					width: 320rpx;
					height: 69rpx;
					box-shadow: 5rpx 10rpx 20rpx 0 #b7c8ff;
					border-radius: 100rpx;
				}
			}
			.bottom-two-list-text {
				position: absolute;
				top: 33%;
				left: 25%;
				transform: translate(-33%, -25%);
				color: #fff;
				font-size: 28rpx;
			}
		}
	}
	.bottom-my {
		position: relative;
		.bottom-my-img {
			image {
				width: 710rpx;
				height: 69rpx;
				box-shadow: 5rpx 10rpx 20rpx 0 #b5f4d5;
				border-radius: 100rpx;
			}
		}
		.bottom-my-text {
			position: absolute;
			top: 25%;
			left: 8%;
			transform: translate(-25%, -8%);
			color: #fff;
			font-size: 28rpx;
		}
	}
}
</style>
