323 lines
15 KiB
Vue
323 lines
15 KiB
Vue
<template>
|
||
<view class="agreement-page">
|
||
<!-- 顶部导航栏 -->
|
||
<!-- <view class="nav-bar">
|
||
<view class="nav-left" @click="goBack">
|
||
<uni-icons type="back" size="28" color="#333"></uni-icons>
|
||
</view>
|
||
<view class="nav-title">用户协议</view>
|
||
<view class="nav-right"></view>
|
||
</view> -->
|
||
|
||
<!-- 内容区域 -->
|
||
<scroll-view class="content" scroll-y>
|
||
<view class="agreement-content">
|
||
<!-- 协议标题 -->
|
||
<!-- <view class="agreement-title">用户协议与隐私政策</view> -->
|
||
|
||
<!-- 重要提示 -->
|
||
<view class="important-tip">
|
||
在您注册、登录、使用本小程序服务之前，请您务必审慎阅读、充分理解本协议各条款内容，特别是以加粗形式提示您注意的、关于免除或限制责任、争议解决及法律适用的条款。一旦您以任何方式访问、使用本小程序，即表示您已同意接受本协议及我们另行发布的《隐私政策》的全部内容约束。如您不同意本协议的任何内容，请立即停止使用本小程序。
|
||
</view>
|
||
|
||
<view class="important-tip">
|
||
如果您未满18周岁，请在法定监护人的陪同下阅读和判断是否同意本协议，并特别注意未成年人使用条款。
|
||
</view>
|
||
|
||
<!-- 第一部分：用户服务协议 -->
|
||
<view class="section">
|
||
<view class="section-title">第一部分：用户服务协议</view>
|
||
|
||
<!-- 一、服务定义与变更 -->
|
||
<view class="section-subtitle">一、 服务定义与变更</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">1.1 服务内容：</view>
|
||
<view class="paragraph-text">本小程序是喀什地区人社局为您提供的的平台服务。具体服务内容可能因版本更新而调整。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">1.2 服务变更与中断：</view>
|
||
<view class="paragraph-text">为保障服务质量，我们有权随时对服务内容、功能、操作界面等进行调整、变更或中断，恕不另行单独通知。对于因服务调整、中断或终止对用户或任何第三方造成的损失，除法律明确规定外，不承担任何责任。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 二、账号管理与安全 -->
|
||
<view class="section-subtitle">二、 账号管理与安全</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">2.1 账号注册：</view>
|
||
<view class="paragraph-text">您需要通过微信授权登录来使用本小程序的核心功能。该授权将帮助我们获取您的微信头像、昵称、地区等基本信息。您知悉并同意，该授权行为即视为您已完成账号注册。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">2.2 账号安全：</view>
|
||
<view class="paragraph-text">您的微信账号由您自行保管并承担安全责任。您应妥善保管与微信账号相关的一切信息，并对您账号下发生的一切活动（包括但不限于言论发表、信息发布、服务购买等）承担全部法律责任。如发现任何未经授权的账号使用行为，应立即通知我们。我们将对前述情况采取合理的行动，但除因我们的过错外，我们不承担由此导致的任何损失。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 三、用户行为规范 -->
|
||
<view class="section-subtitle">三、 用户行为规范</view>
|
||
<view class="section-content">
|
||
<view class="paragraph-text">您承诺并保证在使用本小程序服务时遵守中华人民共和国法律法规、社会公德，并不得从事以下行为：</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.1 </view>
|
||
<view class="paragraph-text">上传、发布、传播或分享任何反对宪法所确定的基本原则、危害国家安全、泄露国家秘密、颠覆国家政权、破坏国家统一、损害国家荣誉和利益、煽动民族仇恨、民族歧视、破坏民族团结、破坏国家宗教政策、宣扬邪教和封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪等法律、行政法规禁止的内容；</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.2 </view>
|
||
<view class="paragraph-text">侵犯他人知识产权、商业秘密、肖像权、隐私权等合法权益；</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.3 </view>
|
||
<view class="paragraph-text">发布任何虚假、骚扰性、侮辱性、诽谤性、恐吓性、庸俗淫秽或任何其他非法信息；</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.4 </view>
|
||
<view class="paragraph-text">利用技术手段恶意爬取、干扰、破坏本小程序的正常运营，或增加服务器负载；</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.5 </view>
|
||
<view class="paragraph-text">未经许可，从事任何形式的商业广告行为，或利用本小程序进行传销、金字塔骗局等非法营销活动；</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.6 </view>
|
||
<view class="paragraph-text">其他任何违反法律规定或干扰本小程序正常运营的行为。</view>
|
||
</view>
|
||
|
||
<view class="paragraph-text">若用户违反上述规定，我们有权单方面判断采取中断服务、限制功能、封禁账号等措施，并保留追究法律责任的权利。</view>
|
||
</view>
|
||
|
||
<!-- 四、知识产权声明 -->
|
||
<view class="section-subtitle">四、 知识产权声明</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">4.1 </view>
|
||
<view class="paragraph-text">本公司独立拥有或与相关内容提供者共同拥有本小程序及相关软件、技术、代码、文档、页面设计、Logo、商标、信息内容等的知识产权。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">4.2 </view>
|
||
<view class="paragraph-text">未经本公司或相关权利人书面许可，任何单位和个人不得以任何方式（包括但不限于非法复制、传播、展示、修改、创建衍生作品等）使用上述知识产权，否则我们将依法追究其法律责任。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 五、免责与责任限制 -->
|
||
<view class="section-subtitle">五、 免责与责任限制</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">5.1 "现状"提供：</view>
|
||
<view class="paragraph-text">本小程序的服务按"现状"和"可得到"的状态提供。在法律允许的最大范围内，我们明确表示不提供任何明示或默示的担保，包括但不限于对服务的适用性、没有错误或疏漏、持续性、准确性、可靠性、适用于某一特定用途。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">5.2 不可抗力：</view>
|
||
<view class="paragraph-text">对于因战争、动乱、自然灾害、政府行为、电信线路中断、黑客攻击、计算机病毒侵入或发作、第三方服务瑕疵等不可抗力因素导致的任何服务中断、数据丢失或信息泄露等问题，我们不承担责任。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">5.3 第三方链接与内容：</view>
|
||
<view class="paragraph-text">本小程序内可能包含由第三方提供的服务或链接。该等第三方服务或链接由第三方独立运营和控制，我们不对其内容、隐私政策或行为承担任何责任。您使用任何第三方服务时，需受其自身的条款和政策的约束。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 六、协议修改与终止 -->
|
||
<view class="section-subtitle">六、 协议修改与终止</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">6.1 </view>
|
||
<view class="paragraph-text">我们有权根据国家法律法规变化及运营需要，随时修改本协议的任何条款。更新后的协议将在本小程序上公布，并取代旧版本。如您继续使用服务，即视为接受更新后的协议。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">6.2 </view>
|
||
<view class="paragraph-text">您有权随时停止使用本小程序服务。若我们判断您严重违反本协议，我们有权单方面终止向您提供服务，并保留追偿损失的权利。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 七、法律适用与争议解决 -->
|
||
<view class="section-subtitle">七、 法律适用与争议解决</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">7.1 </view>
|
||
<view class="paragraph-text">本协议的订立、效力、解释、履行及争议的解决，均适用中华人民共和国大陆地区法律。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">7.2 </view>
|
||
<view class="paragraph-text">因本协议引起的或与本协议有关的任何争议，双方应首先友好协商解决；协商不成的，您同意将争议提交至 【填写您公司所在地】 有管辖权的人民法院通过诉讼解决。</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 同意按钮 -->
|
||
<!-- <view class="agreement-actions">
|
||
<button class="agree-btn primary" @click="agreeAgreement">同意并继续</button>
|
||
<button class="agree-btn secondary" @click="disagreeAgreement">不同意</button>
|
||
</view> -->
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref } from 'vue';
|
||
|
||
const goBack = () => {
|
||
uni.navigateBack();
|
||
};
|
||
|
||
// 同意协议
|
||
const agreeAgreement = () => {
|
||
// 存储用户同意状态
|
||
uni.setStorageSync('agreedToUserAgreement', true);
|
||
// 返回上一页
|
||
uni.navigateBack();
|
||
};
|
||
|
||
// 不同意协议
|
||
const disagreeAgreement = () => {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '您需要同意用户协议才能使用本服务',
|
||
showCancel: false,
|
||
confirmText: '我知道了'
|
||
});
|
||
};
|
||
</script>
|
||
|
||
<style lang="stylus" scoped>
|
||
.agreement-page
|
||
height: 100vh
|
||
background: #f5f5f5
|
||
display: flex
|
||
flex-direction: column
|
||
.nav-bar
|
||
height: 88rpx
|
||
background: #fff
|
||
display: flex
|
||
align-items: center
|
||
justify-content: space-between
|
||
padding: 0 32rpx
|
||
box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05)
|
||
position: sticky
|
||
top: 0
|
||
z-index: 10
|
||
|
||
.nav-left
|
||
.nav-right
|
||
width: 80rpx
|
||
height: 88rpx
|
||
display: flex
|
||
align-items: center
|
||
|
||
.nav-left
|
||
justify-content: flex-start
|
||
|
||
.nav-right
|
||
justify-content: flex-end
|
||
|
||
.nav-title
|
||
font-size: 32rpx
|
||
font-weight: 600
|
||
color: #333
|
||
|
||
.content
|
||
flex: 1
|
||
height: 0 /* 让flex:1生效 */
|
||
|
||
.agreement-content
|
||
padding: 32rpx
|
||
background: #fff
|
||
margin: 20rpx
|
||
border-radius: 16rpx
|
||
|
||
.agreement-title
|
||
font-size: 36rpx
|
||
font-weight: 700
|
||
color: #333
|
||
text-align: center
|
||
margin-bottom: 40rpx
|
||
|
||
.important-tip
|
||
background: #f0f5ff
|
||
border-left: 8rpx solid #256bfa
|
||
padding: 24rpx
|
||
margin-bottom: 40rpx
|
||
font-size: 28rpx
|
||
line-height: 1.6
|
||
color: #333
|
||
|
||
.section
|
||
margin-bottom: 48rpx
|
||
|
||
.section-title
|
||
font-size: 32rpx
|
||
font-weight: 600
|
||
color: #333
|
||
margin-bottom: 32rpx
|
||
padding-bottom: 16rpx
|
||
border-bottom: 2rpx solid #f0f0f0
|
||
|
||
.section-subtitle
|
||
font-size: 28rpx
|
||
font-weight: 600
|
||
color: #333
|
||
margin-bottom: 24rpx
|
||
|
||
.section-content
|
||
margin-bottom: 32rpx
|
||
|
||
.paragraph
|
||
display: flex
|
||
margin-bottom: 24rpx
|
||
|
||
.paragraph-title
|
||
font-weight: 500
|
||
color: #333
|
||
min-width: 120rpx
|
||
flex-shrink: 0
|
||
|
||
.paragraph-text
|
||
font-size: 26rpx
|
||
line-height: 1.6
|
||
color: #666
|
||
flex: 1
|
||
|
||
.paragraph:last-child
|
||
margin-bottom: 0
|
||
|
||
.agreement-actions
|
||
margin-top: 60rpx
|
||
padding: 0 32rpx
|
||
display: flex
|
||
flex-direction: column
|
||
gap: 24rpx
|
||
|
||
.agree-btn
|
||
width: 100%
|
||
height: 88rpx
|
||
border-radius: 44rpx
|
||
display: flex
|
||
align-items: center
|
||
justify-content: center
|
||
font-size: 32rpx
|
||
font-weight: 500
|
||
border: none
|
||
|
||
&.primary
|
||
background: linear-gradient(135deg, #256BFA 0%, #1E5BFF 100%)
|
||
color: #FFFFFF
|
||
box-shadow: 0 8rpx 20rpx rgba(37, 107, 250, 0.3)
|
||
|
||
&.secondary
|
||
background: #F7F8FA
|
||
color: #666666
|
||
</style>
|