userAgreement.vue 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <template>
  2. <view>
  3. <u-modal :title="title" :show="show" @confirm="handleConfirm" width="500rpx">
  4. <!-- 如果点击的是用户协议 -->
  5. <view v-if="title == '用户协议'" class="scrollable-container">
  6. <p>
  7. 欢迎使用不吃紫菜科技有限公司的产品服务!不吃紫菜科技有限公司(以下简称“本公司”)提供的产品服务由不吃紫菜科技有限公司及其关联方通过网站、移动应用程序等方式向您提供。
  8. </p>
  9. <p>
  10. 在使用本公司的产品/服务之前,请您仔细阅读并理解本用户协议。如果您不同意本协议的任何内容,请您停止使用本公司的产品/服务。
  11. </p>
  12. <p style="font-weight: bold">1. 服务内容</p>
  13. <p>本公司提供的产品/服务包括但不限于:</p>
  14. <p>- 提供在线购物平台,用户可以在平台上浏览和购买商品;</p>
  15. <p>- 提供用户注册和登录功能,用户可以通过注册和登录账号来使用本公司的产品/服务;</p>
  16. <p>- 提供用户个人信息管理功能,用户可以在个人中心管理和修改个人信息;</p>
  17. <p>- 提供订单管理功能,用户可以查看和管理自己的订单;</p>
  18. <p>- 提供售后服务,用户可以申请退款、退货等售后服务;</p>
  19. <p>......</p>
  20. <p style="font-weight: bold">2. 用户权利和义务</p>
  21. <p>2.1 用户有权根据本公司的规定使用本公司的产品/服务。</p>
  22. <p>
  23. 2.2 用户应当遵守国家法律法规和本公司的相关规定,不得利用本公司的产品/服务从事违法活动。
  24. </p>
  25. <p>2.3 用户应当保护好自己的账号和密码,不得将账号和密码透露给他人。</p>
  26. <p>2.4 用户应当按照本公司的规定支付商品的购买款项,并按时收取商品。</p>
  27. <p>2.5 用户应当配合本公司进行商品的配送、退款、退货等售后服务。</p>
  28. <p>......</p>
  29. <p style="font-weight: bold">3. 个人信息保护</p>
  30. <p>3.1 本公司将按照法律法规和隐私政策的要求,保护用户的个人信息。</p>
  31. <p>3.2 用户应当按照本公司的要求提供真实、准确、完整的个人信息。</p>
  32. <p>3.3 本公司将采取合理的安全措施,保护用户的个人信息不被泄露、篡改或丢失。</p>
  33. <p>3.4 用户可以根据本公司的隐私政策行使自己的个人信息权利。</p>
  34. <p>......</p>
  35. <p style="font-weight: bold">4. 免责声明</p>
  36. <p>4.1 本公司不对用户使用本公司的产品/服务所产生的任何直接或间接损失承担责任。</p>
  37. <p>4.2 用户在使用本公司的产品/服务时应自行承担风险,本公司不对用户的行为负责。</p>
  38. <p>
  39. 4.3
  40. 本公司不对因不可抗力、计算机病毒、黑客攻击等原因导致的服务中断、数据丢失等问题承担责任。
  41. </p>
  42. <p>......</p>
  43. <p style="font-weight: bold">5. 协议的变更和终止</p>
  44. <p>5.1 本公司有权根据需要修改本用户协议,并在网站上公布修改后的协议内容。</p>
  45. <p>5.2 用户如果不同意修改后的协议内容,可以停止使用本公司的产品/服务。</p>
  46. <p>5.3 本公司有权根据法律法规和业务需要终止本用户协议,并停止向用户提供产品/服务。</p>
  47. <p>......</p>
  48. <p style="font-weight: bold">6. 法律适用和争议解决</p>
  49. <p>6.1 本用户协议适用中华人民共和国的法律。</p>
  50. <p>
  51. 6.2
  52. 用户和本公司之间的争议应当通过友好协商解决,协商不成的,可以向有管辖权的人民法院提起诉讼。
  53. </p>
  54. <p>......</p>
  55. <p>
  56. 请您在使用本公司的产品/服务之前,仔细阅读并理解本用户协议。如果您对协议内容有任何疑问,请随时联系我们。
  57. </p>
  58. </view>
  59. <!-- 否则 也就是点击隐私政策 -->
  60. <view v-else class="scrollable-container">
  61. <p class="centent" style="font-weight: bold">车旅程隐私政策</p>
  62. <p>版本号:V0.0.0</p>
  63. <p>更新日期:2024年01月01日</p>
  64. <p>生效日期:2024年01月01日</p>
  65. <p>
  66. 欢迎使用不吃紫菜科技有限公司的产品服务!不吃紫菜科技有限公司(以下简称“本公司”)非常重视您的个人信息保护。本隐私政策将告知您本公司如何收集、使用、存储和保护您的个人信息。
  67. </p>
  68. <p>
  69. 请在使用本公司的产品服务之前仔细阅读并理解本隐私政策。如果您不同意本政策的任何内容,请您停止使用本公司的产品/服务。
  70. </p>
  71. <p style="font-weight: bold">1. 信息收集和使用</p>
  72. <p>本公司可能会收集和使用以下类型的个人信息:</p>
  73. <p>- 姓名、联系方式、地址等身份识别信息;</p>
  74. <p>- 设备信息、操作记录、IP地址等技术信息;</p>
  75. <p>- 其他您主动提供的个人信息。</p>
  76. <p>
  77. 本公司将严格按照法律法规的要求,使用您的个人信息,并采取合理的安全措施保护您的个人信息。
  78. </p>
  79. <p style="font-weight: bold">2. 信息存储和保护</p>
  80. <p>
  81. 本公司将采取合理的安全措施,保护您的个人信息的安全性和完整性。同时,本公司将采取合理的措施防止您的个人信息被泄露、丢失或被滥用。
  82. </p>
  83. <p>本公司将在法律法规要求的时限内存储您的个人信息,并在不再需要时进行删除。</p>
  84. <p style="font-weight: bold">3. 信息共享和转让</p>
  85. <p>本公司将严格控制个人信息的共享和转让行为,并仅在以下情况下共享或转让您的个人信息:</p>
  86. <p>- 获得您的明确同意;</p>
  87. <p>- 根据法律法规的要求;</p>
  88. <p>- 为了提供您所需的产品/服务而必要的共享或转让;</p>
  89. <p>- 根据法律法规的要求或有权机关的要求进行共享或转让。</p>
  90. <p style="font-weight: bold">4. 信息安全</p>
  91. <p>
  92. 本公司将采取合理的安全措施,保护您的个人信息的安全性和完整性。同时,本公司将采取合理的措施防止您的个人信息被泄露、丢失或被滥用。
  93. </p>
  94. <p style="font-weight: bold">5. 法律适用和争议解决</p>
  95. <p>
  96. 本隐私政策适用中华人民共和国的法律。任何因本隐私政策引起的争议,应通过友好协商解决;协商不成的,可以向有管辖权的人民法院提起诉讼。
  97. </p>
  98. <p>
  99. 请您在使用本公司的产品/服务之前,仔细阅读并理解本隐私政策。如果您对政策内容有任何疑问,请随时联系我们。
  100. </p>
  101. </view>
  102. </u-modal>
  103. </view>
  104. </template>
  105. <script>
  106. export default {
  107. name: 'userAgreement',
  108. props: {
  109. show: {
  110. type: Boolean,
  111. default: false,
  112. },
  113. title: {
  114. type: String,
  115. default: '',
  116. },
  117. },
  118. methods: {
  119. //点击弹框内确认
  120. handleConfirm() {
  121. this.$emit('handleConfirm');
  122. },
  123. },
  124. };
  125. </script>
  126. <style scoped>
  127. .scrollable-container {
  128. height: 70vh; /* 设置容器的高度为视口高度的70% */
  129. overflow-y: auto; /* 添加垂直滚动条 */
  130. font-size: 13px; /* 设置文字大小为16像素 */
  131. }
  132. .centent {
  133. text-align: center;
  134. }
  135. </style>