<template>
	<view class="agreement-container">
		<!-- 顶部导航栏 -->
		<view class="nav-bar">
			<view class="nav-back" @tap="goBack">
				<uni-icons type="left" size="24" color="#333"></uni-icons>
			</view>
			<view class="nav-title">用户协议</view>
			<view class="nav-placeholder"></view>
		</view>

		<!-- 内容区域 -->
		<scroll-view class="content-scroll" scroll-y>
			<view class="agreement-content">
				<view class="agreement-title">家庭记账用户协议</view>

				<view class="agreement-section">
					<text class="section-title">1. 服务条款的接受</text>
					<text class="section-text">
						欢迎使用家庭记账应用。通过下载、安装或使用本应用，即表示您同意遵守本用户协议的所有条款和条件。如果您不同意这些条款，请不要使用本应用。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">2. 服务说明</text>
					<text class="section-text">
						2.1 家庭记账是一款为用户提供记账、账单管理等服务的移动应用程序。
					</text>
					<text class="section-text">
						2.2 我们保留随时修改或中断服务而不需通知用户的权利。
					</text>
					<text class="section-text">
						2.3 用户需自行承担使用本服务所产生的风险，包括但不限于因使用本服务而导致的计算机系统损坏或数据丢失。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">3. 用户账号</text>
					<text class="section-text">
						3.1 用户注册成功后，将获得一个账号和密码。用户应妥善保管账号和密码，并对使用该账号和密码进行的所有活动承担责任。
					</text>
					<text class="section-text">
						3.2 用户不得将账号转让、出借或以其他方式提供给他人使用。
					</text>
					<text class="section-text">
						3.3 如发现任何非法使用账号的情况，应立即通知我们。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">4. 用户行为规范</text>
					<text class="section-text">
						4.1 用户在使用本服务时，必须遵守相关法律法规，不得利用本服务从事任何违法或不当行为。
					</text>
					<text class="section-text">
						4.2 禁止用户：
					</text>
					<text class="section-text">
						（1）发布或传输任何违法、有害、威胁、辱骂、骚扰、诽谤、侵犯隐私的信息；
					</text>
					<text class="section-text">
						（2）侵犯他人的知识产权、商业秘密或其他合法权利；
					</text>
					<text class="section-text">
						（3）干扰或破坏本服务的正常运行；
					</text>
					<text class="section-text">
						（4）传播病毒、木马或其他恶意代码。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">5. 隐私保护</text>
					<text class="section-text">
						我们重视用户的隐私保护。关于个人信息收集、使用和保护的具体内容，请参阅我们的《隐私政策》。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">6. 知识产权</text>
					<text class="section-text">
						6.1 本应用的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、版面设计等，均受知识产权法保护。
					</text>
					<text class="section-text">
						6.2 用户在使用本服务过程中产生的内容，用户保留其知识产权，但授权我们在服务范围内使用该内容。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">7. 免责声明</text>
					<text class="section-text">
						7.1 本服务按"现状"提供，不提供任何明示或暗示的保证。
					</text>
					<text class="section-text">
						7.2 我们不对以下情况承担责任：
					</text>
					<text class="section-text">
						（1）因用户使用本服务而产生的任何直接或间接损失；
					</text>
					<text class="section-text">
						（2）因不可抗力、网络故障、系统维护等原因导致的服务中断；
					</text>
					<text class="section-text">
						（3）第三方提供的内容或服务。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">8. 协议的修改</text>
					<text class="section-text">
						我们有权随时修改本协议的条款。修改后的协议一旦公布即代替原协议。用户如不同意修改后的协议，可以停止使用本服务。继续使用本服务即视为用户接受修改后的协议。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">9. 法律适用与争议解决</text>
					<text class="section-text">
						9.1 本协议的订立、执行和解释均适用中华人民共和国法律。
					</text>
					<text class="section-text">
						9.2 如发生争议，双方应友好协商解决；协商不成的，任何一方均可向被告所在地人民法院提起诉讼。
					</text>
				</view>

				<view class="agreement-section">
					<text class="section-title">10. 联系我们</text>
					<text class="section-text">
						如对本协议有任何疑问或建议，请通过以下方式联系我们：
					</text>
					<text class="section-text">
						邮箱：support@familyaccount.com
					</text>
					<text class="section-text">
						电话：400-XXX-XXXX
					</text>
				</view>

				<view class="agreement-footer">
					<text class="footer-text">更新日期：2024年1月</text>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			// 不需要登录验证
			needLogin: false
		}
	},
	methods: {
		// 返回上一页
		goBack() {
			uni.navigateBack()
		}
	}
}
</script>

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

.nav-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 88rpx;
	padding: 0 30rpx;
	background: #fff;
	box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
	position: sticky;
	top: 0;
	z-index: 100;
}

.nav-back {
	width: 60rpx;
	height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
}

.nav-placeholder {
	width: 60rpx;
}

.content-scroll {
	flex: 1;
	height: calc(100vh - 88rpx);
}

.agreement-content {
	padding: 40rpx 30rpx;
	background: #fff;
}

.agreement-title {
	font-size: 40rpx;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 50rpx;
}

.agreement-section {
	margin-bottom: 50rpx;
}

.section-title {
	display: block;
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 20rpx;
}

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

.agreement-footer {
	margin-top: 60rpx;
	padding-top: 30rpx;
	border-top: 1rpx solid #eee;
	text-align: center;
}

.footer-text {
	font-size: 24rpx;
	color: #999;
}
</style>
