Nav apraksta

index.html 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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" type="text/css" href="index.css?v=1"/>
  10. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  11. <script type="text/javascript">
  12. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  13. window.onresize = function(){
  14. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <div id="container">
  20. <!--搜索表-->
  21. <div class="search">
  22. <div>
  23. <label>接口名称:</label><input placeholder="请输入接口地址" id="port"/>
  24. </div>
  25. <div>
  26. <label>接口请求方式:</label><input placeholder="请输入接口请求方式" id="way"/>
  27. </div>
  28. <div>
  29. <label>数据json路径:</label><input placeholder="数据json路径" id="jsonPath"/>
  30. </div>
  31. <div>
  32. <label>图片:</label><input placeholder="请输入图片参数" id="img"/>
  33. </div>
  34. <div>
  35. <label>标题:</label><input placeholder="请输入标题参数" id="title"/>
  36. </div>
  37. <div>
  38. <label>优惠券:</label><input placeholder="请输入优惠券参数" id="coupon"/>
  39. </div>
  40. <div>
  41. <label>佣金比例:</label><input placeholder="请输入佣金比例参数" id="brokerage"/>
  42. </div>
  43. <div>
  44. <label>券后价格:</label><input placeholder="请输入券后价格参数" id="ticketPrice"/>
  45. </div>
  46. <div>
  47. <label>销量:</label><input placeholder="请输入销量参数" id="volume"/>
  48. </div>
  49. <button onclick="searchEvent()">搜索</button>
  50. </div>
  51. <!--商品列表-->
  52. <div class="commodityList">
  53. </div>
  54. </div>
  55. <div class="alert-info" style="display: none;">
  56. <!-- tip提示,3s后消失 -->
  57. <p></p>
  58. </div>
  59. <div class="loading">
  60. <img src="imgs/loading.gif?001" />
  61. </div>
  62. </body>
  63. </html>
  64. <script type="text/javascript" src="index.js?v=2"></script>