car-wash-java/car-wash-mp/src/pages-user/policy/index.vue

<template>
  <div class="user-agreement">
    <uv-navbar title="隐私政策" bgColor="#C6171E" leftIconColor="#FFFFFF" :titleStyle="{ color: '#FFFFFF' }" :autoBack="true" :placeholder="true"></uv-navbar>
    <div class="agreement-container">
      <div class="agreement-content">
        <view style="text-indent: 20px">
          欢迎使用 [Yeswash洗车]！在使用本小程序之前，请您仔细阅读并理解以下隐私政策的全部条款。您点击"同意"按钮或以其他方式确认接受本隐私政策，即表示您已阅读、理解并同意本隐私政策的全部条款，并愿意遵守本隐私政策的约束。
        </view>
        <view class="h2">一、信息收集</view>
        <view>
          为了向您提供更好的服务，我们可能会收集以下信息：
        </view>
        <ul>
          <li>1.您在注册时提供的个人信息，如姓名、手机号码、电子邮箱等。</li>
          <li>2.您在使用本小程序过程中产生的行为数据，如浏览记录、购买记录等。</li>
          <li>3.您的设备信息，如设备型号、操作系统版本、IP地址等。</li>
        </ul>
        <view class="h2">二、信息使用</view>
        <view>
          我们将收集的信息用于以下目的：
        </view>
        <ul>
          <li>1.为您提供个性化服务和推荐。</li>
          <li>2.改进我们的产品和服务。</li>
          <li>3.与您进行沟通和联系。</li>
        </ul>
        <view class="h2">三、信息保护</view>
        <view>
          我们将采取合理的措施保护您的个人信息，防止信息泄露、篡改或丢失。我们不会将您的个人信息出售、出租或以其他方式提供给第三方，除非：
        </view>
        <ul>
          <li>1.已获得您的明确同意。</li>
          <li>2.根据法律法规的要求。</li>
          <li>3.为了保护您的合法权益。</li>
        </ul>
        <view class="h2">四、信息共享</view>
        <view>
          我们可能会在以下情况下与第三方共享您的信息：
        </view>
        <ul>
          <li>1.与我们的合作伙伴共享，以便为您提供更好的服务。</li>
          <li>2.与我们的服务提供商共享，以便他们为我们提供技术支持。</li>
        </ul>
        <view class="h2">五、用户权利</view>
        <view>
          您有权访问、更正、删除您的个人信息。如果您有任何疑问或需要帮助，请随时联系我们。
        </view>
        <view class="h2">六、未成年人保护</view>
        <view>
          我们非常重视未成年人的隐私保护。如果您是未成年人，请在您的父母或监护人的指导下使用本小程序。
        </view>
        <view class="h2">七、法律适用与争议解决</view>
        <view>
          本隐私政策的订立、执行和解释及争议的解决均应适用中华人民共和国法律。如双方就本隐私政策内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，任何一方均可向我们所在地有管辖权的人民法院提起诉讼。
        </view>
        <view class="h2">八、其他</view>
        <view>
          本隐私政策的任何条款无论因何种原因无效或不具可执行性，其余条款仍应有效并具有约束力。
        </view>
      </div>
      <div class="policy-buttons">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PrivacyPolicy",
  methods: {
    agree() {
      this.$emit("agreed");
    },
    disagree() {
      this.$emit("disagreed");
    },
  },
};
</script>

<style scoped lang="scss">
.user-agreement {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: $uni-bg-color-page;
}

.agreement-container {
  width: 90%;
  max-width: 600px;
  background-color: $uni-bg-color-card;
  padding: 40rpx;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
}

.agreement-content {
  margin-bottom: 40rpx;
}

.agreement-content view {
  font-size: 28rpx;
  margin: 20rpx 0 10rpx;
}

.agreement-content p {
  font-size: 28rpx;
  line-height: 1.5;
}

.agreement-buttons {
  display: flex;
  justify-content: space-between;
}

.agreement-buttons button {
  padding: 20rpx 40rpx;
  font-size: 32rpx;
  border: none;
  border-radius: 8rpx;
  cursor: pointer;
}

.agreement-buttons button:first-child {
  background-color: $uni-color-success;
  color: $uni-text-color-inverse;
}

.agreement-buttons button:last-child {
  background-color: $uni-color-error;
  color: $uni-text-color-inverse;
}

.h2 {
  font-weight: $uni-font-weight-semibold;
}
</style>