notice-registration.vue 2.73 KB
<template>
	<view class="notice-page">
		<view class="notice-content">
			<view class="notice-body">
				<view class="section">
					<view class="section-title">尊敬的用户:</view>
					<view class="section-text">欢迎您注册中国跆拳道协会会员管理系统。</view>
				</view>

				<view class="section">
					<view class="section-title">一、注册信息</view>
					<view class="section-text">根据系统要求及提示,在网上填写必要的个人用户或单位用户相关有效信息即可注册成功。</view>
				</view>

				<view class="section">
					<view class="section-title">二、用户权限</view>
					<view class="section-item">1)信息注册成功仅代表您同意将本人或本单位信息纳入到本系统内,并非中国跆拳道协会会员。</view>
					<view class="section-item">2)注册用户如需办理相关业务需向所属单位或向上级协会提交缴费及入会申请,会员信息在有效期内方可使用相关功能。</view>
				</view>

				<view class="section">
					<view class="section-title">三、责任</view>
					<view class="section-item">1)用户须遵守国家法律法规。</view>
					<view class="section-item">2)用户须按要求填写准确的个人及单位资料,如用户提供的资料包含有不正确的信息,本系统保留结束用户使用相关服务的权利。</view>
					<view class="section-item">3)中国跆拳道协会承诺保守用户信息等秘密。</view>
				</view>

				<view class="section">
					<view class="section-title">四、解释权说明</view>
					<view class="section-text">以上内容最终解释权归中国跆拳道协会所有。</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	function goBack() {
		uni.navigateBack()
	}
</script>

<style lang="scss" scoped>
.notice-page {
	min-height: 100vh;
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
}

.notice-content {
	flex: 1;
	padding: 30rpx;
	overflow-y: auto;
}

.notice-header {
	padding: 40rpx 0;
	text-align: center;
}

.notice-title {
	font-size: 36rpx;
	font-weight: 600;
	color: #333;
}

.notice-body {
	background: #fff;
	border-radius: 16rpx;
	padding: 40rpx;
}

.section {
	margin-bottom: 40rpx;

	&:last-child {
		margin-bottom: 0;
	}
}

.section-title {
	font-size: 30rpx;
	font-weight: 600;
	color: #333;
	margin-bottom: 20rpx;
	line-height: 1.5;
}

.section-text {
	font-size: 28rpx;
	color: #666;
	line-height: 1.8;
	text-align: justify;
}

.section-item {
	font-size: 28rpx;
	color: #666;
	line-height: 1.8;
	margin-bottom: 12rpx;
	text-align: justify;
	padding-left: 0;

	&:last-child {
		margin-bottom: 0;
	}
}

.notice-footer {
	padding: 30rpx;
	background: #fff;
	box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
}

</style>