11

pageMy/federation/forMembership/Notice.vue

@@ -0,0 +1,85 @@
+<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>