pop.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html class="h100p">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>App全屏弹层</title>
  6. <meta name="keywords" content="App全屏弹层">
  7. <meta name="description" content="App全屏弹层">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="App全屏弹层">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/pop.css">
  16. <style>
  17. .public-pop-mask{background-color:rgba(0,0,0,.8)}
  18. .public-pop{width:70vw; height:50vh; top:50%; margin-top:-25vh;}
  19. .public-pop-c{padding:8px 16px 10px 16px;line-break: auto; height:calc(100% - 86px); overflow-y:auto; overflow-x:hidden;}
  20. .public-pop-c a{color:#A62F2F}
  21. .public-pop-btn{height:40px; line-height:40px;}
  22. </style>
  23. </head>
  24. <body class="h100p">
  25. <div class="w100p h100p rel" id="app">
  26. <div class="public-pop-mask fixed t0 l0 r0 b0"></div>
  27. <div class="public-pop abs l0 r0 bgfff auto">
  28. <div class="f16 c333 tc lh18">服务协议与隐私政策</div>
  29. <div class="public-pop-c f12 c333 lh16">
  30. <p>请您务必审核阅读、充分理解“服务协议”和“隐私政策”,我们将向你说明:</p>
  31. <p>1、为帮助你浏览推荐、发布信息、互动交流、注册认证,我们会收集部分必要信息;</p>
  32. <p>2、为提供上述服务,我们可能会收集联络方式、位置、通信录等部分敏感信息,你有权拒绝或撤回授权;</p>
  33. <p>3、为收集数据,分析产品使用情况,我们以及我们集成的部分三方SDK需要收集你的设备Mac地址、唯一设备识别码等;</p>
  34. <p>4、未经你同意,我们不会从第三方获取、共享或提供你的信息;</p>
  35. <p>5、你可以访问、更正、删除你的个人信息,我们也将提供注销、投诉的方式;</p>
  36. <p>前往查看完整版<a class="user-servce-agreement">《服务协议》</a>和<a class="user-maker-policy">《隐私政策》</a></p>
  37. </div>
  38. <div class="public-pop-btn df f16">
  39. <div class="flex1 tc">
  40. <div class="c333 reduce">拒绝</div>
  41. </div>
  42. <div class="flex1 tc agreen">
  43. <div class="cAD1C20">同意</div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </body>
  49. <script src="./static/js/klm-vv.min.js"></script>
  50. <script src="./static/js/appfunc.min.js"></script>
  51. <script src="./static/js/klm-axios-config.js"></script>
  52. <script src="./static/js/publicfn.js"></script>
  53. <script>
  54. const agreement = document.querySelector('.user-servce-agreement');
  55. const policy = document.querySelector('.user-maker-policy');
  56. const agreen = document.querySelector('.agreen');
  57. const reduce = document.querySelector('.reduce');
  58. agreement.addEventListener('click',function(){
  59. PublicLib.Goto({Url:'user-maker-agreement'});
  60. });
  61. policy.addEventListener('click',function(){
  62. PublicLib.Goto({Url:'user-maker-policy'});
  63. });
  64. agreen.addEventListener('click',function(){
  65. PublicLib.putCookieInfo('IsLookProtocal', '1');
  66. PublicLib.ClosePop();
  67. });
  68. reduce.addEventListener('click',function(){
  69. PublicLib.ExitApp();
  70. window.webkit.messageHandlers.exitApp.postMessage({});
  71. });
  72. </script>
  73. </html>