Merge branch 'new_pad_branch' of http://git.shengws.com/zhangbj/xt_pad into new_pad_branch

src/pages/home/privacyPolicy.vue

@@ -0,0 +1,87 @@
+<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>
+
+
+<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>