privacy.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  6. <meta name="HandheldFriendly" content="true" />
  7. <meta name="MobileOptimized" content="320" />
  8. <title>HTML5+ Runtime</title>
  9. <script type="text/javascript" charset="utf-8">
  10. //取消浏览器的所有事件,使得active的样式在手机上正常生效
  11. document.addEventListener('touchstart', function() {
  12. return false;
  13. }, true);
  14. // 禁止选择
  15. document.oncontextmenu = function() {
  16. return false;
  17. };
  18. // H5 plus事件处理
  19. function plusReady() {
  20. // Android处理返回键
  21. plus.key.addEventListener('backbutton', function() {
  22. //不做任何事情
  23. }, false);
  24. }
  25. if (window.plus) {
  26. plusReady();
  27. } else {
  28. document.addEventListener('plusready', plusReady, false);
  29. }
  30. //打开隐私政策页面
  31. function openPrivacy() {
  32. plus.runtime.openWeb('https://ask.dcloud.net.cn/protocol.html');
  33. }
  34. //同意隐私政策
  35. function agreePrivacy() {
  36. plus.runtime.agreePrivacy();
  37. plus.webview.currentWebview().close('slide-out-bottom');
  38. }
  39. </script>
  40. <link rel="stylesheet" href="css/common.css" type="text/css" charset="utf-8" />
  41. <style type="text/css">
  42. html,
  43. body {
  44. overflow: hidden;
  45. background-color: rgba(0,0,0,0.3);
  46. }
  47. article {
  48. width: 90%;
  49. background-color: #FFF;
  50. border-radius: 5px;
  51. }
  52. a {
  53. text-decoration: none;
  54. }
  55. p {
  56. font-size: 16px;
  57. line-height: 24px;
  58. padding: 0 1em;
  59. margin: 0px .5em;
  60. text-align: left;
  61. text-indent: 2em;
  62. word-break: break-all;
  63. }
  64. </style>
  65. </head>
  66. <body style="display:flex;justify-content: center;align-items: center;">
  67. <article>
  68. <h2>服务协议和隐私政策</h2>
  69. <p>
  70. 1. 我们会收集应用启动时间、设备标识等信息,提交服务器用于优化性能;
  71. </p>
  72. <p>
  73. 2. 使用蓝牙、地图相关功能时,我们会申请设备定位权限;
  74. </p>
  75. <p>
  76. 3. 使用音、视频相关功能时,我们会申请录制音频权限;
  77. </p>
  78. <p>请仔细阅读、充分理解<a onclick="openPrivacy()" href="#">《用户协议》</a>和<a onclick="openPrivacy()" href="#">《隐私政策》</a>各条款,以便了解我们收集、使用、共享、存储个人信息的情况及保护措施。
  79. </p>
  80. <p>
  81. 如果你同意,请点击“同意”按钮开始接受我们的服务。
  82. </p>
  83. <br/>
  84. <div class="button" style="width:80%;margin:auto;" onclick="agreePrivacy()">同 意</div>
  85. <br/>
  86. <div class="button button-waring" style="width:80%;margin:auto;" onclick="plus.runtime.quit()">暂不使用</div>
  87. <br/>
  88. </article>
  89. </body>
  90. </html>