酷店app

detail_guide.html 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. <link rel="stylesheet" href="./css/detail_guide.css">
  10. <script src="../common/jquery-2.1.0.js"></script>
  11. <script src="./js/detail_json.js?v=3"></script>
  12. <script type="text/javascript">
  13. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  14. window.onresize = function(){
  15. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  16. }
  17. </script>
  18. <style>
  19. .alert-info {
  20. position: fixed;
  21. top: 1.74rem;
  22. right: 0;
  23. left: 0;
  24. bottom: 0;
  25. text-align: center;
  26. }
  27. .alert-info p {
  28. display: inline-block;
  29. height: 0.38rem;
  30. color: #fff;
  31. font-size: 0.14rem;
  32. line-height: 0.38rem;
  33. padding: 0 0.10rem;
  34. background-color: rgba(0, 0, 0, 0.7);
  35. border-radius: 5px;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <div class="detail_content"></div>
  41. <div class="alert-info" style="display: none;">
  42. <!-- tip提示,3s后消失 -->
  43. <p></p>
  44. </div>
  45. </body>
  46. </html>
  47. <script type="text/javascript" src="./js/detail_guide.js"></script>