index.html 8.39 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="renderer" content="ie-comp">
    <meta name="renderer" content="ie-stand">
    <meta name="google" content="notranslate" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" href="css/libCss/common.css">
    <link rel="stylesheet" href="css/libCss/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<header>
        <div class="float-left java-logo">
            <!--<span></span>-->
            <span class="java-title"></span>
        </div>
        <div class="java-loginout float-right">
            <!--<span class="java-loginout"></span>-->
        </div>
</header>
<div class="main-wrap">
    <nav class="float-left">
        <ul class="nav-ul">
            <li class="visitActive">
                任你停
            </li>
            <li>
                PDA
            </li>
            <li>
                微信服务号
            </li>
            <li>
                第三方
            </li>
        </ul>
    </nav>
    <section class="float-left">
        <div class="section-wrap">
            <div class="link-div" id="link-div">
                <span class="linkActive">总体概况</span>
                <span>API  列表</span>
            </div>
            <div class="link-con" id="link-con">
                <div class="link-con-1">
                    <div class="link-con-left float-left">
                        <div class="link-con-left-wrap marginright32 boder-raduis5">
                            <div class="link-con-title border-bottom1">
                                <span>总接口数</span>
                            </div>
                            <div class="link-con-main-1 link-con-main">
                                <span>560</span>
                                <span>总计(个)</span>
                                <div class="circle-animation"></div>
                            </div>
                        </div>
                        <div class="link-con-left-wrap boder-raduis5">
                            <div class="link-con-title border-bottom1">
                                <span>今日活跃接口数</span>
                            </div>
                            <div class="link-con-main-2 link-con-main">
                                <span>56</span>
                                <span>总计(个)</span>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="link-con-bottom-wrap boder-raduis5">
                            <div class="link-con-title">
                                <span>接入接口统计</span>
                            </div>
                            <div class="echart-main" id="echart-main"></div>
                        </div>
                    </div>
                    <div class="link-con-right float-left boder-raduis5">
                        <div class="link-con-title border-bottom1">
                            <span>调用排行榜</span>
                        </div>
                        <ul class="ranking-list">
                            <li>
                                <div></div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div></div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div></div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>7</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>8</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>9</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>10</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>11</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>12</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>99</div>
                            </li>
                            <li>
                                <div>7</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>399</div>
                            </li>
                            <li>
                                <div>88</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>299</div>
                            </li>
                            <li>
                                <div>99</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>199</div>
                            </li>
                            <li>
                                <div>7</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>9</div>
                            </li>
                            <li>
                                <div>8</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>9</div>
                            </li>
                            <li>
                                <div>9</div>
                                <div title="任你停微信支付接口">任你停微信支付接口任你停微信支付接口</div>
                                <div>9</div>
                            </li>
                        </ul>
                    </div>
                </div>


                <!--API别表-->
                <div class="link-con-1 display-none">display-none</div>
            </div>
        </div>
    </section>
</div>


<script type="text/javascript" src="js/libJs/jquery.min.js"></script>
<script type="text/javascript" src="js/libJs/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/3.6.1/echarts.min.js"></script>
<script type="text/javascript">
    document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>");
</script>
</body>
</html>