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,4 +280,63 @@ section{ | ||
| 280 | font-size: 14px; | 280 | font-size: 14px; |
| 281 | float: left; | 281 | float: left; |
| 282 | } | 282 | } |
| 283 | -/*API别表----------------------------------------*/ | ||
| 284 | \ No newline at end of file | 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,7 +50,7 @@ | ||
| 50 | <span>API 列表</span> | 50 | <span>API 列表</span> |
| 51 | </div> | 51 | </div> |
| 52 | <div class="link-con" id="link-con"> | 52 | <div class="link-con" id="link-con"> |
| 53 | - <div class="link-con-1"> | 53 | + <div class="link-con-1 display-none"> |
| 54 | <div class="link-con-left float-left"> | 54 | <div class="link-con-left float-left"> |
| 55 | <div class="link-con-left-wrap marginright32 boder-raduis5"> | 55 | <div class="link-con-left-wrap marginright32 boder-raduis5"> |
| 56 | <div class="link-con-title border-bottom1"> | 56 | <div class="link-con-title border-bottom1"> |
| @@ -165,7 +165,278 @@ | @@ -165,7 +165,278 @@ | ||
| 165 | 165 | ||
| 166 | 166 | ||
| 167 | <!--API别表--> | 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 | </div> | 440 | </div> |
| 170 | </div> | 441 | </div> |
| 171 | </section> | 442 | </section> |