疫情地图展示
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>疫情地图</title> 6 <link rel="stylesheet" href="css/reset.css"> 7 <link rel="stylesheet" href="css/style.css"> 8 <script src="js/flexible.js"></script> 9 <script src="js/echarts.min.js"></script> 10 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> 11 <script src="js/china.js"></script> 12 <script src="js/getSinaData.js"></script> 13 <script src="js/getTecentData.js"></script> 14 15 </head> 16 <body> 17 <div class="main"> 18 <!--头部标题--> 19 <header> 20 <ul> 21 <li> 22 <a class="active" href="javascript:;">国内疫情</a> 23 </li> 24 <li> 25 <a class="active" href="javascript:;">国外疫情</a> 26 </li> 27 </ul> 28 </header> 29 <!--疫情数据概述--> 30 <div class="details"> 31 <h3 class="title">国内疫情</h3> 32 <h4 class="time">数据更新至<span>2021.01.17 12.26</span></h4> 33 <ul class="info"></ul> 34 </div> 35 <!--中国疫情地图--> 36 <section class="china_map"> 37 <nav> 38 <a href="javascript:;" class="active">现有确诊</a> 39 <a href="javascript:;">累计确诊</a> 40 </nav> 41 <div class="title">现有确诊病例数，排除治愈、死亡</div> 42 <div class="content"></div> 43 </section> 44 45 46 <!--疫情趋势--> 47 <section class="trend"> 48 <div class="title">全国 总新增确诊/新增境外输入确诊 趋势</div> 49 <div class="content"></div> 50 </section> 51 52 <!--疫情确诊数据--> 53 <section class="confirm"> 54 <div class="title">新增确诊分布</div> 55 <div class="content"></div> 56 </section> 57 58 </body> 59 </html>
