BJ_web_developers / javaplatform

Commit 06cb97319d5e674a068600e0d3153df6975b8254

Authored by liuqimichale
2 parents 85cdff3d dee6668c

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

Inline Side-by-side
Showing 8 changed files with 1319 additions and 4 deletions
css/pdalatform.css 0 → 100644
  View file @06cb973
css/wechatlatform.css 0 → 100644
  View file @06cb973
index.html
  View file @06cb973
... ... @@ -32,10 +32,10 @@
32 32 <li class="visitActive">
33 33 任你停
34 34 </li>
35   - <li onclick="window.location.href=''">
  35 + <li onclick="window.location.href='pdalatform.html'">
36 36 PDA
37 37 </li>
38   - <li onclick="window.location.href=''">
  38 + <li onclick="window.location.href='wechatlatform.html'">
39 39 微信服务号
40 40 </li>
41 41 <li onclick="window.location.href='thirdparty.html'">
... ...
js/pdalatform.js 0 → 100644
  View file @06cb973
  1 +var fun = {
  2 + init:function () {
  3 + var myChart = echarts.init(document.getElementById('echart-main'));
  4 +
  5 + // 指定图表的配置项和数据
  6 + var option = {
  7 + tooltip : {
  8 + trigger: 'axis',
  9 + formatter:'{a}: <br />{b}: {c}',
  10 + axisPointer: {
  11 + type: 'line',
  12 + label: {
  13 + backgroundColor: '#6a7985'
  14 + },
  15 + lineStyle:{
  16 + color:'#2abb9b'
  17 + }
  18 + },
  19 +
  20 + },
  21 + grid: {
  22 + left: '0',
  23 + right: '3%',
  24 + bottom: '0',
  25 + top:'3%',
  26 + containLabel: true
  27 + },
  28 + xAxis : [
  29 + {
  30 + boundaryGap: false,
  31 + type : 'category',
  32 + boundaryGap : false,
  33 + data : ['周一','周二','周三','周四','周五','周六','周日'],
  34 + axisTick:{
  35 + show:false,
  36 + },
  37 + axisLine:{
  38 + lineStyle:{
  39 + color:'#e5e5e5',
  40 + }
  41 + },
  42 + splitLine:{
  43 + show:false,
  44 + },
  45 + axisLabel: {
  46 + show: true,
  47 + textStyle: {
  48 + color: '#333'
  49 + }
  50 + }
  51 + }
  52 + ],
  53 + yAxis : [
  54 + {
  55 + boundaryGap: false,
  56 + type : 'value',
  57 + axisTick:{
  58 + show:false,
  59 + },
  60 + axisLine:{
  61 + lineStyle:{
  62 + color:'#e5e5e5',
  63 + }
  64 + },
  65 + splitLine:{
  66 + show:false,
  67 + },
  68 + axisLabel: {
  69 + show: true,
  70 + textStyle: {
  71 + color: '#333'
  72 + }
  73 + }
  74 + }
  75 + ],
  76 + series : [
  77 + {
  78 + smooth:true,
  79 + name:'接入接口统计',
  80 + // symbol:'image://./../image/symbol.png',
  81 + symbol:'image://image/symbol.png',
  82 + symbolOffset:[0,5],
  83 + symbolSize:26,
  84 + type:'line',
  85 + stack: '总量',
  86 + areaStyle: {normal: {
  87 + color:'rgba(38,190,150,.1)'
  88 + }},
  89 + lineStyle:{
  90 + normal: {
  91 + color:'#2abb9b',
  92 + width:3,
  93 + }
  94 + },
  95 + data:[120, 132, 101, 134, 90, 230, 210]
  96 + },
  97 +
  98 + ]
  99 + };
  100 +
  101 +
  102 + // 使用刚指定的配置项和数据显示图表。
  103 + myChart.setOption(option);
  104 + },
  105 +};
  106 +fun.init();
  107 +$('#link-div span').on('click',function () {
  108 + var index = $(this).index();
  109 + $(this).addClass('linkActive').siblings('span').removeClass('linkActive');
  110 + $('#link-con .link-con-1').addClass('display-none');
  111 + $('#link-con .link-con-1').eq(index).removeClass('display-none');
  112 + $('#list-detail-wrap').addClass('display-none');
  113 + $('#list-main-wrap').removeClass('display-none');
  114 +});
  115 +$(document).delegate('#list-con-wrap li span','click',function () {
  116 + var id = $(this).attr('data-id');
  117 + alert(id);
  118 + $('#list-main-wrap').addClass('display-none');
  119 + $('#list-detail-wrap').removeClass('display-none');
  120 +});
0 121 \ No newline at end of file
... ...
js/wechatlatform.js 0 → 100644
  View file @06cb973
  1 +var fun = {
  2 + init:function () {
  3 + var myChart = echarts.init(document.getElementById('echart-main'));
  4 +
  5 + // 指定图表的配置项和数据
  6 + var option = {
  7 + tooltip : {
  8 + trigger: 'axis',
  9 + formatter:'{a}: <br />{b}: {c}',
  10 + axisPointer: {
  11 + type: 'line',
  12 + label: {
  13 + backgroundColor: '#6a7985'
  14 + },
  15 + lineStyle:{
  16 + color:'#2abb9b'
  17 + }
  18 + },
  19 +
  20 + },
  21 + grid: {
  22 + left: '0',
  23 + right: '3%',
  24 + bottom: '0',
  25 + top:'3%',
  26 + containLabel: true
  27 + },
  28 + xAxis : [
  29 + {
  30 + boundaryGap: false,
  31 + type : 'category',
  32 + boundaryGap : false,
  33 + data : ['周一','周二','周三','周四','周五','周六','周日'],
  34 + axisTick:{
  35 + show:false,
  36 + },
  37 + axisLine:{
  38 + lineStyle:{
  39 + color:'#e5e5e5',
  40 + }
  41 + },
  42 + splitLine:{
  43 + show:false,
  44 + },
  45 + axisLabel: {
  46 + show: true,
  47 + textStyle: {
  48 + color: '#333'
  49 + }
  50 + }
  51 + }
  52 + ],
  53 + yAxis : [
  54 + {
  55 + boundaryGap: false,
  56 + type : 'value',
  57 + axisTick:{
  58 + show:false,
  59 + },
  60 + axisLine:{
  61 + lineStyle:{
  62 + color:'#e5e5e5',
  63 + }
  64 + },
  65 + splitLine:{
  66 + show:false,
  67 + },
  68 + axisLabel: {
  69 + show: true,
  70 + textStyle: {
  71 + color: '#333'
  72 + }
  73 + }
  74 + }
  75 + ],
  76 + series : [
  77 + {
  78 + smooth:true,
  79 + name:'接入接口统计',
  80 + // symbol:'image://./../image/symbol.png',
  81 + symbol:'image://image/symbol.png',
  82 + symbolOffset:[0,5],
  83 + symbolSize:26,
  84 + type:'line',
  85 + stack: '总量',
  86 + areaStyle: {normal: {
  87 + color:'rgba(38,190,150,.1)'
  88 + }},
  89 + lineStyle:{
  90 + normal: {
  91 + color:'#2abb9b',
  92 + width:3,
  93 + }
  94 + },
  95 + data:[120, 132, 101, 134, 90, 230, 210]
  96 + },
  97 +
  98 + ]
  99 + };
  100 +
  101 +
  102 + // 使用刚指定的配置项和数据显示图表。
  103 + myChart.setOption(option);
  104 + },
  105 +};
  106 +fun.init();
  107 +$('#link-div span').on('click',function () {
  108 + var index = $(this).index();
  109 + $(this).addClass('linkActive').siblings('span').removeClass('linkActive');
  110 + $('#link-con .link-con-1').addClass('display-none');
  111 + $('#link-con .link-con-1').eq(index).removeClass('display-none');
  112 + $('#list-detail-wrap').addClass('display-none');
  113 + $('#list-main-wrap').removeClass('display-none');
  114 +});
  115 +$(document).delegate('#list-con-wrap li span','click',function () {
  116 + var id = $(this).attr('data-id');
  117 + alert(id);
  118 + $('#list-main-wrap').addClass('display-none');
  119 + $('#list-detail-wrap').removeClass('display-none');
  120 +});
0 121 \ No newline at end of file
... ...
pdalatform.html 0 → 100644
  View file @06cb973
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta name="renderer" content="webkit">
  6 + <meta name="renderer" content="ie-comp">
  7 + <meta name="renderer" content="ie-stand">
  8 + <meta name="google" content="notranslate" />
  9 + <meta http-equiv="pragma" content="no-cache">
  10 + <meta http-equiv="cache-control" content="no-cache">
  11 + <meta http-equiv="expires" content="0">
  12 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  13 + <title>PDA</title>
  14 + <link rel="stylesheet" href="css/libCss/common.css">
  15 + <link rel="stylesheet" href="css/libCss/bootstrap.min.css">
  16 + <link rel="stylesheet" href="css/wechatlatform.css">
  17 + <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  18 +</head>
  19 +<body>
  20 +<header>
  21 + <div class="float-left java-logo">
  22 + <!--<span></span>-->
  23 + <span class="java-title"></span>
  24 + </div>
  25 + <div class="java-loginout float-right">
  26 + <!--<span class="java-loginout"></span>-->
  27 + </div>
  28 +</header>
  29 +<div class="main-wrap">
  30 + <nav class="float-left">
  31 + <ul class="nav-ul">
  32 + <li onclick="window.location.href='index.html'">
  33 + 任你停
  34 + </li>
  35 + <li class="visitActive">
  36 + PDA
  37 + </li>
  38 + <li onclick="window.location.href='wechatlatform.html'">
  39 + 微信服务号
  40 + </li>
  41 + <li onclick="window.location.href='thirdparty.html'">
  42 + 第三方
  43 + </li>
  44 + </ul>
  45 + </nav>
  46 + <section class="float-left">
  47 + <div class="section-wrap">
  48 + <div class="link-div" id="link-div">
  49 + <span class="linkActive">总体概况</span>
  50 + <span>API 列表</span>
  51 + </div>
  52 + <div class="link-con" id="link-con">
  53 + <div class="link-con-1">
  54 + <div class="link-con-left float-left">
  55 + <div class="link-con-left-wrap marginright32 boder-raduis5">
  56 + <div class="link-con-title border-bottom1">
  57 + <span>总接口数</span>
  58 + </div>
  59 + <div class="link-con-main-1 link-con-main">
  60 + <span>560</span>
  61 + <span>总计(个)</span>
  62 + <div class="circle-animation"></div>
  63 + </div>
  64 + </div>
  65 + <div class="link-con-left-wrap boder-raduis5">
  66 + <div class="link-con-title border-bottom1">
  67 + <span>今日活跃接口数</span>
  68 + </div>
  69 + <div class="link-con-main-2 link-con-main">
  70 + <span>56</span>
  71 + <span>总计(个)</span>
  72 + </div>
  73 + </div>
  74 + <div class="clearfix"></div>
  75 + <div class="link-con-bottom-wrap boder-raduis5">
  76 + <div class="link-con-title">
  77 + <span>接入接口统计</span>
  78 + </div>
  79 + <div class="echart-main" id="echart-main"></div>
  80 + </div>
  81 + </div>
  82 + <div class="link-con-right float-left boder-raduis5">
  83 + <div class="link-con-title border-bottom1">
  84 + <span>调用排行榜</span>
  85 + </div>
  86 + <ul class="ranking-list">
  87 + <li>
  88 + <div></div>
  89 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  90 + <div>99</div>
  91 + </li>
  92 + <li>
  93 + <div></div>
  94 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  95 + <div>99</div>
  96 + </li>
  97 + <li>
  98 + <div></div>
  99 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  100 + <div>99</div>
  101 + </li>
  102 + <li>
  103 + <div>7</div>
  104 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  105 + <div>99</div>
  106 + </li>
  107 + <li>
  108 + <div>8</div>
  109 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  110 + <div>99</div>
  111 + </li>
  112 + <li>
  113 + <div>9</div>
  114 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  115 + <div>99</div>
  116 + </li>
  117 + <li>
  118 + <div>10</div>
  119 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  120 + <div>99</div>
  121 + </li>
  122 + <li>
  123 + <div>11</div>
  124 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  125 + <div>99</div>
  126 + </li>
  127 + <li>
  128 + <div>12</div>
  129 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  130 + <div>99</div>
  131 + </li>
  132 + <li>
  133 + <div>7</div>
  134 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  135 + <div>399</div>
  136 + </li>
  137 + <li>
  138 + <div>88</div>
  139 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  140 + <div>299</div>
  141 + </li>
  142 + <li>
  143 + <div>99</div>
  144 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  145 + <div>199</div>
  146 + </li>
  147 + <li>
  148 + <div>7</div>
  149 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  150 + <div>9</div>
  151 + </li>
  152 + <li>
  153 + <div>8</div>
  154 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  155 + <div>9</div>
  156 + </li>
  157 + <li>
  158 + <div>9</div>
  159 + <div title="PDA支付接口">PDA支付接口PDA支付接口</div>
  160 + <div>9</div>
  161 + </li>
  162 + </ul>
  163 + </div>
  164 + </div>
  165 +
  166 +
  167 + <!--API别表-->
  168 + <div class="link-con-1 display-none">
  169 + <div class="list-main-wrap" 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" id="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 display-none" 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>
  525 + </div>
  526 + </div>
  527 + </section>
  528 +</div>
  529 +
  530 +
  531 +<script type="text/javascript" src="js/libJs/jquery.min.js"></script>
  532 +<script type="text/javascript" src="js/libJs/bootstrap.min.js"></script>
  533 +<script src="https://cdn.bootcss.com/echarts/3.6.1/echarts.min.js"></script>
  534 +<script type="text/javascript">
  535 + document.write("<s" + "cript type='text/javascript' src='js/pdalatform.js?ver" + Math.random() + "'></s" + "cript>");
  536 +</script>
  537 +</body>
  538 +</html>
0 539 \ No newline at end of file
... ...
thirdparty.html
  View file @06cb973
... ... @@ -32,10 +32,10 @@
32 32 <li onclick="window.location.href='index.html'">
33 33 任你停
34 34 </li>
35   - <li onclick="window.location.href=''">
  35 + <li onclick="window.location.href='pdalatform.html'">
36 36 PDA
37 37 </li>
38   - <li onclick="window.location.href=''">
  38 + <li onclick="window.location.href='wechatlatform.html'">
39 39 微信服务号
40 40 </li>
41 41 <li class="visitActive">
... ...
wechatlatform.html 0 → 100644
  View file @06cb973
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <meta name="renderer" content="webkit">
  6 + <meta name="renderer" content="ie-comp">
  7 + <meta name="renderer" content="ie-stand">
  8 + <meta name="google" content="notranslate" />
  9 + <meta http-equiv="pragma" content="no-cache">
  10 + <meta http-equiv="cache-control" content="no-cache">
  11 + <meta http-equiv="expires" content="0">
  12 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  13 + <title>微信服务号</title>
  14 + <link rel="stylesheet" href="css/libCss/common.css">
  15 + <link rel="stylesheet" href="css/libCss/bootstrap.min.css">
  16 + <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  17 +</head>
  18 +<body>
  19 +<header>
  20 + <div class="float-left java-logo">
  21 + <!--<span></span>-->
  22 + <span class="java-title"></span>
  23 + </div>
  24 + <div class="java-loginout float-right">
  25 + <!--<span class="java-loginout"></span>-->
  26 + </div>
  27 +</header>
  28 +<div class="main-wrap">
  29 + <nav class="float-left">
  30 + <ul class="nav-ul">
  31 + <li onclick="window.location.href='index.html'">
  32 + 任你停
  33 + </li>
  34 + <li onclick="window.location.href='pdalatform.html'">
  35 + PDA
  36 + </li>
  37 + <li class="visitActive">
  38 + 微信服务号
  39 + </li>
  40 + <li onclick="window.location.href='thirdparty.html'">
  41 + 第三方
  42 + </li>
  43 + </ul>
  44 + </nav>
  45 + <section class="float-left">
  46 + <div class="section-wrap">
  47 + <div class="link-div" id="link-div">
  48 + <span class="linkActive">总体概况</span>
  49 + <span>API 列表</span>
  50 + </div>
  51 + <div class="link-con" id="link-con">
  52 + <div class="link-con-1">
  53 + <div class="link-con-left float-left">
  54 + <div class="link-con-left-wrap marginright32 boder-raduis5">
  55 + <div class="link-con-title border-bottom1">
  56 + <span>总接口数</span>
  57 + </div>
  58 + <div class="link-con-main-1 link-con-main">
  59 + <span>560</span>
  60 + <span>总计(个)</span>
  61 + <div class="circle-animation"></div>
  62 + </div>
  63 + </div>
  64 + <div class="link-con-left-wrap boder-raduis5">
  65 + <div class="link-con-title border-bottom1">
  66 + <span>今日活跃接口数</span>
  67 + </div>
  68 + <div class="link-con-main-2 link-con-main">
  69 + <span>56</span>
  70 + <span>总计(个)</span>
  71 + </div>
  72 + </div>
  73 + <div class="clearfix"></div>
  74 + <div class="link-con-bottom-wrap boder-raduis5">
  75 + <div class="link-con-title">
  76 + <span>接入接口统计</span>
  77 + </div>
  78 + <div class="echart-main" id="echart-main"></div>
  79 + </div>
  80 + </div>
  81 + <div class="link-con-right float-left boder-raduis5">
  82 + <div class="link-con-title border-bottom1">
  83 + <span>调用排行榜</span>
  84 + </div>
  85 + <ul class="ranking-list">
  86 + <li>
  87 + <div></div>
  88 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  89 + <div>99</div>
  90 + </li>
  91 + <li>
  92 + <div></div>
  93 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  94 + <div>99</div>
  95 + </li>
  96 + <li>
  97 + <div></div>
  98 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  99 + <div>99</div>
  100 + </li>
  101 + <li>
  102 + <div>7</div>
  103 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  104 + <div>99</div>
  105 + </li>
  106 + <li>
  107 + <div>8</div>
  108 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  109 + <div>99</div>
  110 + </li>
  111 + <li>
  112 + <div>9</div>
  113 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  114 + <div>99</div>
  115 + </li>
  116 + <li>
  117 + <div>10</div>
  118 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  119 + <div>99</div>
  120 + </li>
  121 + <li>
  122 + <div>11</div>
  123 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  124 + <div>99</div>
  125 + </li>
  126 + <li>
  127 + <div>12</div>
  128 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  129 + <div>99</div>
  130 + </li>
  131 + <li>
  132 + <div>7</div>
  133 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  134 + <div>399</div>
  135 + </li>
  136 + <li>
  137 + <div>88</div>
  138 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  139 + <div>299</div>
  140 + </li>
  141 + <li>
  142 + <div>99</div>
  143 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  144 + <div>199</div>
  145 + </li>
  146 + <li>
  147 + <div>7</div>
  148 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  149 + <div>9</div>
  150 + </li>
  151 + <li>
  152 + <div>8</div>
  153 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  154 + <div>9</div>
  155 + </li>
  156 + <li>
  157 + <div>9</div>
  158 + <div title="微信服务号支付接口">微信服务号支付接口微信服务号支付接口</div>
  159 + <div>9</div>
  160 + </li>
  161 + </ul>
  162 + </div>
  163 + </div>
  164 +
  165 +
  166 + <!--API别表-->
  167 + <div class="link-con-1 display-none">
  168 + <div class="list-main-wrap" id="list-main-wrap">
  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" id="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>
  440 +
  441 + <div class="list-detail-wrap display-none" id="list-detail-wrap">
  442 + <div class="list-detail-title">
  443 + 名称名称名称名称名称名称名称（名称名称名称名称名称名称名称名称）
  444 + </div>
  445 + <div class="list-detail-des">
  446 + 名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称
  447 + </div>
  448 + <div class="list-detail-title">
  449 + 请求url
  450 + </div>
  451 + <ul class="list-detail-url">
  452 + <li class="float-left">环境</li>
  453 + <li class="float-left">HTTPS请求地址</li>
  454 + </ul>
  455 + <ul class="list-detail-url-wrap">
  456 + <li>
  457 + <div class="float-left">名称名称名称名称名称</div>
  458 + <div class="float-left">名称名称名称名称名称</div>
  459 + </li>
  460 + </ul>
  461 + <div class="list-detail-title">
  462 + 请求参数
  463 + </div>
  464 + <ul class="list-detail-parameter">
  465 + <li class="float-left">参数名称</li>
  466 + <li class="float-left">必选</li>
  467 + <li class="float-left">类型</li>
  468 + <li class="float-left">说明</li>
  469 + </ul>
  470 + <ul class="list-detail-parameter-wrap">
  471 + <li>
  472 + <div class="float-left">名称名称名称名称名称</div>
  473 + <div class="float-left">名称名称名称名称名称</div>
  474 + <div class="float-left">名称名称名称名称名称</div>
  475 + <div class="float-left">名称名称名称名称名称</div>
  476 + </li>
  477 + <li>
  478 + <div class="float-left">名称名称名称名称名称</div>
  479 + <div class="float-left">名称名称名称名称名称</div>
  480 + <div class="float-left">名称名称名称名称名称</div>
  481 + <div class="float-left">名称名称名称名称名称</div>
  482 + </li>
  483 + <li>
  484 + <div class="float-left">名称名称名称名称名称</div>
  485 + <div class="float-left">名称名称名称名称名称</div>
  486 + <div class="float-left">名称名称名称名称名称</div>
  487 + <div class="float-left">名称名称名称名称名称</div>
  488 + </li>
  489 +
  490 + </ul>
  491 +
  492 + <div class="list-detail-title">
  493 + 请求类型
  494 + </div>
  495 + <ul class="list-detail-type">
  496 + <li class="float-left">参数名称</li>
  497 + <li class="float-left">类型</li>
  498 + <li class="float-left">说明</li>
  499 + </ul>
  500 + <ul class="list-detail-type-wrap">
  501 + <li>
  502 + <div class="float-left">名称名称名称名称名称</div>
  503 + <div class="float-left">名称名称名称名称名称</div>
  504 + <div class="float-left">名称名称名称名称名称</div>
  505 + <div class="float-left">名称名称名称名称名称</div>
  506 + </li>
  507 + <li>
  508 + <div class="float-left">名称名称名称名称名称</div>
  509 + <div class="float-left">名称名称名称名称名称</div>
  510 + <div class="float-left">名称名称名称名称名称</div>
  511 + <div class="float-left">名称名称名称名称名称</div>
  512 + </li>
  513 + <li>
  514 + <div class="float-left">名称名称名称名称名称</div>
  515 + <div class="float-left">名称名称名称名称名称</div>
  516 + <div class="float-left">名称名称名称名称名称</div>
  517 + <div class="float-left">名称名称名称名称名称</div>
  518 + </li>
  519 +
  520 + </ul>
  521 +
  522 + </div>
  523 + </div>
  524 + </div>
  525 + </div>
  526 + </section>
  527 +</div>
  528 +
  529 +
  530 +<script type="text/javascript" src="js/libJs/jquery.min.js"></script>
  531 +<script type="text/javascript" src="js/libJs/bootstrap.min.js"></script>
  532 +<script src="https://cdn.bootcss.com/echarts/3.6.1/echarts.min.js"></script>
  533 +<script type="text/javascript">
  534 + document.write("<s" + "cript type='text/javascript' src='js/wechatlatform.js?ver" + Math.random() + "'></s" + "cript>");
  535 +</script>
  536 +</body>
  537 +</html>
0 538 \ No newline at end of file
... ...