youxi-app/pages/user/agreement.uvue

<template>
	<cl-page>
	<cl-topbar title="用户服务协议" fixed safeAreaTop></cl-topbar>
		<view class="container">
			<scroll-view class="content" scroll-y>
				<view class="article">
					<view class="section">
						<view class="section-title">一、协议说明</view>
						<view class="section-content">
							<p>欢迎您使用乐学小盘熊小程序（以下简称“本小程序”）。您在使用本小程序服务前，请认真阅读本《用户服务协议》。您的注册、登录、浏览、使用等行为，即代表您已阅读、理解并同意接受本协议全部条款，自愿遵守本协议约束。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">二、服务说明</view>
						<view class="section-content">
							<p>本小程序为用户提供在线功能服务，用户可通过手机号完成账号登录、使用小程序对应功能。本小程序仅提供合法合规的日常服务，不提供违法、违规、侵权、色情、暴力、赌博等内容与服务。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">三、用户账号与使用规范</view>
						<view class="section-content">
							<p>3.1 用户可通过手机号完成账号注册与登录，保证所提交信息真实、有效、合法。</p>
							<p>3.2 用户不得利用本小程序从事任何违反国家法律法规、侵害他人合法权益、扰乱公共秩序的行为。</p>
							<p>3.3 用户账号仅限本人使用，不得转借、出租、出售、共享给他人。因用户自身保管不当产生的一切后果，由用户自行承担。</p>
							<p>3.4 如用户存在违规使用行为，我方有权采取包括但不限于警告、限制功能、封禁账号等处理措施。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">四、用户权利与义务</view>
						<view class="section-content">
							<p>4.1 用户有权在遵守本协议前提下正常使用小程序全部公开服务。</p>
							<p>4.2 用户有义务保证自身操作合法合规，不得恶意攻击、骚扰、刷量、破坏小程序正常运行。</p>
							<p>4.2 用户不得在小程序内发布、传播违法、侵权、低俗、虚假等违规信息。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">五、知识产权</view>
						<view class="section-content">
							<p>本小程序所有文字、界面、功能、代码、标识等知识产权均归我方所有。未经我方书面许可，任何单位及个人不得复制、转载、篡改、商用、二次分发。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">六、免责声明</view>
						<view class="section-content">
							<p>6.1 我方将尽力保障小程序稳定运行，但不对因网络故障、系统维护、第三方原因、不可抗力导致的临时无法使用、数据延迟等问题承担责任。</p>
							<p>6.2 用户使用本小程序产生的自主决策、自主操作行为，后果由用户自行承担。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">七、协议更新</view>
						<view class="section-content">
							<p>我方有权根据业务及法规需要，适时更新本服务协议，更新后将在小程序内公示，公示后即生效，继续使用即视为接受更新后协议。</p>
						</view>
					</view>

					<view class="section">
						<view class="section-title">八、其他</view>
						<view class="section-content">
							<p>本协议适用中华人民共和国法律，如发生争议，双方优先协商解决，协商不成可向我方所在地人民法院提起诉讼。</p>
						</view>
					</view>

					<view class="footer">
						<p>本协议最终解释权归本平台所有。</p>
					</view>
				</view>
			</scroll-view>
		</view>
	</cl-page>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped>
.container {
	@apply w-full h-full bg-white  pb-8 px-4;
}

.title {
	@apply text-xl font-bold text-center mb-6 text-gray-800;
}

.content {
	@apply h-[calc(100vh-100px)];
}

.article {
	@apply text-gray-600 text-sm leading-relaxed;
}

.section {
	@apply mb-6;
}

.section-title {
	@apply font-bold text-gray-800 mb-2 text-base;
}

.section-content {
	@apply pl-4;
}

.section-content p {
	@apply mb-2;
	text-indent: 2em;
}

.footer {
	@apply mt-8 pt-4 border-t border-gray-100 text-center text-gray-400;
}

.footer p {
	@apply mb-1;
}
</style>