index3.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>物流信息</title>
  6. <link rel="stylesheet" href="css/public.css">
  7. <link rel="stylesheet" href="css/index3.css">
  8. <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  9. <script>
  10. $(document).ready(function () {
  11. var whei = $(window).width()
  12. $("html").css({ fontSize: whei / 22 });
  13. $(window).resize(function () {
  14. var whei = $(window).width();
  15. $("html").css({ fontSize: whei / 22 })
  16. });
  17. });
  18. </script>
  19. </head>
  20. <body>
  21. <div class="main">
  22. <div class="header">
  23. <div class="header-left fl" id="time"></div>
  24. <div class="header-center fl">
  25. <div class="header-title">
  26. 物流信息展示系统
  27. </div>
  28. <div class="header-img"></div>
  29. </div>
  30. <div class="header-right fl"></div>
  31. <div class="header-bottom fl"></div>
  32. </div>
  33. <div class="center">
  34. <div class="center-left fl">
  35. <div class="center-left-cen rightTop border" >
  36. <div class="center-left-cen-left fl">
  37. <div class="center-left-cen-top1 fl rightTop border">
  38. <div class="allnav" id="chart_7" style="height: 2.4rem;"></div>
  39. </div>
  40. <div class="center-left-cen-top2 fl rightTop border">
  41. <div class="allnav" id="Gender" style="height: 2.4rem;"></div>
  42. </div>
  43. </div>
  44. <div class="center-left-cen-right fr">
  45. <div class="allnav" id="china"></div>
  46. </div>
  47. <div class="center-left-zhong rightTop border fl">
  48. <div class="center-left-zhong-left fl">
  49. <div class="allnav" id="char_1" style="height: 2.4rem;"></div>
  50. </div>
  51. <div class="center-left-zhong-right fr">
  52. <div class="allnav" id="char_2" style="height: 2.2rem;"></div>
  53. </div>
  54. </div>
  55. <div class="center-left-bottm rightTop border fr">
  56. <div class="allnav" id="chart_5" style="height: 2.4rem;"></div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="center-right fr">
  61. <div class="center-right-top rightTop border">
  62. <div class="allnav" id="chart_3" style="height: 3rem;"></div>
  63. </div>
  64. <div class="center-right-cen-left fl rightTop border">
  65. <div class="allnav" id="chart_6" style="height: 3rem;"></div>
  66. </div>
  67. <div class="center-right-cen-right fr rightTop border">
  68. <div class="allnav" id="chart_8" style="height: 3.2rem;"></div>
  69. </div>
  70. <div class="center-right-bottom rightTop border fl">
  71. <div class="allnav" id="maps" style="height: 3.35rem;"></div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
  77. <script src="js/china.js"></script>
  78. <script src="js/index3.js"></script>
  79. <script src="js/newmap.js"></script>
  80. <script>
  81. </script>
  82. </body>
  83. </html>