<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>
