<template>
	<view class="terms-page padding">
		<view class="topborder">
			<view class="topimgclass">
				<image  :src="`${imgPath}static/userui/ebike665.png`"></image>
			</view>
			<view style="margin-top: 20px;">
				<h3>服务协议</h3>
			</view>
			<view class="wz1">
				请仔细阅读以下内容,并做出适当的选择:
			</view>
		</view>
		<view>
			<view>
				<h4>服务协议与隐私政策</h4>
			</view>

			<view class="wz2">
				<p>一、总则</p>
				<p>1.1用户应当同意本协议的条款并按照页面上的提示完成全部的注册程序。用户在进行注册程序过程中勾选”我已阅读并接受”模块即表示用户与产品名称达成协议，完全接受本协议项下的全部条款。</p>
				<p>1.2用户注册成功后，用户应当对以其用户帐号进行的所有活动和事件负法律责任。</p>
				<p>1.3用户可以使用产品名称各个频道单项服务，当用户使用产品名称各单项服务时，用户的使用行为视为其对该单项服务的服务条款以及产品名称在该单项服务中发出的各类公告的同意。</p>
			</view>
			<view class="wz2">
				<p>二、注册信息和隐私保护</p>
				<p>2.1产品名称帐号(即产品名称用户ID)的所有权归产品名称，用户完成注册申请后，获得产品名称帐号的使用权。</p>
			</view>

		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue';
	import config from '@/utils/config';
	const imgPath = config.imgPath;

	const scrollHeight = ref(0);
	onMounted(() => {});
</script>

<style scoped>
	.terms-page {
		background-color: white;
	}

	.topimgclass {
		height: 50px;
	}

	.topimgclass image {
		height: 60px;
		width: 80px;
	}

	.topborder {
		border-bottom: solid 1px rgb(212 212 212);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.wz1 {
		font-size: 12px;
		line-height: 24px;
		color: #7a7a7a;
	}

	.wz2 {
		font-size: 12px;
		line-height: 24px;
		color: #424242;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	/* Optional: Add padding or margin to p tags for better spacing */
	p {
		margin-bottom: 10px;
	}
</style>