疫情地图展示

 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>