120 lines
2.8 KiB
Vue
120 lines
2.8 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="header">
|
||
<view class="back" @click="goBack">
|
||
<u-icon name="arrow-left" size="36" color="#333" />
|
||
</view>
|
||
<text class="title">用户协议</text>
|
||
</view>
|
||
|
||
<scroll-view class="content" scroll-y>
|
||
<view class="text">
|
||
<text class="section-title">一、协议说明</text>
|
||
<text class="paragraph">
|
||
欢迎您使用本应用。请您在使用本应用前，认真阅读并充分理解本《用户协议》。
|
||
一旦您开始使用本应用，即视为您已阅读、理解并同意本协议的全部内容。
|
||
</text>
|
||
|
||
<text class="section-title">二、用户行为规范</text>
|
||
<text class="paragraph">
|
||
1. 用户应遵守中华人民共和国相关法律法规，不得利用本应用从事任何违法活动。
|
||
</text>
|
||
<text class="paragraph">
|
||
2. 不得发布、传播违法、侵权、虚假、骚扰性或其他不当信息。
|
||
</text>
|
||
<text class="paragraph">
|
||
3. 不得以任何形式干扰本应用的正常运行。
|
||
</text>
|
||
|
||
<text class="section-title">三、服务变更与中断</text>
|
||
<text class="paragraph">
|
||
本应用有权根据业务发展需要，对服务内容进行调整、中断或终止，
|
||
并尽可能提前向用户告知。
|
||
</text>
|
||
|
||
<text class="section-title">四、免责声明</text>
|
||
<text class="paragraph">
|
||
因不可抗力或非本应用原因造成的服务中断或数据损失，本应用不承担责任。
|
||
</text>
|
||
|
||
<text class="section-title">五、其他</text>
|
||
<text class="paragraph">
|
||
本协议的解释权及修改权归本应用所有。
|
||
</text>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
methods: {
|
||
goBack() {
|
||
const pages = getCurrentPages();
|
||
if (pages.length > 1) {
|
||
uni.navigateBack();
|
||
} else {
|
||
uni.navigateTo({
|
||
url:'/pages-biz/login/login'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.container {
|
||
height: 100vh;
|
||
padding-top:120rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
background-color: #fff;
|
||
}
|
||
|
||
.header {
|
||
position: relative;
|
||
height: 88rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-bottom: 1px solid #eee;
|
||
}
|
||
|
||
.back {
|
||
position: absolute;
|
||
left: 30rpx;
|
||
}
|
||
|
||
.title {
|
||
font-size: 34rpx;
|
||
font-weight: 600;
|
||
color: #333;
|
||
}
|
||
|
||
.content {
|
||
flex: 1;
|
||
padding: 30rpx;
|
||
}
|
||
|
||
.text {
|
||
font-size: 28rpx;
|
||
color: #555;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
.section-title {
|
||
display: block;
|
||
font-size: 30rpx;
|
||
font-weight: 600;
|
||
color: #333;
|
||
margin-top: 30rpx;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
|
||
.paragraph {
|
||
display: block;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
</style>
|