<template>
	<view style="height: 100%;">
		
	<view class="notice">
		<view class="body">
			<view>
				<view class="list" v-for="(item, index) in list" :key="index">
					{{item}}
				</view>
			</view>
			<view style="height:65rpx;"></view>
			<view class="nextBtn" @click="go('/pageMy/federation/forMembership/perfectXin')">下一步</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				list: [
					'1、选举权、被选举权和表决权。',
					'2、对工会工作监督提出意见和建议。',
					'3、对用人单位工作提出批评与建议。',
					'4、在合法权益受到侵犯时，要求工会给予保护。',
					'5、工会提供的法律服务、就业服务等优惠待遇。',
					'6、参加关于工会工作和会员关心问题的讨论。'
				]
			}
		},
		methods: {
			go(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		height:100%;
		background-color: #2354fd;
	}
	.notice{
		width: 100%;
		height:100%;
		background: url('../../static/img/federation/notice.png') no-repeat;
		background-size: contain;
		margin-top: -50px;
		position: absolute;
	}
	.body{
		width: 590rpx;
		height: 711rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		z-index: 999;
		position: absolute;
		top: 534rpx;
		// bottom: 220rpx;
		left: 6%;
		padding: 38rpx;
		.list{
			font-size: 30rpx;
			font-weight: 400;
			color: #333333;
			line-height: 55rpx;
		}
		.nextBtn{
			margin: 45rpx 0 0 93rpx;
			width: 402rpx;
			height: 80rpx;
			background: #1B66FF;
			border-radius: 8rpx;
			font-size: 30rpx;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 80rpx;
			text-align: center;
		}
	}
</style>
