forked from cabbagelol/bfban-app-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
298 lines (267 loc) · 14.5 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BFBAN 移动应用</title>
<!-- CSS only -->
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous">
<link rel="canonical" href="https://v4.bootcss.com/docs/examples/cover/">
<link rel="canonical" href="https://v4.bootcss.com/docs/examples/sticky-footer-navbar/">
<link rel="icon" href="https://bfban.com/favicon.ico">
<style>
html, body {
height: 100%;
overflow-x: hidden;
}
main {
height: inherit;
overflow: hidden;
min-height: 900px;
background-image: url(../svg/bk1.svg);
background-repeat: repeat;
}
footer {
background: #ffc107;
padding: 10px 0 10px 0;
}
.menu {
width: 100%;
height: 70px;
border-bottom: 1px solid rgba(255, 255, 255, 0.17);
background: #354e80;
padding: 10px 0;
margin: 0 0 50px 0
}
.exhibition {
margin: -50px 0 -100px 0px;
width: 1100px;
}
@media (max-width: 580px) {
.exhibition {
display: none;
}
}
.background {
height: 100%;
width: 100%;
}
.login-beta {
font-size: 12px;
padding: 1px 4px;
margin: 0 0 0 10px;
border-bottom: 2px solid #1c325d;
background-color: #354e80;
color: #fff;
}
</style>
</head>
<body class="background">
<header>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand d-flex align-items-center">
<strong><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">
BFBAN<span class="login-beta">Beta</span>
</font></font></strong>
</a>
</div>
</div>
</header>
<main role="main" class="flex-shrink-0" id="app">
<div class="menu">
<div class="container">
<div class="row">
<div class="col-10">
<div style="border-bottom: 2px solid #fff;height: 40px;float:left;margin:20px 30px 0 0;text-align:center;color: rgba(255, 255, 255, 0.64);">
了解更多资讯
</div>
<block v-for="i of [{'n': '联BFBAN网站', 'u': 'https://bfban.com'}, {'n': '设计者', 'u': 'https://cabbagelol.net/about'}, {'n': '捐赠', 'u': 'https://cabbagelol.net/%e6%8d%90%e5%8a%a9/'}]">
<a :href="i.u" target="_blank">
<div style="height: 40px;float:left;margin:20px 30px 0 0;text-align:center;color: rgba(255, 255, 255, 0.64);">
{{i.n}}
</div>
</a>
</block>
</div>
<div class="col-2 justify-content-center text-right"
style="display: flex;align-items: center;margin-bottom: 10px;">
<a href="https://jq.qq.com/?_wv=1027&k=kXr9z9FE" target="_blank">
<button type="button" class="btn btn-link" style="color: #fff">
<svg t="1599669679160" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2597"
id="mx_n_1599669679161" width="25" height="25">
<path d="M512 0c-282.767 0-511.979 229.221-511.979 512s229.211 512 511.979 512 511.979-229.221 511.979-512-229.211-512-511.979-512zM793.886 671.573c-13.223 12.342-35.924-1.102-57.744-31.297-9.477 25.566-21.819 49.149-36.144 70.309 30.855 11.020 50.692 28.212 50.692 47.609 0 33.501-59.287 60.611-132.458 60.611-43.418 0-81.767-9.477-106.009-24.244-24.023 14.767-62.593 24.244-106.009 24.244-73.172 0-132.458-27.109-132.458-60.611 0-19.175 19.836-36.586 50.692-47.609-14.546-21.159-26.668-44.742-36.144-70.309-21.819 29.975-44.519 43.641-57.744 31.297-18.073-16.971-11.241-76.922 15.647-133.785 6.171-13.004 12.783-24.685 19.615-34.823 3.747-165.303 112.622-297.987 246.181-297.987h0.441c133.559 0 242.435 132.462 246.181 297.987 6.833 10.139 13.444 21.821 19.615 34.823 26.67 56.864 33.723 116.814 15.65 133.785z"
p-id="2598" fill="#ffffff"></path>
</svg>
612949946
</button>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<section class="row">
<div class="col-12 col-sm-9 col-md-5">
<div class="container">
<h1>
<font style="vertical-align: inherit;">
<b>联BAN</b>
<br/>调查局应用程序
</font>
</h1>
<p class="lead text-muted"><font style="vertical-align: inherit;"><font
style="vertical-align: inherit;">程序目的增强BFBAN
WEB功能，作为移动软体发挥查询与管理作用；增强会分三阶段逐步改进并且未来影响WEB端。</font></font>
</p>
<p>
公告: bfban v2的升级，延迟下一版本的发布，新消息请加入q群。
</p>
<br/>
<div class="btn-group" role="group"
aria-label="Button group with nested dropdown">
<!-- Button trigger modal -->
<button type="button" class="btn btn-secondary btn-lg" data-toggle="modal"
data-target="#staticBackdrop">
下载 <span class="badge badge-light">测试</span>
</button>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-backdrop="static"
data-keyboard="false"
tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">下载告示</h5>
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<iframe src="news-app.html" height="500"
frameborder="0"></iframe>
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-dismiss="modal">取消
</button>
<a href="https://github.com/cabbagelol/bfbanApp/releases"
target="_blank">
<button type="button" class="btn btn-primary">
了解,前往
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<a href="https://trello.com/b/ZECQnnEz/bfban-app" target="_blank">
<button type="button" class="btn btn-link btn-lg">开发进度</button>
</a>
<a href="https://github.com/cabbagelol/bfbanApp/issues" target="_blank">
<button type="button" class="btn btn-link btn-lg">帮助</button>
</a>
<hr/>
<div class="row">
<div class="col-sm">
<div class=" text-muted"><a href="#" class="badge badge-warning">版本</a>
</div>
</div>
<div class="col-sm">
<div class=" text-muted">{{ version.version }}</div>
</div>
</div>
<hr/>
<div class="row">
<div class="col-sm">
<div class=" text-muted"><a href="#" class="badge badge-primary">发行号</a>
</div>
</div>
<div class="col-sm">
<div class=" text-muted">{{ version.stage }}</div>
</div>
</div>
<hr/>
<div class="row">
<div class="col-sm">
<div class=" text-muted"><a href="#" class="badge badge-dark">说明</a>
</div>
</div>
<div class="col-sm">
<div class=" text-muted">{{ version.describe }}</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-3 col-md-7">
<img src="../images/exhibition.png" class="exhibition">
</div>
</section>
</div>
</main>
<footer class="footer">
<div class="container text-center">
<svg height="50" xmlns="http://www.w3.org/2000/svg" width="50">
<g transform="scale(.4) translate(50, 12)">
<path stroke="#000"
d="m21.054845,6.553957c-4.29931,3.25323 -7.53805,6.56319 -10.92111,12.82111c-3.38307,6.25793 -4.74379,9.79716 -6.2871,14.84228c-1.54331,5.04513 -3.8268,17.22095 -3.46909,22.98968c0.35771,5.76873 0.47784,7.85769 2.52966,12.88058c2.05182,5.02289 3.59163,6.633 6.43001,8.94553c2.83838,2.31254 5.04028,4.19811 11.07306,7.35236c6.03278,3.15424 12.59586,5.14369 18.96779,6.15381c1.59299,0.25252 5.71691,0.73565 8.45737,0.63246c2.74046,-0.10319 5.02055,-0.79269 6.61808,-1.6547c3.19506,-1.72403 4.70823,-4.25139 1.16661,-6.95969c-3.54162,-2.7083 -13.14569,-10.50779 -17.65838,-15.04963c-4.51269,-4.54184 -9.46431,-10.56284 -13.53094,-17.97337c-4.06662,-7.41053 -3.21221,-15.01469 -2.34441,-17.21861c0.8678,-2.20392 1.31071,-2.42463 2.34284,-3.27444c1.03213,-0.84981 2.63878,-1.3702 4.4456,-1.43696c1.80682,-0.06676 6.29253,1.24014 8.00418,2.50796c1.71165,1.26782 6.84634,3.11291 10.68547,3.22481c3.83913,0.1119 6.80926,-2.2711 7.77394,-4.36382c0.96468,-2.09272 1.53376,-5.30566 0.12068,-9.26824c-1.41308,-3.96257 -0.7816,-6.06437 -2.79946,-9.02092c-2.01786,-2.95655 -3.76492,-4.77411 -8.32044,-7.30289c-4.55552,-2.52878 -7.06418,-2.32771 -11.38751,-2.55215c-4.32332,-0.22443 -9.7472,2.09823 -11.89685,3.72484z"
fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#fff"></path>
<path d="m39.721669,4.606055c4.18919,-1.8919 6.89191,-2.56758 10.27029,-2.97298c3.37838,-0.4054 8.91893,-0.54054 9.05407,0.54054c0.13513,1.08109 -3.24326,2.83783 -4.32434,4.05405c-1.08108,1.21622 -3.10811,3.3784 -4.05406,5.94597c-0.94595,2.56756 -15.13516,-5.67569 -10.94596,-7.56758z"
fill-opacity="null" stroke-opacity="null" stroke-width="0" stroke="#000"
fill="#fff"></path>
</g>
</svg>
<svg style="width: 50px" t="1599670208146" class="icon" viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="6842" width="15" height="15">
<path d="M952.311 921.329l-409.418-410.41 407.261-408.248c8.53-8.551 8.53-22.416 0-30.967-8.532-8.552-22.36-8.552-30.892 0L511.999 479.952 104.737 71.704c-8.53-8.552-22.362-8.552-30.892 0-8.53 8.552-8.53 22.417 0 30.967L481.107 510.92 71.687 921.33c-8.529 8.551-8.529 22.416 0 30.967a21.755 21.755 0 0 0 15.448 6.413c5.59 0 11.181-2.139 15.446-6.413L512 541.886l409.419 410.41a21.755 21.755 0 0 0 15.446 6.413c5.592 0 11.18-2.139 15.447-6.413 8.53-8.55 8.53-22.417 0-30.967z"
fill="#fff" p-id="6843"></path>
</svg>
<img src="https://i.loli.net/2018/11/03/5bdd8e977b10d.png" class="rounded-circle" width="40"
height="40"/>
</div>
</footer>
</body>
</html>
<!-- JS, Popper.js, and jQuery -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<!-- JS, baidu.com -->
<script src="./js/baidu.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0-0/axios.min.js"></script>
<script type="text/javascript">
/**
* 就这样吧，懒的构建一个完整本地项目
*/
var app = new Vue({
el: '#app',
data: {
version: {},
},
created() {
const self = this;
axios({
method: 'get',
url: './json/version.json',
headers: {
'Content-Type': 'application/json',
},
}).then(function (response) {
self.version = response.data.list[0];
});
}
});
</script>