<template>
    <view class="container">
		<image class="container-bg" src="/static/images/背景.png" mode=""></image>
		<TransNavVue title="蜂农认证"></TransNavVue>
		<image class="poster-image" src="/static/images/beeFarmerImages/Group 1000008969.png" mode=""></image>
		<text class="jion-text">未入驻平台</text>
		<view class="tips-content">
			<image src="/static/images/beeFarmerImages/Group 1000009079.png" class="tips-image" mode=""></image>
			您还没有入驻平台，填写资料入驻
		</view>
		<button class="jion-btn" @click="gotoJion" >立即入驻</button>
		<view class="jion-rules-content">
			<view class="rules-title">
				<image src="/static/images/beeFarmerImages/Group 1000008893.png" class="title-icon" mode=""></image>
				入驻规则
			</view>
			<text class="rules-text">愿你的每一天都充满阳光和欢笑，每一步都走得坚定而有力。在这个多彩的世界里，愿你收获满满的幸福与成功！\n
祝福如春风般温暖，如夏雨般滋润，如秋月般皎洁，如冬雪般纯净。愿你的每一天都充满阳光和欢笑，每一步都走向成功和幸福。</text>
		</view>
    </view>
</template>

<script setup>
import TransNavVue from '../../components/TransNav.vue';
const gotoJion = ()=>{
	uni.navigateTo({
		url:'/pages/beeFarmerJion/jionForm'
	})
}
</script>

<style lang="scss" scoped>
	.container{
		display: flex;
		flex-direction: column;
		position: relative;
		background: #F6F6F6;
		height: 100vh;
		z-index: 1;
		.container-bg{
			width: 100%;
			height: 548rpx;
			position: absolute;
			z-index: -1;
		}
		.poster-image{
			margin: auto;
			margin-bottom: 0;
			margin-top: 20rpx;
			width: 690rpx;
			height: 470rpx;
		}
		.jion-text{
			margin-top: 50rpx;
			text-align: center;
			font-weight: bold;
			font-size: 48rpx;
			color: #0F1214;
			line-height: 72rpx;
		}
		.tips-content{
			margin-top: 12rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28rpx;
			color: #666666;
			line-height: 42rpx;
			.tips-image{
				width: 32rpx;
				height: 32rpx;
				margin-right: 8rpx;
			}
		}
		.jion-btn{
			margin-top: 40rpx;
			width: 686rpx;
			height: 96rpx;
			background: linear-gradient( 90deg, #FF9A56 0%, #FF7A20 100%);
			border-radius: 50rpx;
			font-weight: bold;
			font-size: 32rpx;
			color: #F6F6F6;
			line-height: 96rpx;
		}
		.jion-rules-content{
			margin:0 auto;
			margin-top: 30rpx;
			width: 686rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			padding: 32rpx;
			.rules-title{
				margin-bottom: 28rpx;
				display: flex;
				align-items: center;
				font-weight: bold;
				font-size: 32rpx;
				color: #1E1E1E;
				.title-icon{
					width: 48rpx;
					height: 48rpx;
				}
			}
			.rules-text{
				font-size: 28rpx;
				color: #666666;	
			}
		}
	}
</style>
