agree.vue 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <template>
  2. <view class="">
  3. <view class="model_notice flex-center" v-if="is_text">
  4. <view class="model_notice_content">
  5. <view class="model_notice_color">
  6. <scroll-view scroll-y style="min-height: 500rpx;height: 500rpx;" scroll-y="true">
  7. <mp-html :content="nodes" />
  8. </scroll-view>
  9. </view>
  10. <view class="box-pack-between ft32 " style="padding: 38rpx 40rpx;">
  11. <navigator class="guanbis flex-center" hover-class="none" target="miniProgram" open-type="exit">
  12. 拒绝
  13. </navigator>
  14. <view class="confirm flex-center" @click="bindconfirm">
  15. 同意并继续
  16. </view>
  17. </view>
  18. </view>
  19. </view>
  20. </view>
  21. </template>
  22. <script>
  23. import mpHtml from '@/uni_modules/mp-html/components/mp-html/mp-html'
  24. export default {
  25. components: {
  26. mpHtml
  27. },
  28. data() {
  29. return {
  30. is_text: false,
  31. nodes:`<p style=";line-height: 32px;font-size: medium;font-family: Cambria, serif;font-weight: bold;white-space: normal">
  32. <span style="font-family: 微软雅黑, sans-serif">&nbsp;</span>
  33. </p>
  34. <p style=";text-align: center;font-size: medium;font-family: Calibri, sans-serif;white-space: normal">
  35. <strong><span style="font-size: 16px;font-family: 宋体">用户协议及隐私协议</span></strong>
  36. </p>
  37. <p style=";text-align: justify;font-size: medium;font-family: Calibri, sans-serif;white-space: normal">
  38. <span style="font-size: 16px;font-family: 宋体"></span>
  39. </p>
  40. <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-indent:0">
  41. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px">用户协议及隐私声明</span>
  42. </p>
  43. <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-indent:0">
  44. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px">本协议为您与本小程序管理者之间所订立的契约,具有合同的法律效力,请您仔细阅读。</span>
  45. </p>
  46. <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-indent:0">
  47. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px"><span style="font-family:sans-serif">一、本协议内容、生效、变更。本协议内容包括协议正文及所有本小程序已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的组成部分,与协议正文具有同等法律效力。如您对协议有任何疑问,应向本小程序咨询。您在同意所有协议条款并完成注册程序,才能成为本站的正式用户,您勾选</span><span style="font-family:sans-serif">“我以阅读并同意本小程序用户协议和法律协议”按钮后,本协议即生效,对双方产生约束力。只要您使用本小程序平台服务,则本协议即对您产生约束,届时您不应以未阅读本协议的内容或者未获得本小程序对您问询的解答等理由,主张本协议无效,或要求撤销本协议。您确认:本协议条款是处理双方权利义务的契约,始终有效,法律另有强制性规定或双方另有特别约定的,依其规定。 您承诺接受并遵守本协议的约定。如果您不同意本协议的约定,您应立即停止注册程序或停止使用本小程序平台服务。本小程序有权根据需要不定期地制订、修改本协议及/或各类规则,并在本小程序平台公示,不再另行单独通知用户。变更后的协议和规则一经在网站公布,立即生效。如您不同意相关变更,应当立即停止使用本小程序平台服务。您继续使用本小程序平台服务的,即表明您接受修订后的协议和规则。</span></span>
  48. </p>
  49. <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-indent:0">
  50. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px"><span style="font-family:sans-serif">二、注册资格用户须具有法定的相应权利能力和行为能力的自然人、法人或其他组织,能够独立承担法律责任。您完成注册程序或其他本小程序平台同意的方式实际使用本平台服务时,即视为您确认自己具备主体资格,能够独立承担法律责任。若因您不具备主体资格,而导致的一切后果,由您及您的监护人自行承担。</span>2.1用户应自行诚信向本站提供注册资料,用户同意其提供的注册资料真实、准确、完整、合法有效,用户注册资料如有变动的,应及时更新其注册资料。如果用户提供的注册资料不合法、不真实、不准确、不详尽的,用户需承担因此引起的相应责任及后果,并且本小程序保留终止用户使用本平台各项服务的权利。2.2用户在本站进行浏览等活动时,涉及用户真实姓名/名称、通信地址、联系电话、电子邮箱等隐私信息的,本站将予以严格保密,除非得到用户的授权或法律另有规定,本站不会向外界披露用户隐私信息。为完成创建账号,用户需提供以下信息:用户的姓名、身份证号、密码、户籍地址、家庭住址、手机号等信息。用户提供的上述信息,将在用户使用本服务期间持续授权我们使用。在用户注销账号时,我们将停止使用并删除上述信息。上述信息将存储于中华人民共和国境内。如需跨境传输,我们将会单独征得用户的授权同意。</span>
  51. </p>
  52. <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-indent:0">
  53. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px"><span style="font-family:sans-serif">三、账户</span>3.1您注册成功后,即成为本小程序平台的用户,将持有本小程序平台唯一编号的账户信息,您可以根据本站规定改变您的密码。3.2您设置的姓名为真实姓名,不得侵犯或涉嫌侵犯他人合法权益。否则,本小程序有权终止向您提供服务,注销您的账户。账户注销后,相应的用户名将开放给任意用户注册登记使用。3.3您应谨慎合理的保存、使用您的会员名和密码,应对通过您的会员名和密码实施的行为负责。除非有法律规定或司法裁定,且征得本小程序的同意,否则,会员名和密码不得以任何方式转让、赠与或继承(与账户相关的财产权益除外)。3.4用户不得将在本站注册获得的账户借给他人使用,否则用户应承担由此产生的全部责任,并与实际使用人承担连带责任。3.5如果发现任何非法使用等可能危及您的账户安全的情形时,您应当立即以有效方式通知本小程序要求暂停相关服务,并向公安机关报案。您理解本小程序对您的请求采取行动需要合理时间,本小程序对在采取行动前已经产生的后果(包括但不限于您的任何损失)不承担任何责任。</span>
  54. </p>
  55. <p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:0;text-indent:0">
  56. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px"><span style="font-family:sans-serif">四、用户信息的合理使用</span>4.1您同意本小程序平台拥有通过邮件、短信电话等形式,向在本站注册用户发送信息等告知信息的权利。4.2您了解并同意,本小程序有权应国家司法、行政等主管部门的要求,向其提供您在本小程序平台填写的注册信息和交易记录等必要信息。如您涉嫌侵犯他人知识产权,则本小程序亦有权在初步判断涉嫌侵权行为存在的情况下,向权利人提供您必要的身份信息。4.3用户同意本小程序有权使用用户的注册信息、用户名、密码等信息,登陆进入用户的注册账户,进行证据保全,包括但不限于公证、见证等。</span>
  57. </p>
  58. <p style="margin: 5px 0px; text-indent: 0px;">
  59. <span style="color: rgb(77, 77, 77);letter-spacing: 0;font-size: 16px"><span style="font-family:sans-serif">五、免责条款</span>5.1 本平台仅提供信息对接,发生一切纠纷问题皆与本平台无关,请通过仲裁部门维护各自权益。</span>
  60. </p>`,
  61. }
  62. },
  63. created() {
  64. if (!uni.getStorageSync("agree_user")) {
  65. this.nodes = this.$store.state.systemInfo.set.agreement||this.nodes;
  66. this.is_text = true;
  67. }
  68. },
  69. methods:{
  70. bindconfirm() {
  71. this.is_text = false;
  72. uni.setStorageSync("agree_user", true)
  73. },
  74. }
  75. }
  76. </script>
  77. <style>
  78. .model_notice {
  79. position: fixed;
  80. width: 100%;
  81. height: 100%;
  82. top: 0;
  83. left: 0;
  84. z-index: 999;
  85. background: rgba(0, 0, 0, 0.5);
  86. }
  87. .model_notice_content {
  88. border-radius: 16rpx;
  89. background: #fff;
  90. font-size: 28rpx;
  91. overflow: hidden;
  92. }
  93. .model_notice_color {
  94. width: 650rpx;
  95. min-height: 350rpx;
  96. padding: 20rpx 40rpx;
  97. padding-bottom: 0;
  98. overflow: hidden;
  99. }
  100. .model_notice_title {
  101. height: 220rpx;
  102. text-align: center;
  103. }
  104. .model_notice_title image {
  105. height: 100%;
  106. width: 100%;
  107. }
  108. .guanbis {
  109. width: 200rpx;
  110. height: 88rpx;
  111. background: #f6f6f6;
  112. border-radius: 8rpx;
  113. color: #666666;
  114. }
  115. .confirm {
  116. width: 330rpx;
  117. height: 88rpx;
  118. background: #a4907e;
  119. border-radius: 8rpx;
  120. color: #FFFFFF;
  121. }
  122. </style>