OL-LearnPlatform-Frontend/src/views/ServiceAgreement.vue
2025-08-22 14:53:47 +08:00

186 lines
7.7 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="service-agreement-page">
<div class="container">
<!-- 协议内容 -->
<div class="agreement-content">
<!-- 用户协议部分 -->
<div class="agreement-section">
<h2 class="section-title">用户协议</h2>
<p class="update-info">更新日期2025年8月31日</p>
<div class="content-text">
<p>在注册中小学教师人工智能素养提升在线学习平台下称"平台"或使用平台的任何页面之前包括访问任何课程资料讨论区或使用其他电子服务之前请务必审慎阅读充分理解本用户协议下称"本服务条款"隐私政策诚信守则和Cookie政策的内容特别是免除或限制责任的条款限制免责条款可能以黑体加粗形式提示您注意</p>
<p>本服务条款隐私政策诚信守则和Cookie政策是您与平台之间的协议下称"本协议"不论您是否为注册用户您使用本产品软件即视为您已阅读并同意接受本协议的约束如果您不希望受本协议条款的约束我们将无法为您提供服务</p>
<p>如果您未满18周岁请在法定监护人的监护指导下阅读本协议和使用本产品</p>
<p>平台保留在不事先通知您的情况下随时修改本服务条款的权利本服务条款的任何修改在本页面上发布后立即生效并附更新后的生效日期在本产品进行任何修改之后您继续访问本产品即视为您已接受修改后的服务条款和本产品的其他全部修改请定期访问本页面以了解本服务条款的最新版本</p>
</div>
</div>
<!-- 隐私政策部分 -->
<div class="agreement-section">
<h2 class="section-title">隐私政策</h2>
<p class="update-info">更新日期2025年8月31日</p>
<div class="content-text">
<p>在注册中小学教师人工智能素养提升在线学习平台下称"平台"或使用平台的任何页面之前包括访问任何课程资料讨论区或使用其他电子服务之前请务必审慎阅读充分理解本用户协议下称"本服务条款"隐私政策诚信守则和Cookie政策的内容特别是免除或限制责任的条款限制免责条款可能以黑体加粗形式提示您注意</p>
<p>本服务条款隐私政策诚信守则和Cookie政策是您与平台之间的协议下称"本协议"不论您是否为注册用户您使用本产品软件即视为您已阅读并同意接受本协议的约束如果您不希望受本协议条款的约束我们将无法为您提供服务</p>
<p>如果您未满18周岁请在法定监护人的监护指导下阅读本协议和使用本产品</p>
<p>平台保留在不事先通知您的情况下随时修改本服务条款的权利本服务条款的任何修改在本页面上发布后立即生效并附更新后的生效日期在本产品进行任何修改之后您继续访问本产品即视为您已接受修改后的服务条款和本产品的其他全部修改请定期访问本页面以了解本服务条款的最新版本</p>
</div>
<h3 class="subsection-title">平台简述</h3>
<div class="content-text">
<p>平台为用户提供线上学习支持包括但不限于1包括图文视频讨论作业等学习单元的学习2视频在线观看3公告区与讨论区师生同学间互动4线上考试</p>
</div>
<h3 class="subsection-title">网络行为准则</h3>
<div class="content-text">
<p>您同意对您使用本产品和您的用户发布内容承担责任"用户发布内容"是指您和本产品的其他用户在本产品上提交发布发表和分发的所有内容包括但不限于所有帖子评论视频和上传的文件您同意您将根据本服务条款诚信守则和所有适用的法律法规使用本产品不得利用本产品从事违法违规行为您同意尊重当地的社会公德道德和风俗习惯避免因使用本产品而使平台卷入任何政治和公共事件如果您的行为违反本条约定您应当为此承担全部法律及相关行政责任相关国家机关或机构可能会对您提起诉讼罚款或采取其他制裁措施并要求平台给予协助您对由此给平台或他人造成损害的您应依法予以赔偿平台不承担任何责任</p>
<p>作为您使用平台服务的条件之一您不得以任何试图损坏禁用超载或损害平台服务器及连接平台服务器的网站或影响他人使用本产品的方式使用本产品您不得试图通过黑客手段密码破解或任何其他手段未经授权地访问本产品其他帐号软硬件系统和连接平台服务器的网络您不得通过任何不当手段获取或者试图获取存储在本产品其服务器和相关计算机上的资料和信息</p>
<p><strong>本产品严格禁止以下内容</strong>诽谤骚扰或威胁他人的内容讨论试图从事的非法活动的内容侵犯他人知识产权及其他与知识产权有关的合法权利的内容粗俗色情淫秽下流暴力和非法的内容广告或者其他形式的商业宣传与政治活动相关的内容病毒木马蠕虫数据包炸弹篡改的文件恶意软件间谍软件或者其他类似的可能损害他人计算机运行或财产的内容恶意虚构或者故意误导他人的内容</p>
<p>此外您同意不抓取和批量下载本产品的内容包括但不限于系统上的用户列表或目录在线教材用户发布内容或用户信息在使用本产品时您不得冒用或者试图冒用他人身份</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
</script>
<style scoped>
.service-agreement-page {
min-height: 100vh;
background: #f8f9fa;
display: flex;
justify-content: center;
padding: 40px 0;
}
.container {
width: 1420px;
margin: 0 auto;
padding: 0;
}
.agreement-content {
width: 1420px;
height: auto;
background: #FFFFFF;
border-radius: 0;
padding: 0 120px;
box-shadow: none;
margin: 0 auto;
}
.agreement-section {
margin-bottom: 40px;
}
.section-title {
font-size: 28px;
font-weight: 600;
color: #333;
margin: 60px 0 24px 0;
text-align: center;
}
.update-info {
text-align: center;
color: #999;
font-size: 14px;
margin-bottom: 40px;
}
.subsection-title {
font-size: 20px;
font-weight: 600;
color: #444;
margin: 32px 0 16px 0;
}
.content-text {
font-size: 16px;
line-height: 1.8;
color: #555;
margin-bottom: 24px;
}
.content-text p {
margin-bottom: 16px;
text-align: justify;
}
.content-text ul {
margin: 16px 0;
padding-left: 24px;
}
.content-text li {
margin-bottom: 8px;
list-style-type: disc;
}
.update-date {
text-align: center;
color: #999;
font-size: 14px;
margin-top: 40px !important;
}
/* 响应式设计 */
@media (max-width: 1440px) {
.container {
width: 95%;
max-width: 1420px;
}
.agreement-content {
padding: 0 60px 60px 60px;
}
}
@media (max-width: 768px) {
.service-agreement-page {
padding: 24px 16px;
}
.container {
width: 100%;
}
.agreement-content {
padding: 0 24px 40px 24px;
}
.section-title {
font-size: 22px;
margin: 40px 0 20px 0;
}
.subsection-title {
font-size: 18px;
}
}
</style>