BJ_web_developers / javaplatform

Commit fbbfe49fc067a0b15748fcff5364d0ccd09572cf

Authored by Andy
2 parents da729239 e3d15e5e

Merge branch 'branch' of http://192.168.1.195:9998/web_developers/javaplatform into branch

Inline Side-by-side
Showing 2 changed files with 524 additions and 3 deletions
css/libCss/common.css
  View file @fbbfe49
... ... @@ -280,4 +280,169 @@ 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 +/*API详情----------------------------------------*/
  332 +.list-detail-wrap{
  333 + height: 581px;
  334 + overflow-y: scroll;
  335 +}
  336 +.list-detail-title{
  337 + font-size: 20px;
  338 + margin: 24px 0 12px 0;
  339 + color: #000;
  340 +}
  341 +.list-detail-des{
  342 + font-size: 13px;
  343 + color: #626c72;
  344 +}
  345 +/*url*/
  346 +.list-detail-url{
  347 + font-weight: 500;
  348 + background-color: #f6f6f6;
  349 + height: 44px;
  350 + line-height: 44px;
  351 + color: #626c72;
  352 + font-size:14px ;
  353 +}
  354 +.list-detail-url li:nth-of-type(1){
  355 + padding-left: 24px;
  356 + width: 200px;
  357 +}
  358 +.list-detail-url li:nth-of-type(2){
  359 + padding-left: 24px;
  360 +}
  361 +.list-detail-url-wrap{
  362 + background-color: #fff;
  363 + color: #888990;
  364 + font-size: 12px;
  365 +}
  366 +.list-detail-url-wrap li{
  367 + height: 40px;
  368 + line-height: 40px;
  369 + border-bottom: 1px solid #e5e5e5;
  370 +}
  371 +.list-detail-url-wrap li div:nth-of-type(1){
  372 + width: 200px;
  373 + padding-left: 24px;
  374 + border-right: 1px solid #e5e5e5;
  375 +}
  376 +.list-detail-url-wrap li div:nth-of-type(2){
  377 + padding-left: 24px;
  378 +}
  379 +/*请求参数*/
  380 +.list-detail-parameter{
  381 + height: 44px;
  382 + line-height: 44px;
  383 + background-color: #f6f6f6;
  384 + font-size: 14px;
  385 + color: #626c72;
  386 + font-weight: 500;
  387 +}
  388 +.list-detail-parameter li{
  389 + padding-left: 24px;
  390 +}
  391 +
  392 +.list-detail-parameter li:nth-of-type(1),.list-detail-parameter li:nth-of-type(2),.list-detail-parameter li:nth-of-type(3){
  393 + width: 200px;
  394 +}
  395 +.list-detail-parameter-wrap li{
  396 + height: 40px;
  397 + line-height: 40px;
  398 + background-color: #fff;
  399 + color: #888990;
  400 + font-size: 12px;
  401 + border-bottom: 1px solid #e5e5e5;
  402 +}
  403 +.list-detail-parameter-wrap li div:nth-of-type(1) ,.list-detail-parameter-wrap li div:nth-of-type(2),.list-detail-parameter-wrap li div:nth-of-type(3){
  404 + width: 200px;
  405 + border-right: 1px solid #e5e5e5;
  406 + padding-left: 24px;
  407 +}
  408 +.list-detail-parameter-wrap li div:nth-of-type(4) {
  409 + padding-left: 24px;
  410 +}
  411 +/*请求类型*/
  412 +.list-detail-type{
  413 + height: 44px;
  414 + line-height: 44px;
  415 + background-color: #f6f6f6;
  416 + color: #626c72;
  417 + font-weight: 500;
  418 +}
  419 +.list-detail-type li{
  420 + padding-left: 24px;
  421 +}
  422 +.list-detail-type li:nth-of-type(1),.list-detail-type li:nth-of-type(2){
  423 + width: 200px;
  424 +}
  425 +.list-detail-type-wrap li{
  426 + height: 40px;
  427 + line-height: 40px;
  428 + background-color: #fff;
  429 + font-size: 12px;
  430 + border-bottom: 1px solid #e5e5e5;
  431 + color: #888990;
  432 +}
  433 +.list-detail-type-wrap li div{
  434 + padding-left: 24px;
  435 +}
  436 +.list-detail-type-wrap li div:nth-of-type(1),.list-detail-type-wrap li div:nth-of-type(2){
  437 + border-right: 1px solid #e5e5e5;
  438 + width: 200px;
  439 +}
  440 +
  441 +
  442 +
  443 +
  444 +
  445 +
  446 +
  447 +
  448 +
  449 +
... ...
index.html
  View file @fbbfe49
... ... @@ -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,363 @@
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 + <div class="list-main-wrap display-none" id="list-main-wrap">
  170 + <ul class="list-con-title">
  171 + <li class="float-left">名称</li>
  172 + <li class="float-left">描述</li>
  173 + </ul>
  174 + <ul class="list-con-wrap">
  175 + <li>
  176 + <div class="float-left">
  177 + <span data-id="1">名称名称名称名称名称</span>
  178 + </div>
  179 + <div class="float-left">名称名称名称名称名称</div>
  180 + </li>
  181 + <li>
  182 + <div class="float-left">
  183 + <span>名称名称名称名称名称</span>
  184 + </div>
  185 + <div class="float-left">名称名称名称名称名称</div>
  186 + </li>
  187 + <li>
  188 + <div class="float-left">
  189 + <span>名称名称名称名称名称</span>
  190 + </div>
  191 + <div class="float-left">名称名称名称名称名称</div>
  192 + </li>
  193 + <li>
  194 + <div class="float-left">
  195 + <span>名称名称名称名称名称</span>
  196 + </div>
  197 + <div class="float-left">名称名称名称名称名称</div>
  198 + </li>
  199 + <li>
  200 + <div class="float-left">
  201 + <span>名称名称名称名称名称</span>
  202 + </div>
  203 + <div class="float-left">名称名称名称名称名称</div>
  204 + </li>
  205 + <li>
  206 + <div class="float-left">
  207 + <span>名称名称名称名称名称</span>
  208 + </div>
  209 + <div class="float-left">名称名称名称名称名称</div>
  210 + </li>
  211 + <li>
  212 + <div class="float-left">
  213 + <span>名称名称名称名称名称</span>
  214 + </div>
  215 + <div class="float-left">名称名称名称名称名称</div>
  216 + </li>
  217 + <li>
  218 + <div class="float-left">
  219 + <span>名称名称名称名称名称</span>
  220 + </div>
  221 + <div class="float-left">名称名称名称名称名称</div>
  222 + </li>
  223 + <li>
  224 + <div class="float-left">
  225 + <span>名称名称名称名称名称</span>
  226 + </div>
  227 + <div class="float-left">名称名称名称名称名称</div>
  228 + </li>
  229 + <li>
  230 + <div class="float-left">
  231 + <span>名称名称名称名称名称</span>
  232 + </div>
  233 + <div class="float-left">名称名称名称名称名称</div>
  234 + </li>
  235 + <li>
  236 + <div class="float-left">
  237 + <span>名称名称名称名称名称</span>
  238 + </div>
  239 + <div class="float-left">名称名称名称名称名称</div>
  240 + </li>
  241 + <li>
  242 + <div class="float-left">
  243 + <span>名称名称名称名称名称</span>
  244 + </div>
  245 + <div class="float-left">名称名称名称名称名称</div>
  246 + </li>
  247 + <li>
  248 + <div class="float-left">
  249 + <span>名称名称名称名称名称</span>
  250 + </div>
  251 + <div class="float-left">名称名称名称名称名称</div>
  252 + </li>
  253 + <li>
  254 + <div class="float-left">
  255 + <span>名称名称名称名称名称</span>
  256 + </div>
  257 + <div class="float-left">名称名称名称名称名称</div>
  258 + </li>
  259 + <li>
  260 + <div class="float-left">
  261 + <span>名称名称名称名称名称</span>
  262 + </div>
  263 + <div class="float-left">名称名称名称名称名称</div>
  264 + </li>
  265 + <li>
  266 + <div class="float-left">
  267 + <span>名称名称名称名称名称</span>
  268 + </div>
  269 + <div class="float-left">名称名称名称名称名称</div>
  270 + </li>
  271 + <li>
  272 + <div class="float-left">
  273 + <span>名称名称名称名称名称</span>
  274 + </div>
  275 + <div class="float-left">名称名称名称名称名称</div>
  276 + </li>
  277 + <li>
  278 + <div class="float-left">
  279 + <span>名称名称名称名称名称</span>
  280 + </div>
  281 + <div class="float-left">名称名称名称名称名称</div>
  282 + </li>
  283 + <li>
  284 + <div class="float-left">
  285 + <span>名称名称名称名称名称</span>
  286 + </div>
  287 + <div class="float-left">名称名称名称名称名称</div>
  288 + </li>
  289 + <li>
  290 + <div class="float-left">
  291 + <span>名称名称名称名称名称</span>
  292 + </div>
  293 + <div class="float-left">名称名称名称名称名称</div>
  294 + </li>
  295 + <li>
  296 + <div class="float-left">
  297 + <span>名称名称名称名称名称</span>
  298 + </div>
  299 + <div class="float-left">名称名称名称名称名称</div>
  300 + </li>
  301 + <li>
  302 + <div class="float-left">
  303 + <span>名称名称名称名称名称</span>
  304 + </div>
  305 + <div class="float-left">名称名称名称名称名称</div>
  306 + </li>
  307 + <li>
  308 + <div class="float-left">
  309 + <span>名称名称名称名称名称</span>
  310 + </div>
  311 + <div class="float-left">名称名称名称名称名称</div>
  312 + </li>
  313 + <li>
  314 + <div class="float-left">
  315 + <span>名称名称名称名称名称</span>
  316 + </div>
  317 + <div class="float-left">名称名称名称名称名称</div>
  318 + </li>
  319 + <li>
  320 + <div class="float-left">
  321 + <span>名称名称名称名称名称</span>
  322 + </div>
  323 + <div class="float-left">名称名称名称名称名称</div>
  324 + </li>
  325 + <li>
  326 + <div class="float-left">
  327 + <span>名称名称名称名称名称</span>
  328 + </div>
  329 + <div class="float-left">名称名称名称名称名称</div>
  330 + </li>
  331 + <li>
  332 + <div class="float-left">
  333 + <span>名称名称名称名称名称</span>
  334 + </div>
  335 + <div class="float-left">名称名称名称名称名称</div>
  336 + </li>
  337 + <li>
  338 + <div class="float-left">
  339 + <span>名称名称名称名称名称</span>
  340 + </div>
  341 + <div class="float-left">名称名称名称名称名称</div>
  342 + </li>
  343 + <li>
  344 + <div class="float-left">
  345 + <span>名称名称名称名称名称</span>
  346 + </div>
  347 + <div class="float-left">名称名称名称名称名称</div>
  348 + </li>
  349 + <li>
  350 + <div class="float-left">
  351 + <span>名称名称名称名称名称</span>
  352 + </div>
  353 + <div class="float-left">名称名称名称名称名称</div>
  354 + </li>
  355 + <li>
  356 + <div class="float-left">
  357 + <span>名称名称名称名称名称</span>
  358 + </div>
  359 + <div class="float-left">名称名称名称名称名称</div>
  360 + </li>
  361 + <li>
  362 + <div class="float-left">
  363 + <span>名称名称名称名称名称</span>
  364 + </div>
  365 + <div class="float-left">名称名称名称名称名称</div>
  366 + </li>
  367 + <li>
  368 + <div class="float-left">
  369 + <span>名称名称名称名称名称</span>
  370 + </div>
  371 + <div class="float-left">名称名称名称名称名称</div>
  372 + </li>
  373 + <li>
  374 + <div class="float-left">
  375 + <span>名称名称名称名称名称</span>
  376 + </div>
  377 + <div class="float-left">名称名称名称名称名称</div>
  378 + </li>
  379 + <li>
  380 + <div class="float-left">
  381 + <span>名称名称名称名称名称</span>
  382 + </div>
  383 + <div class="float-left">名称名称名称名称名称</div>
  384 + </li>
  385 + <li>
  386 + <div class="float-left">
  387 + <span>名称名称名称名称名称</span>
  388 + </div>
  389 + <div class="float-left">名称名称名称名称名称</div>
  390 + </li>
  391 + <li>
  392 + <div class="float-left">
  393 + <span>名称名称名称名称名称</span>
  394 + </div>
  395 + <div class="float-left">名称名称名称名称名称</div>
  396 + </li>
  397 + <li>
  398 + <div class="float-left">
  399 + <span>名称名称名称名称名称</span>
  400 + </div>
  401 + <div class="float-left">名称名称名称名称名称</div>
  402 + </li>
  403 + <li>
  404 + <div class="float-left">
  405 + <span>名称名称名称名称名称</span>
  406 + </div>
  407 + <div class="float-left">名称名称名称名称名称</div>
  408 + </li>
  409 + <li>
  410 + <div class="float-left">
  411 + <span>名称名称名称名称名称</span>
  412 + </div>
  413 + <div class="float-left">名称名称名称名称名称</div>
  414 + </li>
  415 + <li>
  416 + <div class="float-left">
  417 + <span>名称名称名称名称名称</span>
  418 + </div>
  419 + <div class="float-left">名称名称名称名称名称</div>
  420 + </li>
  421 + <li>
  422 + <div class="float-left">
  423 + <span>名称名称名称名称名称</span>
  424 + </div>
  425 + <div class="float-left">名称名称名称名称名称</div>
  426 + </li>
  427 + <li>
  428 + <div class="float-left">
  429 + <span>名称名称名称名称名称</span>
  430 + </div>
  431 + <div class="float-left">名称名称名称名称名称</div>
  432 + </li>
  433 + <li>
  434 + <div class="float-left">
  435 + <span>名称名称名称名称名称</span>
  436 + </div>
  437 + <div class="float-left">名称名称名称名称名称</div>
  438 + </li>
  439 + </ul>
  440 + </div>
  441 +
  442 + <div class="list-detail-wrap" id="list-detail-wrap">
  443 + <div class="list-detail-title">
  444 + 名称名称名称名称名称名称名称（名称名称名称名称名称名称名称名称）
  445 + </div>
  446 + <div class="list-detail-des">
  447 + 名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称
  448 + </div>
  449 + <div class="list-detail-title">
  450 + 请求url
  451 + </div>
  452 + <ul class="list-detail-url">
  453 + <li class="float-left">环境</li>
  454 + <li class="float-left">HTTPS请求地址</li>
  455 + </ul>
  456 + <ul class="list-detail-url-wrap">
  457 + <li>
  458 + <div class="float-left">名称名称名称名称名称</div>
  459 + <div class="float-left">名称名称名称名称名称</div>
  460 + </li>
  461 + </ul>
  462 + <div class="list-detail-title">
  463 + 请求参数
  464 + </div>
  465 + <ul class="list-detail-parameter">
  466 + <li class="float-left">参数名称</li>
  467 + <li class="float-left">必选</li>
  468 + <li class="float-left">类型</li>
  469 + <li class="float-left">说明</li>
  470 + </ul>
  471 + <ul class="list-detail-parameter-wrap">
  472 + <li>
  473 + <div class="float-left">名称名称名称名称名称</div>
  474 + <div class="float-left">名称名称名称名称名称</div>
  475 + <div class="float-left">名称名称名称名称名称</div>
  476 + <div class="float-left">名称名称名称名称名称</div>
  477 + </li>
  478 + <li>
  479 + <div class="float-left">名称名称名称名称名称</div>
  480 + <div class="float-left">名称名称名称名称名称</div>
  481 + <div class="float-left">名称名称名称名称名称</div>
  482 + <div class="float-left">名称名称名称名称名称</div>
  483 + </li>
  484 + <li>
  485 + <div class="float-left">名称名称名称名称名称</div>
  486 + <div class="float-left">名称名称名称名称名称</div>
  487 + <div class="float-left">名称名称名称名称名称</div>
  488 + <div class="float-left">名称名称名称名称名称</div>
  489 + </li>
  490 +
  491 + </ul>
  492 +
  493 + <div class="list-detail-title">
  494 + 请求类型
  495 + </div>
  496 + <ul class="list-detail-type">
  497 + <li class="float-left">参数名称</li>
  498 + <li class="float-left">类型</li>
  499 + <li class="float-left">说明</li>
  500 + </ul>
  501 + <ul class="list-detail-type-wrap">
  502 + <li>
  503 + <div class="float-left">名称名称名称名称名称</div>
  504 + <div class="float-left">名称名称名称名称名称</div>
  505 + <div class="float-left">名称名称名称名称名称</div>
  506 + <div class="float-left">名称名称名称名称名称</div>
  507 + </li>
  508 + <li>
  509 + <div class="float-left">名称名称名称名称名称</div>
  510 + <div class="float-left">名称名称名称名称名称</div>
  511 + <div class="float-left">名称名称名称名称名称</div>
  512 + <div class="float-left">名称名称名称名称名称</div>
  513 + </li>
  514 + <li>
  515 + <div class="float-left">名称名称名称名称名称</div>
  516 + <div class="float-left">名称名称名称名称名称</div>
  517 + <div class="float-left">名称名称名称名称名称</div>
  518 + <div class="float-left">名称名称名称名称名称</div>
  519 + </li>
  520 +
  521 + </ul>
  522 +
  523 + </div>
  524 + </div>
169 525 </div>
170 526 </div>
171 527 </section>
... ...