<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">
          我们收集的信息仅用于提供和优化服务、保障账号与系统安全、
          以及履行法律法规规定的义务。
        </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>

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