Ei kuvausta

cQuestion.html 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="en">
  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, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
  7. <title>常见问题</title>
  8. <style>
  9. * {margin: 0;padding: 0;box-sizing: border-box;font-family: "PingFang SC,Microsoft YaHei,SourceHanSansCN-Normal,HiraginoSansGB,HiraginoSans-W3,Helvetica Neue,Helvetica,STHeiTi,sans-serif";}
  10. body {background: #F5F5F5;padding: .1rem .09rem;}
  11. li {list-style: none;margin-bottom: .1rem;}
  12. .question {width: 100%;height: .64rem;background: #fff;padding: 0 .13rem;display: flex;justify-content: space-between;align-items: center;}
  13. span {color: #444444;font-size: .17rem;}
  14. .answer {padding: .14rem .18rem;background: rgba(255, 255, 255, .69);display: none;}
  15. p {color: #666666;font-size: .15rem;line-height: .21rem;}
  16. .rotate {transform: rotate(180deg) }
  17. </style>
  18. <script>
  19. document.documentElement.style.fontSize=document.documentElement.clientWidth/375*100+"px";
  20. window.onresize=function(){
  21. document.documentElement.style.fontSize=document.documentElement.clientWidth/375*100+"px";
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <ul>
  27. <li>
  28. <div class="question">
  29. <span>如何获取用户?</span>
  30. <img class="hide" src="./img/gobottom.png" alt="">
  31. </div>
  32. <div class="answer">
  33. <p>1.认证成信贷经理</p>
  34. <p>2.获取江湖币(充值)</p>
  35. <p>3.查看订单,进行买单</p>
  36. <p>4.联系客户</p>
  37. </div>
  38. </li>
  39. <li>
  40. <div class="question">
  41. <span>一般什么时候会放单</span>
  42. <img class="hide" src="./img/gobottom.png" alt="">
  43. </div>
  44. <div class="answer">
  45. <p>每天24小时实时更新</p>
  46. </div>
  47. </li>
  48. <li>
  49. <div class="question">
  50. <span>订单从哪里来?</span>
  51. <img class="hide" src="./img/gobottom.png" alt="">
  52. </div>
  53. <div class="answer">
  54. <p>本平台从多渠道获取一手订单</p>
  55. </div>
  56. </li>
  57. <li>
  58. <div class="question">
  59. <span>是否可以退单?</span>
  60. <img class="hide" src="./img/gobottom.png" alt="">
  61. </div>
  62. <div class="answer">
  63. <p>暂不支持退单</p>
  64. </div>
  65. </li>
  66. <li>
  67. <div class="question">
  68. <span>充值的江湖币是否可以退款?</span>
  69. <img class="hide" src="./img/gobottom.png" alt="">
  70. </div>
  71. <div class="answer">
  72. <p>目前暂不支持退款,仅用于抢单使用</p>
  73. </div>
  74. </li>
  75. </ul>
  76. <script src="./common/jquery-2.1.0.js"></script>
  77. <script>
  78. $("ul li").on("click",function(){
  79. $(this).children(".question").children("img").toggleClass("rotate")
  80. $(this).children(".answer").toggle()
  81. })
  82. </script>
  83. </body>
  84. </html>