Nav apraksta

common_problem.html 2.8KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>常见问题</title>
  8. <link rel="stylesheet" type="text/css" href="../common/reset.css"/>
  9. <style type="text/css">
  10. body{background: #F4F4F4;min-height:100vh ;}
  11. ul li{width: 100%;padding:0.2rem 0;background: #FFFFFF;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;margin-bottom: 0.05rem;}
  12. ul li img{width: 0.35rem;margin: 0.27rem;}
  13. .con{color: #333333;}
  14. .con h3{font-size: 0.15rem;line-height: 0.21rem;font-weight: bold;padding-bottom: 0.05rem;}
  15. .con p{font-size: 0.15rem;line-height: 0.18rem;padding-top: 0.1rem;padding-right: 0.1rem;}
  16. .feedback{margin-bottom:0.04rem;width: 100%;height: 0.37rem;background: #FFFFFF;text-align: center;line-height: 0.37rem;color: #FC4C53;font-size: 0.15rem;}
  17. button{width: 1rem;height: 0.5rem;}
  18. </style>
  19. <script>
  20. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  21. window.onresize = function(){
  22. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  23. }
  24. </script>
  25. </head>
  26. <body>
  27. <ul>
  28. <li></li>
  29. </ul>
  30. <div class="feedback" onclick="feedback()">我要反馈</div>
  31. <!--<button onclick="ceshiToken()">啦啦啦</button>-->
  32. <div></div>
  33. </body>
  34. </html>
  35. <script type="text/javascript" src="problem.js?v=2"></script>
  36. <script type="text/javascript">
  37. var Ul = document.getElementsByTagName("ul")[0];
  38. var html = '';
  39. problem.forEach(function (item,index) {
  40. var pHtml = '';
  41. item.tip.forEach(function (item, index) {
  42. pHtml += "<p>" + item + "</p>"
  43. })
  44. html += "<li><img src=" + item.img + " /><div class='con' onclick='go_problem_detail(" + item.id + ")'><h3>" + item.title + "</h3>" + pHtml + "</div></li>"
  45. })
  46. Ul.innerHTML = html;
  47. function go_problem_detail(id){
  48. window.location.href="problem_detail.html?id=" + id;
  49. }
  50. function feedback () {
  51. if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
  52. app_h5_question();
  53. window.webkit.messageHandlers.app_h5_question.postMessage({'name':1});
  54. }
  55. if(navigator.userAgent.match(/android/i)){
  56. obj4H5.app_h5_question();
  57. }
  58. }
  59. // function ceshiToken () {
  60. // var param = '{"js_callback" : "callBackMethodName"}';
  61. // if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
  62. // window.webkit.messageHandlers.app_h5_get_token.postMessage(param);
  63. // }
  64. // if(navigator.userAgent.match(/android/i)){
  65. // console.log(typeof param)
  66. // obj4H5.app_h5_get_token(param);
  67. // }
  68. // }
  69. // function callBackMethodName (token) {
  70. // alert(token)
  71. // }
  72. function app_h5_question () {}
  73. </script>