Commit 39a87968ce6f597b48592f1e0ff11fbf7f5dba31

Authored by Andy
1 parent 55a4bf57

pda wechart

css/pdalatform.css 0 → 100644
css/wechatlatform.css 0 → 100644
index.html
... ... @@ -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
  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
  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
  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
... ...
wechatlatform.html 0 → 100644
  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
... ...