Commit b0fa87e96bcd588c23a719b9d4e20586679c7a25
1 parent
90ba4633
index api 列表
Showing
2 changed files
with
333 additions
and
3 deletions
css/libCss/common.css
... | ... | @@ -280,4 +280,63 @@ section{ |
280 | 280 | font-size: 14px; |
281 | 281 | float: left; |
282 | 282 | } |
283 | -/*API别表----------------------------------------*/ | |
284 | 283 | \ No newline at end of file |
284 | +/*API别表----------------------------------------*/ | |
285 | +.list-con-title{ | |
286 | + height: 44px; | |
287 | + line-height: 44px; | |
288 | + background-color: #f6f6f6; | |
289 | + width: 1092px; | |
290 | +} | |
291 | +.list-con-title li{ | |
292 | + padding-left: 24px; | |
293 | + color: #1f2b3d; | |
294 | + font-size: 14px; | |
295 | + | |
296 | +} | |
297 | +.list-con-title li:nth-of-type(1){ | |
298 | + width: 658px; | |
299 | +} | |
300 | +.list-con-title li:nth-of-type(2){ | |
301 | + width: 434px; | |
302 | +} | |
303 | +.list-con-wrap{ | |
304 | + width: 1092px; | |
305 | + height: 537px; | |
306 | + overflow-y: scroll; | |
307 | +} | |
308 | + | |
309 | +.list-con-wrap li{ | |
310 | + height: 40px; | |
311 | + line-height: 40px; | |
312 | + background-color: #fff; | |
313 | + border-bottom: 1px solid #e5e5e5; | |
314 | + font-size: 14px; | |
315 | +} | |
316 | + | |
317 | +.list-con-wrap li div:nth-of-type(1){ | |
318 | + width: 658px; | |
319 | + padding-left: 24px; | |
320 | + border-right: 1px solid #e5e5e5; | |
321 | + color: #108ee9; | |
322 | +} | |
323 | +.list-con-wrap li div:nth-of-type(1) span{ | |
324 | + cursor: pointer; | |
325 | +} | |
326 | +.list-con-wrap li div:nth-of-type(2){ | |
327 | + width: 434px; | |
328 | + padding-left: 24px; | |
329 | + color: #888990; | |
330 | +} | |
331 | + | |
332 | + | |
333 | + | |
334 | + | |
335 | + | |
336 | + | |
337 | + | |
338 | + | |
339 | + | |
340 | + | |
341 | + | |
342 | + | |
343 | + | ... | ... |
index.html
... | ... | @@ -50,7 +50,7 @@ |
50 | 50 | <span>API 列表</span> |
51 | 51 | </div> |
52 | 52 | <div class="link-con" id="link-con"> |
53 | - <div class="link-con-1"> | |
53 | + <div class="link-con-1 display-none"> | |
54 | 54 | <div class="link-con-left float-left"> |
55 | 55 | <div class="link-con-left-wrap marginright32 boder-raduis5"> |
56 | 56 | <div class="link-con-title border-bottom1"> |
... | ... | @@ -165,7 +165,278 @@ |
165 | 165 | |
166 | 166 | |
167 | 167 | <!--API别表--> |
168 | - <div class="link-con-1 display-none">display-none</div> | |
168 | + <div class="link-con-1 "> | |
169 | + <ul class="list-con-title"> | |
170 | + <li class="float-left">名称</li> | |
171 | + <li class="float-left">描述</li> | |
172 | + </ul> | |
173 | + <ul class="list-con-wrap"> | |
174 | + <li> | |
175 | + <div class="float-left"> | |
176 | + <span data-id="1">名称名称名称名称名称</span> | |
177 | + </div> | |
178 | + <div class="float-left">名称名称名称名称名称</div> | |
179 | + </li> | |
180 | + <li> | |
181 | + <div class="float-left"> | |
182 | + <span>名称名称名称名称名称</span> | |
183 | + </div> | |
184 | + <div class="float-left">名称名称名称名称名称</div> | |
185 | + </li> | |
186 | + <li> | |
187 | + <div class="float-left"> | |
188 | + <span>名称名称名称名称名称</span> | |
189 | + </div> | |
190 | + <div class="float-left">名称名称名称名称名称</div> | |
191 | + </li> | |
192 | + <li> | |
193 | + <div class="float-left"> | |
194 | + <span>名称名称名称名称名称</span> | |
195 | + </div> | |
196 | + <div class="float-left">名称名称名称名称名称</div> | |
197 | + </li> | |
198 | + <li> | |
199 | + <div class="float-left"> | |
200 | + <span>名称名称名称名称名称</span> | |
201 | + </div> | |
202 | + <div class="float-left">名称名称名称名称名称</div> | |
203 | + </li> | |
204 | + <li> | |
205 | + <div class="float-left"> | |
206 | + <span>名称名称名称名称名称</span> | |
207 | + </div> | |
208 | + <div class="float-left">名称名称名称名称名称</div> | |
209 | + </li> | |
210 | + <li> | |
211 | + <div class="float-left"> | |
212 | + <span>名称名称名称名称名称</span> | |
213 | + </div> | |
214 | + <div class="float-left">名称名称名称名称名称</div> | |
215 | + </li> | |
216 | + <li> | |
217 | + <div class="float-left"> | |
218 | + <span>名称名称名称名称名称</span> | |
219 | + </div> | |
220 | + <div class="float-left">名称名称名称名称名称</div> | |
221 | + </li> | |
222 | + <li> | |
223 | + <div class="float-left"> | |
224 | + <span>名称名称名称名称名称</span> | |
225 | + </div> | |
226 | + <div class="float-left">名称名称名称名称名称</div> | |
227 | + </li> | |
228 | + <li> | |
229 | + <div class="float-left"> | |
230 | + <span>名称名称名称名称名称</span> | |
231 | + </div> | |
232 | + <div class="float-left">名称名称名称名称名称</div> | |
233 | + </li> | |
234 | + <li> | |
235 | + <div class="float-left"> | |
236 | + <span>名称名称名称名称名称</span> | |
237 | + </div> | |
238 | + <div class="float-left">名称名称名称名称名称</div> | |
239 | + </li> | |
240 | + <li> | |
241 | + <div class="float-left"> | |
242 | + <span>名称名称名称名称名称</span> | |
243 | + </div> | |
244 | + <div class="float-left">名称名称名称名称名称</div> | |
245 | + </li> | |
246 | + <li> | |
247 | + <div class="float-left"> | |
248 | + <span>名称名称名称名称名称</span> | |
249 | + </div> | |
250 | + <div class="float-left">名称名称名称名称名称</div> | |
251 | + </li> | |
252 | + <li> | |
253 | + <div class="float-left"> | |
254 | + <span>名称名称名称名称名称</span> | |
255 | + </div> | |
256 | + <div class="float-left">名称名称名称名称名称</div> | |
257 | + </li> | |
258 | + <li> | |
259 | + <div class="float-left"> | |
260 | + <span>名称名称名称名称名称</span> | |
261 | + </div> | |
262 | + <div class="float-left">名称名称名称名称名称</div> | |
263 | + </li> | |
264 | + <li> | |
265 | + <div class="float-left"> | |
266 | + <span>名称名称名称名称名称</span> | |
267 | + </div> | |
268 | + <div class="float-left">名称名称名称名称名称</div> | |
269 | + </li> | |
270 | + <li> | |
271 | + <div class="float-left"> | |
272 | + <span>名称名称名称名称名称</span> | |
273 | + </div> | |
274 | + <div class="float-left">名称名称名称名称名称</div> | |
275 | + </li> | |
276 | + <li> | |
277 | + <div class="float-left"> | |
278 | + <span>名称名称名称名称名称</span> | |
279 | + </div> | |
280 | + <div class="float-left">名称名称名称名称名称</div> | |
281 | + </li> | |
282 | + <li> | |
283 | + <div class="float-left"> | |
284 | + <span>名称名称名称名称名称</span> | |
285 | + </div> | |
286 | + <div class="float-left">名称名称名称名称名称</div> | |
287 | + </li> | |
288 | + <li> | |
289 | + <div class="float-left"> | |
290 | + <span>名称名称名称名称名称</span> | |
291 | + </div> | |
292 | + <div class="float-left">名称名称名称名称名称</div> | |
293 | + </li> | |
294 | + <li> | |
295 | + <div class="float-left"> | |
296 | + <span>名称名称名称名称名称</span> | |
297 | + </div> | |
298 | + <div class="float-left">名称名称名称名称名称</div> | |
299 | + </li> | |
300 | + <li> | |
301 | + <div class="float-left"> | |
302 | + <span>名称名称名称名称名称</span> | |
303 | + </div> | |
304 | + <div class="float-left">名称名称名称名称名称</div> | |
305 | + </li> | |
306 | + <li> | |
307 | + <div class="float-left"> | |
308 | + <span>名称名称名称名称名称</span> | |
309 | + </div> | |
310 | + <div class="float-left">名称名称名称名称名称</div> | |
311 | + </li> | |
312 | + <li> | |
313 | + <div class="float-left"> | |
314 | + <span>名称名称名称名称名称</span> | |
315 | + </div> | |
316 | + <div class="float-left">名称名称名称名称名称</div> | |
317 | + </li> | |
318 | + <li> | |
319 | + <div class="float-left"> | |
320 | + <span>名称名称名称名称名称</span> | |
321 | + </div> | |
322 | + <div class="float-left">名称名称名称名称名称</div> | |
323 | + </li> | |
324 | + <li> | |
325 | + <div class="float-left"> | |
326 | + <span>名称名称名称名称名称</span> | |
327 | + </div> | |
328 | + <div class="float-left">名称名称名称名称名称</div> | |
329 | + </li> | |
330 | + <li> | |
331 | + <div class="float-left"> | |
332 | + <span>名称名称名称名称名称</span> | |
333 | + </div> | |
334 | + <div class="float-left">名称名称名称名称名称</div> | |
335 | + </li> | |
336 | + <li> | |
337 | + <div class="float-left"> | |
338 | + <span>名称名称名称名称名称</span> | |
339 | + </div> | |
340 | + <div class="float-left">名称名称名称名称名称</div> | |
341 | + </li> | |
342 | + <li> | |
343 | + <div class="float-left"> | |
344 | + <span>名称名称名称名称名称</span> | |
345 | + </div> | |
346 | + <div class="float-left">名称名称名称名称名称</div> | |
347 | + </li> | |
348 | + <li> | |
349 | + <div class="float-left"> | |
350 | + <span>名称名称名称名称名称</span> | |
351 | + </div> | |
352 | + <div class="float-left">名称名称名称名称名称</div> | |
353 | + </li> | |
354 | + <li> | |
355 | + <div class="float-left"> | |
356 | + <span>名称名称名称名称名称</span> | |
357 | + </div> | |
358 | + <div class="float-left">名称名称名称名称名称</div> | |
359 | + </li> | |
360 | + <li> | |
361 | + <div class="float-left"> | |
362 | + <span>名称名称名称名称名称</span> | |
363 | + </div> | |
364 | + <div class="float-left">名称名称名称名称名称</div> | |
365 | + </li> | |
366 | + <li> | |
367 | + <div class="float-left"> | |
368 | + <span>名称名称名称名称名称</span> | |
369 | + </div> | |
370 | + <div class="float-left">名称名称名称名称名称</div> | |
371 | + </li> | |
372 | + <li> | |
373 | + <div class="float-left"> | |
374 | + <span>名称名称名称名称名称</span> | |
375 | + </div> | |
376 | + <div class="float-left">名称名称名称名称名称</div> | |
377 | + </li> | |
378 | + <li> | |
379 | + <div class="float-left"> | |
380 | + <span>名称名称名称名称名称</span> | |
381 | + </div> | |
382 | + <div class="float-left">名称名称名称名称名称</div> | |
383 | + </li> | |
384 | + <li> | |
385 | + <div class="float-left"> | |
386 | + <span>名称名称名称名称名称</span> | |
387 | + </div> | |
388 | + <div class="float-left">名称名称名称名称名称</div> | |
389 | + </li> | |
390 | + <li> | |
391 | + <div class="float-left"> | |
392 | + <span>名称名称名称名称名称</span> | |
393 | + </div> | |
394 | + <div class="float-left">名称名称名称名称名称</div> | |
395 | + </li> | |
396 | + <li> | |
397 | + <div class="float-left"> | |
398 | + <span>名称名称名称名称名称</span> | |
399 | + </div> | |
400 | + <div class="float-left">名称名称名称名称名称</div> | |
401 | + </li> | |
402 | + <li> | |
403 | + <div class="float-left"> | |
404 | + <span>名称名称名称名称名称</span> | |
405 | + </div> | |
406 | + <div class="float-left">名称名称名称名称名称</div> | |
407 | + </li> | |
408 | + <li> | |
409 | + <div class="float-left"> | |
410 | + <span>名称名称名称名称名称</span> | |
411 | + </div> | |
412 | + <div class="float-left">名称名称名称名称名称</div> | |
413 | + </li> | |
414 | + <li> | |
415 | + <div class="float-left"> | |
416 | + <span>名称名称名称名称名称</span> | |
417 | + </div> | |
418 | + <div class="float-left">名称名称名称名称名称</div> | |
419 | + </li> | |
420 | + <li> | |
421 | + <div class="float-left"> | |
422 | + <span>名称名称名称名称名称</span> | |
423 | + </div> | |
424 | + <div class="float-left">名称名称名称名称名称</div> | |
425 | + </li> | |
426 | + <li> | |
427 | + <div class="float-left"> | |
428 | + <span>名称名称名称名称名称</span> | |
429 | + </div> | |
430 | + <div class="float-left">名称名称名称名称名称</div> | |
431 | + </li> | |
432 | + <li> | |
433 | + <div class="float-left"> | |
434 | + <span>名称名称名称名称名称</span> | |
435 | + </div> | |
436 | + <div class="float-left">名称名称名称名称名称</div> | |
437 | + </li> | |
438 | + </ul> | |
439 | + </div> | |
169 | 440 | </div> |
170 | 441 | </div> |
171 | 442 | </section> | ... | ... |