forked from NervJS/taro-user-cases
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
324 lines (319 loc) · 27.9 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
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<!doctype html>
<html>
<head>
<meta charset="utf8" />
<title>Taro 案例</title>
<link href="https://taro.jd.com/css/home/out.css" rel="stylesheet">
<link href="./style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC" rel="stylesheet">
<style type="text/css">
.header {
height: 80px;
position: relative;
z-index: 10; }
.nav {
padding-top: 6px;
height: 48px; }
.nav_logo {
box-sizing: content-box;
float: left;
position: relative;
padding-top: 19px;
width: 90px;
height: 32px;
margin-right: 10px;
line-height: 30px;
font-size: 24px;
color: #fff;
font-weight: 700;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAA8CAYAAADi8H14AAAAAXNSR0IArs4c6QAABO9JREFUeAHtW8lqFUEU9TlFBRU1Ik4IwRlRiPNCcCAuVHChS0Vw5Q/4Ee4FF/oD4l4MuNZEs3AgRg1RiKhx1jiLGs8Jr5O2X3dVdfere8u0F4rXr+/tuueeVJ+uqn6pTaqIjYyMLESp+9CWoy1Bm4Xm03pqtdr5qT4zhNA3iJ0GHEfRdqFNEcR0j7kmNMEgl4SeQtvAYoVtlODJwkml0x1DQg1yn0Me3rFY5xGM0dCK+ON1wOvxOQdNy86igHOm5MC7CP6dphiPvtHRy/6tBANoC+JO15smqcQb2Z3owPDZAV/N4Pfp6o06NxIMcum/iHY4uiCAT956XSYcwE3p22yK8ej7ib77o/5tGnwBgSGRS9ydkIdfUQEZnytw3vc0LCP1pH7g+xE5MwnGKGhH0IkoMKDPyw5Y+IzQsjH9JYBMguGj7oZmIwB0xQGUJsFj+kucqQRj9M6Gj5Pz0Owmbr9XJlDAPgP+NlOMR98w8D2N959KMAL2oBkfgPFOBI9d5GEN8GTV5RvqX/LAZFlA9vtGUrB/F4KDkQfWmDVKQyT4I/AeggQcsfxxuOdQZgbxCNe/tuTIct9POhoIRgGc4qxKBgbw/TswHLDg4N7DMkuMzf3XQ8oWHPMPQn+HY99HD9MkIsTRS7AfkuBTvs9MOZfn1GcEsxWxBv1lJ/8KwZyeNYyOFBbKEvwipU/XU3aCIQ8knJvSodknALKt3oiZU7QyVpRgrtwG0hInR/AWBM1LC1Q+5yIP04ExWU8e2L8RbJxjGzp7AP3lHkSDJQFVWX/fgB2Xu6SBRJxIlQcG/gsE8/b7SrAW05IHwrITDP3l8niHpQgNt4s8cN+X+9ZlrKj+voU8DGUljo/g3QjiC8LQzIVgjt4ym+vfcL3LLCWNm8zRy+A4wSHqLx88LoVrTs+MC5PQCeb0jCTbTEt/OT9vWB7HwY4SXF8er447Ajl2kQcuj8tIG0kqOj17DP39YuIqGsEdpiBFnwvBZeWB7/jGXvHkrNWov+wr2uwJUX+5ucOHj804d31vCzL4r8LXafCbXDdMTvpq9eUxb5H5tmBh/0vkGxTIeRK3+V1feSgRXB6HRi7rdZEHxpUx7jFbb/MyCUhwiPrLmQOL923dGL1Fl8dO2KjBLOaSU7SfoKXodm2ia2qvy/QscVnur125r8h5QZnVT85U6eF4BpyBZ2+61/vZgxjB1HpvRolQs/oDdqsSgAHf5LIuVYKRfx0aN5k07LpEUm2Ct0sUmZHjP8EZxDTjNBcxt5rRka0PtREM/eUSd6MNoCc//0Gl6PI4FyQ1goGyHS1aqucC3YRgEXkgTk2CJ7z+VpXgZ5CHwSbcBU5dqIxg6G8r0LU5IWx+kJg8ELoKwchbCXmoIsHc2Olh4VKmNYK3SRWYyHMb+lv0x32Jrty+ihMM/V0JaAvc4DU9SlR/iV6cYOSsjP5WjWD+9uwhi5Y00REMeeDrda7gNIxvL/iKXtRECUZlm9BaRCscT3Zt/FDuSJpgLf3lyO2Wo3U8U1UI7oM8lPntxDhjOY/ECIb+zgW25MvNnHALh3t/uZmFTIxgAOC7N62XrCr6S9IlCdbSX67celmshlWBYE7PUv9BRYJwEYKhv8tRzGKJglJyiC+P4xhECEZCLXlgrWoPOCaf6ATzB9JDLFTLpF469qHAJwpFev3lpEs9fwBpxe4J7SMAYgAAAABJRU5ErkJggg==) no-repeat 0 bottom;
background-size: 44px auto;
color: #2D3036;
overflow: hidden;
text-indent: -99em; }
.nav_logo::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 43px;
height: 16px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAgCAYAAACILY8rAAAAAXNSR0IArs4c6QAAB4dJREFUaAXtmlmMFUUUhh1WIayDEJB9CUsQEVk1mADBCEQ0ODFBRcEXjcQHo0QU9AFEoqIxKi9igjFuQRQ1SiCKGKNBgg7DsDiIoOw7wyog2/j9l9s33dWnui+jXIhykn+66j9bdXV1VXXdKboKqaqqKuEyB5xR/SJJTeKuBCOLiorOXqQcl03YWtmW9OdaXIBW7fs/dKr6sQajtYhr3wJ0qlKsKFCeS56mBi1oAnoUqCVlBcpzydOoYzuDlgVoyX5y/FqAPJdFCs2xQ4A6+BxIE9n5JMlf0816sM/n/F/ji5hjO3JTjUFVys3NRX+jYaMVfhyoMHQBpY49yMK1JSCuXOkBOr8B2A4s2QbZ8EpHRXsg2G5F2XitJ1SrOJ1h9Iof8+hiNA+hEeT1QDHbg2agLjgFKsFOsBGUM8J3cE2V7IPVWxeejvSWHCZGpm3Y6F77gZtAJ9AAnACvY6N7iAj29SF6gz5A9k2BYireZrAOrMJ3D9fqCUkmAp+8kE9UnLuAV8Dv4BxIk30YzAOD0uJj8wY4Ag6FcJTyKPlyHQ2+B2eBK+q4nKBsAaaAdcCyh87JLkpvg0iMXLC0Ao5zgU/01ZYoOI4Hu30BUvjj6B/1JUBXE5QaMY7BdQTPAV8HbUSnkZkRyveATeBCRbmeBkmLe5Aml6wWDis9mXTTXaMe0Rp6jfZ8RqgnRYY+w9+R0ci59rVBV2k4L4N71uDD1GeKAqEPpZlhRTXLeb29mZaToB3QK2ZJBWS987cY/4tuIFDnW6LO0Kuu1+4J8CooAz75Ip4h0ynDPQ4r4K0OD5tPVUyIGWHSKJ+A2w52gr8MfUBpAI2x2hnjMBwReBnXeTGHEIH9J4aPqEUgNtLh6oOXgSXrIbXIRQTuScsYznr9Ne9q7lZHSYaAMcD3Rsl+GugJGoNi0BvMAqeBJT9DxtoZabQqGE21vLPcpJhDlkDfAZw0fPXkmyf4NUEvG1c2QMTeDrj5rqFT16I2GwwDnUBr0B2MAj3AVmDJXshhCe18xnKC0wMdnM92SydfPin1KeC1rVps6JeyRUn6AjuJj+CKtjkRnhtQR/dyDUP1DZTHk295iAuKegOmU2kbEKGrjk8fxm9piHOLsyEeAq6/FrCxrnGkTmJ9GGjltOQA5LURh3+hQswScMpImFlowimw6QaC19p10Svv7XR0TcEW1ylb/zCcx1fGdoHH/4+0EasNvPtEgjzaxO8OKhd6pUF18NEXm0a2PhI0594K7ga1gStrXYL6deBqgxc1gxG3xqMTPRi0M/Sn4V4zeIvaY5FwbdM6Vl8e6gBLymh4+EvHsslwdGIHCppSbgAdQWugeVadKqiD08Q6y+3ncdoK/45HF9DDg4JzXU291OF8VV//HfMpgkBJ86t1o4Ff5kqHavLX5n4o0LlvdeUojtbo6+sJuJCHfsij04KsT1ONdkuW4atRm4+09Bj5pwKSaxL2NVyTe5knqBqurxltlicC/daVjxzEaD0YAFwfTTvbQE7IoQfVPUdEC4uj1VhN2yHf+qARmyrk18Kp6cuSr5JGbDM8ullecDvBJktHQs2Pc8B9lh5OHaTGy39vFoq3DmiOHQRcKWUU6WGGpTMVq3OOwJeHDY2yOraxwYva5eFdWn3TwSWz9cSOleM1HsdfuFHdgCX3Q1qdehh+MvgIX43OmPBQRkHqNXVluUtQ13ztjmyZ6YHtUCFBlMPKI5e81g3sSoC1/ujBlCeN2D4YaDqwxJzcs6P1EcsB7ik69E2PTtOHRt8thl7z3UqD9y1cOspzR7frfgriuEtm69oJJQptbYHBBI/REvLv93WcfJIWrp88QdvC9zB0Gq1fGnyYGktF048rGn2aY3PCjWmkasRa4mtb2FbnsNvCRKh8Z6jsK05H0cZQnoV7y+DPUzS8DigHluj7uYvlDN/fcoDTx4TvoFyjtSvYASz53M2FUSuw3zDWKZg1R7shlPMlw1+UYoyLOWQJdDqb8J0tfIzON8Vkzgd0jqkOtGQNpDW3qLE6oLAOPxRHR3ixpHA3g7XAJ1Pcm8RwKLBuTqdPxa69VcduALC+8KCr/gQ6I2kP6oGGYCB4D/hE583mgMvlx2C0zxv+/ZyhU0Cnz0T9BuaTb1BMBhPAJKBPQt8nKaqMjHDS6AE+ntW5F8WPPTzXX3XZgXfdAE79IHUd/mwGvtMsuehB3G7liXAYTZO1Rx6LGDsVfF70+KXR1kjXiNIiGhG4DzzBZkUMUyrE0JSyyhMrX1rT3F1uKt/ilbRwWSt0OO5MKkvCREpZK/TzYLNhp62PFpqccBN1qfyThSsXi9VbW6M7wKIceWGF7zAfTpwFqW40XCdaZUCn7y5+g2ueFgSbRmAmSPqdS2e1XwPNl/rdSjkPO1D+yEOmrjNVzaWu7R64bmlts/T41QIPgh+Bb95FlRH9IvItuBfUtuKJi81HGGsro22PRnP4nzhke5qnc4BrXkIsbUluAw8A7TsVuwLMBwvBauJhlpkX9cCkD4tyVmJzMiCx1cKpD5dw26TW6N6reKpUR4itfX0vMAyMAT2BvtAqgbZxn4IfQEVanr8B8l4eJJWcrBkAAAAASUVORK5CYII=) no-repeat 0 0;
background-size: 43px 16px; }
.nav_list {
float: left;
margin-left: 100px; }
.nav_list_item {
position: relative;
display: inline-block;
min-width: 90px;
height: 74px;
text-align: center;
margin-right: 10px; }
.nav_list_item_l {
position: relative;
z-index: 1;
font-size: 16px;
padding: 0 10px;
line-height: 74px;
color: #2D3036;
cursor: pointer;
opacity: 0.8; }
.nav_list_item_l:hover {
color: #2D3036;
opacity: 1; }
.nav_list_item_l:active {
color: #2D3036;
opacity: 0.8; }
.nav_list_item_current {
position: relative; }
.nav_list_item_current .nav_list_item_l {
opacity: 1; }
.nav_list_item_current:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
z-index: 0;
width: 75%;
height: 2px;
transform: translateX(-50%);
background: linear-gradient(to right, #00B2BD, #2CEB85); }
.nav .user {
float: right;
padding-top: 21px; }
.nav .user_btn {
margin-left: 30px;
display: inline-block;
padding: 0 30px;
font-size: 14px;
line-height: 28px;
border: 1px solid #2D3036;
border-radius: 14px;
color: #2D3036;
transition: all 0.3s ease; }
.nav .user_btn:hover {
color: #367ff7;
border-color: #367ff7; }
.nav .user_info, .nav .user_loginout {
font-size: 14px;
line-height: 30px;
color: #808080; }
.nav .user_info:hover, .nav .user_loginout:hover {
color: #367ff7; }
.nav .user_info:active, .nav .user_loginout:active {
color: #062ead; }
.nav .user_info {
margin-right: 30px; }
.immersive.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10; }
.immersive.header .nav_list_item_l {
color: #fff;
opacity: 0.8;
text-shadow: 0 0 1px currentColor; }
.immersive.header .nav_list_item_l:hover {
opacity: 1;
color: #fff; }
.immersive.header .nav_list_item_l:active {
opacity: 0.8; }
.immersive.header .nav_list_item_current .nav_list_item_l {
opacity: 1; }
.immersive.header .user_btn {
border-color: #fff;
color: #fff;
transition: all 0.3s ease; }
.immersive.header .user_btn:hover {
color: #0000C2;
background: #fff;
border-color: #fff; }
.immersive.header .user_info,
.immersive.header .user_loginout {
color: #a4a4a4; }
.tooltip {
display: block;
box-sizing: border-box;
position: absolute;
top: 45px;
left: 50%;
transform: translate(-50%, 0);
transition: opacity .3s ease-out;
padding: 4px 0;
margin-top: 2px;
opacity: 0; }
.tooltip_arrow_top {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 0;
height: 0;
margin-left: -4px;
border: 4px solid transparent;
border-top-width: 0;
border-bottom-color: #000; }
.tooltip_cont {
display: block;
box-sizing: border-box;
padding: 4px 8px;
max-width: 200px;
color: #fff;
font-size: 12px;
line-height: 1.5;
border-radius: 4px;
background-color: #000;
word-wrap: break-word;
white-space: nowrap; }
.nav_list_item:hover .tooltip {
opacity: 1;
transition: opacity .3s ease-out; }
</style>
<style type="text/css">
.footer {
position: relative;
z-index: 10;
height: 500px;
border-top: 1px solid #cad3f1;
border-top: 1px solid rgba(164, 164, 164, 0.2); }
.footer_cont {
position: relative;
box-sizing: content-box;
height: 350px;
padding-top: 100px; }
.footer .footer_logo_container {
display: inline-block;
box-sizing: border-box;
width: 390px; }
.footer .footer_logo {
width: 117px;
height: 49px;
background-image: url(//img20.360buyimg.com/ling/jfs/t1/20876/36/12835/3043/5c9c2929Ed18cfb11/15b1c03ec830ab8e.png);
background-repeat: no-repeat;
background-size: 100% auto; }
.footer .footer_designedby {
position: absolute;
top: 300px;
left: 0;
width: 154px;
height: 12px;
background-image: url(//img30.360buyimg.com/ling/jfs/t1/33012/13/70/7004/5c9c2591E9cfedc30/28f3020042757672.png);
background-repeat: no-repeat;
background-size: 100% auto; }
.footer .footer_link_container {
display: inline-block;
box-sizing: border-box;
width: 800px;
vertical-align: top; }
.footer .footer_link {
display: inline-block;
width: 190px;
margin-left: 10px;
vertical-align: top; }
.footer .footer_link_tit {
padding-bottom: 20px;
font-size: 18px;
line-height: 27px;
color: #333;
vertical-align: middle; }
.footer .footer_link_tit:before {
content: '';
display: inline-block;
margin-right: 5px;
vertical-align: middle; }
.footer .footer_link_tit1::before {
width: 22px;
height: 22px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX21hdGVyaWFsPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iNTQuMDg2MTYyMSUiIHgyPSIwJSIgeTI9IjU0LjA4NjE2MjElIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDI4QjQiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzE1N0VGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJpY29uX21hdGVyaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOSwxOSBMMywxOSBDMS44OTU0MzA1LDE5IDEsMTguMTA0NTY5NSAxLDE3IEwxLDcgQzEsNS44OTU0MzA1IDEuODk1NDMwNSw1IDMsNSBMMywxNiBDMywxNi41NTIyODQ3IDMuNDQ3NzE1MjUsMTcgNCwxNyBMMjAsMTcgQzIwLjU1MjI4NDcsMTcgMjEsMTYuNTUyMjg0NyAyMSwxNiBMMjEsNSBDMjIuMTA0NTY5NSw1IDIzLDUuODk1NDMwNSAyMyw3IEwyMywxNyBDMjMsMTguMTA0NTY5NSAyMi4xMDQ1Njk1LDE5IDIxLDE5IEwxNSwxOSBDMTUsMjAuMTA0NTY5NSAxNC4xMDQ1Njk1LDIxIDEzLDIxIEwxMSwyMSBDOS44OTU0MzA1LDIxIDksMjAuMTA0NTY5NSA5LDE5IFogTTYsMyBMOSwzIEMxMC4xMDQ1Njk1LDMgMTEsMy44OTU0MzA1IDExLDUgTDExLDE0IEMxMSwxNC41NTIyODQ3IDEwLjU1MjI4NDcsMTUgMTAsMTUgTDYsMTUgQzUuNDQ3NzE1MjUsMTUgNSwxNC41NTIyODQ3IDUsMTQgTDUsNCBDNSwzLjQ0NzcxNTI1IDUuNDQ3NzE1MjUsMyA2LDMgWiBNMTUsMyBMMTgsMyBDMTguNTUyMjg0NywzIDE5LDMuNDQ3NzE1MjUgMTksNCBMMTksMTQgQzE5LDE0LjU1MjI4NDcgMTguNTUyMjg0NywxNSAxOCwxNSBMMTQsMTUgQzEzLjQ0NzcxNTMsMTUgMTMsMTQuNTUyMjg0NyAxMywxNCBMMTMsNSBDMTMsMy44OTU0MzA1IDEzLjg5NTQzMDUsMyAxNSwzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 0;
background-size: 22px 22px; }
.footer .footer_link_tit2::before {
width: 22px;
height: 22px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2JiczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTAwJSIgeTE9IjU0LjA4NjE2MjElIiB4Mj0iMCUiIHkyPSI1NC4wODYxNjIxJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAyOEI0IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMxNTdFRkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl9iYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMy4zMDA4ODc1LDIwLjkwNjY3MzYgQzE0Ljk2MDcwNjIsMTkuNDk2MTA1OSAxNS44NTQ5OTYxLDE2Ljg2MDU0OCAxNS45ODM3NTcsMTMgTDEzLDEzIEwxMywyMC45NDUwNzEyIEMxMy4xMDA4MDcsMjAuOTMzOTI3NiAxMy4yMDExMTIyLDIwLjkyMTExOSAxMy4zMDA4ODc1LDIwLjkwNjY3MzYgWiBNMTYuMTQ5MzM4NCwxOS45ODg1MTc3IEMxOC43NTEyMDY1LDE4LjYzNDMxNDMgMjAuNjA4MzIzMiwxNi4wNDYyNjkzIDIwLjk0NTA3MTIsMTMgTDE3Ljk4Mzc0NTEsMTMgQzE3Ljg3ODk1MzIsMTYuMTM5NjEzMyAxNy4yNjc0ODQzLDE4LjQ2OTExOTIgMTYuMTQ5MzM4NCwxOS45ODg1MTc3IFogTTEzLjMwMDg4NzUsMy4wOTMzMjYzNyBDMTMuMjAxMTEyMiwzLjA3ODg4MDk5IDEzLjEwMDgwNywzLjA2NjA3MjQyIDEzLDMuMDU0OTI4NzggTDEzLDExIEwxNS45ODM3NTcsMTEgQzE1Ljg1NDk5NjEsNy4xMzk0NTE5OSAxNC45NjA3MDYyLDQuNTAzODk0MTIgMTMuMzAwODg3NSwzLjA5MzMyNjM3IFogTTE2LjE0OTMzODQsNC4wMTE0ODIzMSBDMTcuMjY3NDg0Myw1LjUzMDg4MDc5IDE3Ljg3ODk1MzIsNy44NjAzODY2OSAxNy45ODM3NDUxLDExIEwyMC45NDUwNzEyLDExIEMyMC42MDgzMjMyLDcuOTUzNzMwNzQgMTguNzUxMjA2NSw1LjM2NTY4NTc0IDE2LjE0OTMzODQsNC4wMTE0ODIzMSBaIE0xMC42OTkxMTI1LDIwLjkwNjY3MzYgQzEwLjc5ODg4NzgsMjAuOTIxMTE5IDEwLjg5OTE5MywyMC45MzM5Mjc2IDExLDIwLjk0NTA3MTIgTDExLDEzIEw4LjAxNjI0MzA1LDEzIEM4LjE0NTAwMzkzLDE2Ljg2MDU0OCA5LjAzOTI5Mzc2LDE5LjQ5NjEwNTkgMTAuNjk5MTEyNSwyMC45MDY2NzM2IFogTTcuODUwNjYxNjEsMTkuOTg4NTE3NyBDNi43MzI1MTU2NywxOC40NjkxMTkyIDYuMTIxMDQ2NzcsMTYuMTM5NjEzMyA2LjAxNjI1NDkzLDEzIEwzLjA1NDkyODc4LDEzIEMzLjM5MTY3Njc2LDE2LjA0NjI2OTMgNS4yNDg3OTM0NywxOC42MzQzMTQzIDcuODUwNjYxNjEsMTkuOTg4NTE3NyBaIE0xMC42OTkxMTI1LDMuMDkzMzI2MzcgQzkuMDM5MjkzNzYsNC41MDM4OTQxMiA4LjE0NTAwMzkzLDcuMTM5NDUxOTkgOC4wMTYyNDMwNSwxMSBMMTEsMTEgTDExLDMuMDU0OTI4NzggQzEwLjg5OTE5MywzLjA2NjA3MjQyIDEwLjc5ODg4NzgsMy4wNzg4ODA5OSAxMC42OTkxMTI1LDMuMDkzMzI2MzcgWiBNNy44NTA2NjE2MSw0LjAxMTQ4MjMxIEM1LjI0ODc5MzQ3LDUuMzY1Njg1NzQgMy4zOTE2NzY3Niw3Ljk1MzczMDc0IDMuMDU0OTI4NzgsMTEgTDYuMDE2MjU0OTMsMTEgQzYuMTIxMDQ2NzcsNy44NjAzODY2OSA2LjczMjUxNTY3LDUuNTMwODgwNzkgNy44NTA2NjE2MSw0LjAxMTQ4MjMxIFogTTEyLDIzIEM1LjkyNDg2Nzc1LDIzIDEsMTguMDc1MTMyMiAxLDEyIEMxLDUuOTI0ODY3NzUgNS45MjQ4Njc3NSwxIDEyLDEgQzE4LjA3NTEzMjIsMSAyMyw1LjkyNDg2Nzc1IDIzLDEyIEMyMywxOC4wNzUxMzIyIDE4LjA3NTEzMjIsMjMgMTIsMjMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;
background-size: 22px 22px; }
.footer .footer_link_tit3::before {
width: 22px;
height: 22px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2Fib3V0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iNTQuMDg2MTYyMSUiIHgyPSIwJSIgeTI9IjU0LjA4NjE2MjElIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDI4QjQiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzE1N0VGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2Fib3V0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMiw0IEwyMiw0IEMyMy4xMDQ1Njk1LDQgMjQsNC44OTU0MzA1IDI0LDYgTDI0LDE4IEMyNCwxOS4xMDQ1Njk1IDIzLjEwNDU2OTUsMjAgMjIsMjAgTDIsMjAgQzAuODk1NDMwNSwyMCAxLjM1MjcwNzVlLTE2LDE5LjEwNDU2OTUgMCwxOCBMMCw2IEMtMS4zNTI3MDc1ZS0xNiw0Ljg5NTQzMDUgMC44OTU0MzA1LDQgMiw0IFogTTcuNSwxMiBDOC44ODA3MTE4NywxMiAxMCwxMC44ODA3MTE5IDEwLDkuNSBDMTAsOC4xMTkyODgxMyA4Ljg4MDcxMTg3LDcgNy41LDcgQzYuMTE5Mjg4MTMsNyA1LDguMTE5Mjg4MTMgNSw5LjUgQzUsMTAuODgwNzExOSA2LjExOTI4ODEzLDEyIDcuNSwxMiBaIE01LjUsMTMgQzQuMTE5Mjg4MTMsMTMgMywxNC4xMTkyODgxIDMsMTUuNSBMMywxNyBDMywxNy41NTIyODQ3IDMuNDQ3NzE1MjUsMTggNCwxOCBMMTEsMTggQzExLjU1MjI4NDcsMTggMTIsMTcuNTUyMjg0NyAxMiwxNyBMMTIsMTUuNSBDMTIsMTQuMTE5Mjg4MSAxMC44ODA3MTE5LDEzIDkuNSwxMyBMNS41LDEzIFogTTE0LDggQzEzLjQ0NzcxNTMsOCAxMyw4LjQ0NzcxNTI1IDEzLDkgTDEzLDEwIEMxMywxMC41NTIyODQ3IDEzLjQ0NzcxNTMsMTEgMTQsMTEgTDIwLDExIEMyMC41NTIyODQ3LDExIDIxLDEwLjU1MjI4NDcgMjEsMTAgTDIxLDkgQzIxLDguNDQ3NzE1MjUgMjAuNTUyMjg0Nyw4IDIwLDggTDE0LDggWiBNMTYsMTMgQzE1LjQ0NzcxNTMsMTMgMTUsMTMuNDQ3NzE1MyAxNSwxNCBMMTUsMTUgQzE1LDE1LjU1MjI4NDcgMTUuNDQ3NzE1MywxNiAxNiwxNiBMMjAsMTYgQzIwLjU1MjI4NDcsMTYgMjEsMTUuNTUyMjg0NyAyMSwxNSBMMjEsMTQgQzIxLDEzLjQ0NzcxNTMgMjAuNTUyMjg0NywxMyAyMCwxMyBMMTYsMTMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;
background-size: 22px 22px; }
.footer .footer_link_tit4::before {
width: 22px;
height: 22px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX3RoYW5rczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTAwJSIgeTE9IjU0LjA4NjE2MjElIiB4Mj0iMCUiIHkyPSI1NC4wODYxNjIxJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAyOEI0IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMxNTdFRkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl90aGFua3MiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNy4yMzYxMDY1LDYgTDIxLDYgQzIyLjEwNDU2OTUsNiAyMyw2Ljg5NTQzMDUgMjMsOCBMMjMsOSBDMjMsOS41NTIyODQ3NSAyMi41NTIyODQ3LDEwIDIyLDEwIEwyLDEwIEMxLjQ0NzcxNTI1LDEwIDEsOS41NTIyODQ3NSAxLDkgTDEsOCBDMSw2Ljg5NTQzMDUgMS44OTU0MzA1LDYgMyw2IEw2Ljc2Mzg5MzQ5LDYgQzYuMjg4ODUzNTcsNS40NjkyNDM1MSA2LDQuNzY4MzU0NDQgNiw0IEM2LDIuMzQzMTQ1NzUgNy4zNDMxNDU3NSwxIDksMSBDMTAuNjU2ODU0MiwxIDEyLDIuMzQzMTQ1NzUgMTIsNCBDMTIsMi4zNDMxNDU3NSAxMy4zNDMxNDU4LDEgMTUsMSBDMTYuNjU2ODU0MiwxIDE4LDIuMzQzMTQ1NzUgMTgsNCBDMTgsNC43NjgzNTQ0NCAxNy43MTExNDY0LDUuNDY5MjQzNTEgMTcuMjM2MTA2NSw2IFogTTkuNSwzIEM4LjY3MTU3Mjg4LDMgOCwzLjY3MTU3Mjg4IDgsNC41IEM4LDUuMzI4NDI3MTIgOC42NzE1NzI4OCw2IDkuNSw2IEwxMSw2IEwxMSw0LjUgQzExLDMuNjcxNTcyODggMTAuMzI4NDI3MSwzIDkuNSwzIFogTTE0LjUsMyBDMTMuNjcxNTcyOSwzIDEzLDMuNjcxNTcyODggMTMsNC41IEwxMyw2IEwxNC41LDYgQzE1LjMyODQyNzEsNiAxNiw1LjMyODQyNzEyIDE2LDQuNSBDMTYsMy42NzE1NzI4OCAxNS4zMjg0MjcxLDMgMTQuNSwzIFogTTMsMTIgTDExLDEyIEwxMSwyMiBMNCwyMiBDMi44OTU0MzA1LDIyIDIsMjEuMTA0NTY5NSAyLDIwIEwyLDEzIEMyLDEyLjQ0NzcxNTMgMi40NDc3MTUyNSwxMiAzLDEyIFogTTEzLDEyIEwyMSwxMiBDMjEuNTUyMjg0NywxMiAyMiwxMi40NDc3MTUzIDIyLDEzIEwyMiwyMCBDMjIsMjEuMTA0NTY5NSAyMS4xMDQ1Njk1LDIyIDIwLDIyIEwxMywyMiBMMTMsMTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;
background-size: 22px 22px; }
.footer .footer_link .footer_link_connect {
color: #666; }
.footer .footer_link a,
.footer .footer_link .footer_link_wechat {
color: #666; }
.footer .footer_link a .wechat_qrcode_icon,
.footer .footer_link .footer_link_wechat .wechat_qrcode_icon {
display: inline-block;
margin-left: 5px;
width: 18px;
height: 18px; }
.footer .footer_link a:hover,
.footer .footer_link .footer_link_wechat:hover {
opacity: 0.6; }
.footer .footer_link .footer_link_wechat_img {
position: absolute;
top: -80px;
left: 50px;
width: 200px;
display: none; }
.footer .footer_link .footer_link_wechat_img img {
width: 100%; }
.footer .footer_link .footer_link_connect_wrap {
position: relative;
cursor: pointer; }
.footer .footer_link .footer_link_connect_wrap:hover .footer_link_wechat_img {
display: block; }
.footer .footer_link p {
font-size: 14px;
margin-bottom: 8px; }
.copyright {
height: 50px;
font-size: 14px;
color: #9aa9e1;
color: rgba(255, 255, 255, 0.6);
background: #0000C2;
text-align: center; }
.copyright .in {
line-height: 50px; }
</style>
</head>
<body>
<div class='index'>
<div class="header clearfix immersive">
<div class="nav">
<div class="grid_c1">
<a class="nav_logo" href="//taro.jd.com">Taro</a>
<ul class="nav_list">
<li class="nav_list_item nav_list_item_current"><a class="nav_list_item_l" href="//taro.jd.com" target="">首页</a></li>
<li class="nav_list_item"><a class="nav_list_item_l" href="//taro-docs.jd.com" target="_blank">文档</a></li>
<li class="nav_list_item"><a class="nav_list_item_l" href="//taro-ext.jd.com" target="">物料市场</a></li>
<li class="nav_list_item"><a class="nav_list_item_l" href="//taro-club.jd.com" target="_blank">社区</a></li>
<li class="nav_list_item"><a class="nav_list_item_l" href="//taro-ui.jd.com" target="_blank">Taro UI</a></li>
</ul>
</div>
</div>
</div>
<div class="grid_c1 appwrap">
<div id="app"></div>
</div>
<div class="footer"><div class="grid_c1 footer_cont"><div class="footer_logo_container"><div class="footer_logo"></div><span class="footer_designedby"></span></div><div class="footer_link_container"><div class="footer_link"><h3 class="footer_link_tit footer_link_tit1">相关资源</h3><p><a class="link" href="https://taro.js.org/" target="_blank">Taro</a></p><p><a class="link" href="https://taro-ui.aotu.io/" target="_blank">Taro UI</a></p><p><a class="link" href="https://at-ui.github.io/at-ui/#/zh" target="_blank">At-UI</a></p><p><a class="link" href="https://nerv.aotu.io/" target="_blank">Nerv</a></p><p><a class="link" href="https://athena.aotu.io/" target="_blank">Athena</a></p></div><div class="footer_link"><h3 class="footer_link_tit footer_link_tit2">社区</h3><p><a href="https://github.com/NervJS/taro/issues" target="_blank">GitHub</a></p><p><a href="https://taro-club.jd.com" target="_blank">Taro BBS</a></p><p class="footer_link_connect_wrap"><span class="footer_link_connect footer_link_wechat">微信<span class="wechat_qrcode_icon"><svg t="1554966525626" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2588" data-spm-anchor-id="a313x.7781069.0.i0" style="width: 100%; height: 100%; vertical-align: middle; fill: currentcolor; overflow: hidden;"><path d="M240.071 241.095h59.278v59.278h-59.278v-59.278z" fill="" p-id="2589"></path><path d="M405.959 134.485h-272.611v272.611h106.723v47.445h59.278v-47.445h106.723v-59.278h47.445v-47.445h-47.445l-0.114-165.888zM346.795 347.819h-154.169v-154.055h154.055v154.055h0.114zM240.071 727.154h59.278v59.278h-59.278v-59.278zM726.016 241.095h59.278v59.278h-59.278v-59.278zM512.683 509.042v63.943h59.278v-59.165h47.445v-59.278h-47.445v-47.445h-59.278v101.945zM512.683 725.789v60.643h59.278v-106.723h47.445v-59.278h-106.723v105.358zM571.961 786.432h47.445v47.445h-47.445v-47.445zM453.405 833.877v59.165h118.557v-59.165h-118.557z" fill="" p-id="2590"></path><path d="M678.685 679.709h-59.278v106.723h106.61v-59.278h-47.331v-47.445zM726.016 893.042h166.002v-59.165h-106.723v-47.445h-59.278v106.61zM892.018 513.821v-59.278h-106.723v59.278h106.723zM832.739 727.154h59.278v59.278h-59.278v-59.278zM453.405 347.819h59.278v59.278h-59.278v-59.278zM726.016 454.542v-47.445h166.002v-272.611h-272.611v59.278h-106.723v47.445h106.723v59.165h-47.445v47.445h47.445v59.278h59.278v47.445h47.331zM678.685 193.763h154.055v154.055h-154.055v-154.055zM678.685 572.985h47.331v47.445h-47.331v-47.445zM785.294 679.709h-59.278v47.445h106.723v-106.723h59.278v-47.445h-106.723v106.723zM453.405 241.095h59.278v59.278h-59.278v-59.278zM299.349 513.821h47.445v59.165h-47.445v-59.165zM453.405 454.542h-106.61v59.278h59.165v59.165h47.445v-118.443z" fill="" p-id="2591"></path><path d="M405.959 786.432v-106.723h47.445v-59.278h-213.333v-106.61h-106.723v59.278h59.278v47.445h-59.278v272.611h272.611v-59.278h47.445v-47.445h-47.445zM346.795 833.877h-154.169v-154.169h154.055v154.169h0.114zM453.405 572.985h59.278v47.445h-59.278v-47.445zM619.406 513.821h59.278v59.165h-59.278v-59.165zM726.016 513.821h59.278v59.165h-59.278v-59.165z" fill="" p-id="2592"></path></svg></span></span><span class="footer_link_wechat_img"><img src="https://camo.githubusercontent.com/10834a234b99a5880b5dff7c0ca7235e2a0772e7/687474703a2f2f696d6732302e333630627579696d672e636f6d2f7562612f6a66732f7432303139372f3238332f313638373136383837342f3133363034322f32623464383131662f35623330613635634e39643166303366312e706e67"></span></p></div><div class="footer_link"><h3 class="footer_link_tit footer_link_tit3">关于我们</h3><p><a href="https://aotu.io/" target="_blank">凹凸实验室</a></p><p><a href="https://aotu.io/join/" target="_blank">加入我们</a></p><p><a href="mailto:[email protected]?subject=【Taro 合作】合作标题">联系我们</a></p></div><div class="footer_link"><h3 class="footer_link_tit footer_link_tit4">感谢</h3><p><a href="http://jdc.jd.com/" target="_blank">用户体验设计部</a></p><p><a href="https://github.com/nervjs/taro#%E8%B4%A1%E7%8C%AE%E8%80%85%E4%BB%AC" target="_blank">Taro 贡献者们</a></p></div></div></div><div class="copyright"><div class="in">Copyright © 2019. All Rights Reserved. 粤ICP备15077732号-2</div></div></div>
</div>
<script src="./index.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?7174e901581f5feaee1f909ce13af20b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>