This repository has been archived by the owner on May 7, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (129 loc) · 6.95 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b08ba76dc557b43ce682fc75a1824a42";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<link rel="shortcut icon" href="images/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>城市疫情趋势：新型冠状病毒</title>
<script>
(function(window){var setHtmlSize=function(w){var b=750/100;var c=window.innerWidth;if(w){c=w}var a=c/b;if(a<42){a=42}else if(a>60){a=60}document.querySelector("html").style.fontSize=a+"px";if(navigator.userAgent.indexOf("iPad")!=-1){document.querySelector("html").style.fontSize="60px"}};setHtmlSize();window.onresize=function(){var w=window.innerWidth;setHtmlSize(w)}}(window));
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="css/bootstrap-switch.min.css" rel="stylesheet">
<script src="js/bootstrap-switch.min.js"></script>
<!-- City Select -->
<script src="js/citys.js"></script>
<script src="js/picker.js"></script>
<link href="css/picker.css" rel="stylesheet" />
<link href="css/index.css" rel="stylesheet" />
<script type="text/javascript" src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var clipboard = new Clipboard('.clipboard').on('success', function(e) {
var e = e || window.event;
console.log(e);
// showToast();
}).on('error', function(e) {});
})
</script>
</head>
<body style="height: 100%; margin: 0">
<!-- 微信分享缩略图 -->
<div style="display:none;"><img src="images/thumbnail.png" alt=""></div>
<!-- <div class="title-container">
<h3>城市疫情趋势：2019 新型冠状病毒</h3>
</div> -->
<div class="help-tips" data-toggle="modal" data-target="#helpModel">?</div>
<div class="select-container">
<input type="button" value="点击选择城市 >" onclick="picker()" class="btn btn-danger" id="nowValue"></input>
<input type="checkbox" name="switchBtn" data-on-color="success"
data-on-text="累计" data-off-text="新增" checked="true">
<script type="text/javascript">
$("[name='switchBtn']").bootstrapSwitch({ onSwitchChange:function(e, data) {
// console.log(e);
console.log(data);
onSwitch(data);
}});
</script>
</div>
<div id="container"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=PEptINZHizqNpUugifyeMmdtxunMivN6&__ec_v__=20190126"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
<!-- Modal -->
<div class="modal fade" id="helpModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document" style="margin-top: 40%">
<div class="modal-content">
<div class="modal-header" style="text-align:center;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">数据说明</h4>
</div>
<div class="modal-body">
1. 本站数据来自于丁香园<br/>
2. 点击切换按钮可切换【每日累计人数】或【每日新增人数】<br/>
3. 本站的新增数据计算方式是用 【当日的人数 - 前一日的人数】，与官方略有出入<br/>
4. 省份和城市级别没有疑似人数和重症人数，因为官方没有公布<br/>
5. 如有建议或问题可联系作者：Norcy1992<br/>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="groupModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document" style="margin-top: 30%">
<div class="modal-content">
<div class="modal-header" style="text-align:center;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">一起进群交流，获取更多资讯</h4>
</div>
<div class="modal-body">
长按图片进群反馈问题、提出优化、交流探讨<br/>
<img src="images/group.png" width="80%" height="80%" />
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="weChatModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document" style="margin-top: 30%">
<div class="modal-content">
<div class="modal-header" style="text-align:center;">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">添加作者微信</h4>
</div>
<div class="modal-body">
微信号已复制，也可以长按图片添加微信<br/>
<img src="images/wechat.png" width="80%" height="80%" />
</div>
</div>
</div>
</div>
<footer class="footer">
<button class="btn btn-info clipboard" data-toggle="modal" data-target="#weChatModel" data-clipboard-text="Norcy1992">问题反馈</button>
<button class="btn btn-info" data-toggle="modal" data-target="#groupModel">加入群聊</button>
</footer>
</html>