events66
/
main_count.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>图表统计</title>
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./libs/layui/css/modules/layer/default/layer.css">
  <link rel="stylesheet" href="./libs/layui/css/layui.css">


</head>

<body>
    <div class="container-fluid">
        <div class="row spannel_list">
            <div class="col-sm-3 col-xs-6">
                <div class="spannel totalCount">
                    <em>xxx</em><span>篇</span>
                    <b>总文章数</b>
                </div>
            </div>
            <div class="col-sm-3 col-xs-6">
                <div class="spannel scolor01 totalCount_day">
                    <em>xxx</em><span>篇</span>
                    <b>日新增文章数</b>
                </div>
            </div>
            <div class="col-sm-3 col-xs-6">
                <div class="spannel scolor02 commentCount">
                    <em>xxx</em><span>条</span>
                    <b>评论总数</b>
                </div>
            </div>
            <div class="col-sm-3 col-xs-6">
                <div class="spannel scolor03 commentCount_day">
                    <em>xx</em><span>条</span>
                    <b>日新增评论数</b>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row curve-pie">
            <div class="col-lg-8 col-md-8">
                <div class="gragh_pannel" id="day_article_show"></div>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="gragh_pannel" id="pie_show"></div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="column_pannel" id="column_show"></div>
    </div>
    <script src="./libs/jquery/jquery.min.js"></script>
    <!-- 导入bootstrap的js文件 -->
    <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
    <!-- 引入 layui -->
    <script src="./libs/layui/layui.js"></script>

    <!-- 引入 模版引擎 -->
    <script src="./libs/art-template/template-web.js"></script>

    <!-- <script src="./libs/layui/lay/modules/layer.js"></script> -->


    <!-- 引入富文本编辑器  -->
    <script src="./tinymce_5.5.1/tinymce_5.5.1/tinymce.min.js"></script>


<script type="text/javascript" src="./libs/echarts.js"></script>
    <!-- 公共js文件 -->
    <script src="./js/common.js"></script>

    <!-- 自己js文件 首页正常的业务 -->
    <script src="./js/main_count.js"></script>
</body>
</html>