xt_pad/src/pages/privacy/index.vue

<template>
  <div class="page_privacy">
    <h1 class="title">
      <div class="GoBack" @click="$router.go(-1)">
        <span class="iconfont">&#xe720;</span>返回
      </div>
      <span class="name">隐私声明</span>
      <div class="GoBack"></div>
    </h1>
    <div class="boxList">
      <div class="privacyTitle">声明</div>
      <div class="privacyBox">
        <p>本软件尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本软件会按照本隐私权政策的规定使用和披露您的个人信息。但本软件将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，本软件不会将这些信息对外披露或向第三方提供。本软件会不时更新本隐私权政策。您在同意本软件服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本软件服务使用协议不可分割的一部分。</p>
        <br />
        <p>1.适用范围</p>
        <p>a)在您使用本软件网络服务，本软件自动接收并记录的您的手机上的信息，包括但不限于您的健康数据、使用的语言、访问日期和时间、软硬件特征信息及您需求的网页记录等数据；</p>
        <br />
        <p>2.信息的使用</p>
        <p>a)在获得您的数据之后，本软件会将其上传至服务器，以生成您的排行榜数据，以便您能够更好地使用服务。</p>
        <br />
        <p>3.信息披露</p>
        <p>a)本软件不会将您的信息披露给不受信任的第三方。</p>
        <p>b)根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；</p>
        <p>c)如您出现违反中国有关法律、法规或者相关规则的情况，需要向第三方披露；</p>
        <br />
        <p>4.信息存储和交换</p>
        <p>本软件收集的有关您的信息和资料将保存在本软件及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或本软件收集信息和资料所在地的境外并在境外被访问、存储和展示。</p>
        <br />
        <p>5.信息安全</p>
        <p>a)在使用本软件网络服务进行网上交易时，您不可避免的要向交易对方或潜在的交易对方披露自己的个人信息，如联络方式或者邮政地址。请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄密，请您立即联络本软件客服，以便本软件采取相应措施。</p>
      </div>
    </div>
  </div>
</template>


<script>
export default {
  name: "privacy"
};
</script>

<style lang="scss" scoped>
.page_privacy {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  > div:last-child {
    flex: 1;
    overflow-y: auto;
  }
  .title {
    font-size: 0.45rem;
    padding: 0.3rem 0.37rem;
    color: $title-color;
    @include align-items-center;
    @include display-flex;
    @include justify-content-between;
    @include text-align;
    background: #fff;
    .GoBack {
      color: $main-color;
      font-size: 0.45rem;
      @include display-flex;
      .iconfont {
        color: $main-color;
        font-size: 0.5rem;
        margin-top: 1px;
        @media only screen and (min-width: 768px) {
          margin-top: 3px;
        }
      }
    }
  }
  .name {
    margin-right: 1.3rem;
    font-size: 0.5rem;
  }
  .privacyTitle {
    font-size: 0.6rem;
    text-align: center;
    margin-top: 0.4rem;
  }
  .privacyBox {
    font-size: 0.45rem;
    width: 90%;
    margin: 0 auto;
  }
}
</style>