<template>
	<view class="content">
		<navbar title="用户协议" leftClick @leftClick="$utils.navigateBack" />
		<view class="agreement-container">
			<view class="title">用户协议</view>
			
			<view class="agreement-content">
				<view class="section">
					<view class="section-title">1. 服务条款</view>
					<view class="section-text">
						欢迎使用砼聚人平台！本协议是您与长沙市砼聚人科技有限公司之间关于使用砼聚人平台服务的法律协议。
						<text>\n• 本平台专注于混凝土行业设备代驾服务</text>
						<text>\n• 用户必须年满18周岁且具备完全民事行为能力</text>
						<text>\n• 注册时必须提供真实、准确的个人信息</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">2. 用户权利与义务</view>
					<view class="section-text">
						用户权利：
						<text>\n• 享受平台提供的各项服务</text>
						<text>\n• 获得技术支持和客户服务</text>
						<text>\n• 保护个人信息安全</text>
						<text>\n\n用户义务：</text>
						<text>\n• 遵守国家法律法规</text>
						<text>\n• 提供真实有效的身份信息</text>
						<text>\n• 不得从事违法违规活动</text>
						<text>\n• 保护平台和其他用户的合法权益</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">3. 服务内容</view>
					<view class="section-text">
						平台主要提供以下服务：
						<text>\n• 泵车、搅拌车、车载泵代驾服务</text>
						<text>\n• 司机与企业的信息匹配</text>
						<text>\n• 订单管理和结算服务</text>
						<text>\n• 技术支持和客户服务</text>
						<text>\n• 安全保障和风险控制</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">4. 费用与结算</view>
					<view class="section-text">
						关于平台费用：
						<text>\n• 平台会收取一定比例的服务费</text>
						<text>\n• 具体费率以平台公示为准</text>
						<text>\n• 结算周期为每周结算一次</text>
						<text>\n• 支持多种支付方式</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">5. 责任限制</view>
					<view class="section-text">
						平台责任限制：
						<text>\n• 平台仅提供信息撮合服务</text>
						<text>\n• 不承担因用户违约造成的损失</text>
						<text>\n• 不可抗力因素造成的服务中断</text>
						<text>\n• 用户应自行承担操作风险</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">6. 违约处理</view>
					<view class="section-text">
						如用户违反本协议，平台有权：
						<text>\n• 暂停或终止提供服务</text>
						<text>\n• 冻结或清零用户账户</text>
						<text>\n• 要求承担违约责任</text>
						<text>\n• 追究法律责任</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">7. 协议变更</view>
					<view class="section-text">
						平台有权根据业务发展需要修改本协议：
						<text>\n• 修改后的协议将在平台公示</text>
						<text>\n• 继续使用服务视为同意新协议</text>
						<text>\n• 如不同意可停止使用服务</text>
					</view>
				</view>
				
				<view class="section">
					<view class="section-title">8. 争议解决</view>
					<view class="section-text">
						因本协议产生的争议：
						<text>\n• 首先通过友好协商解决</text>
						<text>\n• 协商不成可申请仲裁</text>
						<text>\n• 适用中华人民共和国法律</text>
						<text>\n• 管辖法院为长沙市人民法院</text>
					</view>
				</view>
				
				<view class="update-time">
					本用户协议最后更新时间：2024年1月1日
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import navbar from '@/components/base/navbar.vue'
	
	export default {
		name: 'LoginAgreementb',
		components: {
			navbar
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: '用户协议'
			});
		}
	}
</script>

<style scoped lang="scss">
	.content {
		padding: 20rpx;
		min-height: 100vh;
		background-color: #f5f5f5;
	}
	
	.agreement-container {
		background-color: #fff;
		border-radius: 10rpx;
		padding: 30rpx;
	}
	
	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
		text-align: center;
		margin-bottom: 40rpx;
	}
	
	.agreement-content {
		line-height: 1.6;
	}
	
	.section {
		margin-bottom: 40rpx;
	}
	
	.section-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 20rpx;
	}
	
	.section-text {
		font-size: 28rpx;
		color: #666;
		line-height: 1.8;
	}
	
	.update-time {
		font-size: 24rpx;
		color: #999;
		text-align: center;
		margin-top: 40rpx;
		padding-top: 20rpx;
		border-top: 1rpx solid #f0f0f0;
	}
</style>