<template>
	<view>
		<view class="bgImg">
			<!-- <view class="title">
				海河流域北海海域生态环境监督管理
			</view> -->
			<!-- logo区域 -->
			<view class="logoWrap">
				<image src="../../static/image/logo_txt.png" mode="aspectFill"></image>
			</view>
			<view class="subTitle">
				前端准入 过程控制 末端治理
			</view>
			<view class="homeOneWrap">
				<view class="homeOne" @click="href('license/check','pwjg')">
					<view class="homeTitle">
						排污许可证后监管
					</view>
				</view>
			</view>
			<view class="homeTwoWrap">
				<view class="homeTwo" @click="href('license/check','rhjg')">
					<view class="homeTitle">
						入河排污口设置监管
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			href(url,pgType){
				if(pgType == 'pwjg'){
					this.$href(url)
				}else{
					uni.showToast({
						title:'敬请期待',
						icon:'none'
					})
				}
			}
		}
	}
</script>

<style>
	
	.logoWrap{padding-top: 110rpx;display: flex;justify-content: center;}
	.logoWrap image{width: 504rpx;height: 140rpx;}
	
	.bgImg{height: 866rpx;background: url(../../static/image/img_bg.png) no-repeat;background-size: 100% 866rpx;padding: 0 48rpx;position: relative;}
	.bgImg .title{padding-top: 150rpx;font-size: 30rpx;color: #fff;text-align: center;}
	.bgImg .subTitle{padding-top: 30rpx;font-size: 35rpx;color: #fff;text-align: center;font-weight: 600;}
	.bgImg .homeOneWrap{padding-top: 60rpx;}
	.homeOneWrap .homeOne{background: url(../../static/image/img_home1.png) no-repeat;background-size: 100% 280rpx;height: 280rpx;}
	.bgImg .homeTwoWrap{padding-top: 46rpx;}
	.homeTwoWrap .homeTwo{background: url(../../static/image/img_home2.png) no-repeat;background-size: 100% 280rpx;height: 280rpx;}
	.homeTitle{padding: 80rpx 48rpx;font-size: 40rpx;color: #fff;}
</style>