master

分支 (1)

管理

管理

master

hello-world
/
shouye copy.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/shouye.css">
    <link rel="stylesheet" href="./icon/font_2061717_o7kzkm4s0if/iconfont.css">

</head>
<body>

                <!-- 右部分大框  ↓  -->
                <div class="right-content">
                    <!-- 右部分内大框  ↓ -->
                    <div class="schoolmag">
                        <!-- 首页下面写内容的大框 ↓  -->
                        <div class="btom">
                            <!-- 右部分内的左大块栏目 ↓ -->
                            <div class="mainpage-left">
                                <!-- 左大块栏目内的上部分框 ↓   -->
                                <div class="mainleft-top">
                                    <!-- 上框栏目内的左部分 ↓   -->
                                    <div class="mainleft-left">
                                        <div class="left-top">快捷方式</div>
                                        <div class="left-mid">
                                            <div class="mid-one">
                                                <div class="top-icon">
                                                    <span class="iconfont iconhome"></span>
                                                </div>
                                                <div class="bot-word">主页一</div>
                                            </div>
                                            <div class="mid-one">
                                                <div class="top-icon">
                                                    <span class="iconfont iconhome"></span>
                                                </div>
                                                <div class="bot-word">主页二</div>
                                            </div>
                                            <div class="mid-one">
                                                <div class="top-icon">
                                                    <span class="iconfont iconhome"></span>
                                                </div>
                                                <div class="bot-word">你猜</div>
                                            </div>
                                            <div class="mid-one">
                                                <div class="top-icon">
                                                    <span class="iconfont icontixing"></span>
                                                </div>
                                                <div class="bot-word">写啥</div>
                                            </div>
                                            <div class="mid-one">
                                                <div class="top-icon">
                                                    <span class="iconfont iconxueshimao"></span>
                                                </div>
                                                <div class="bot-word">你说吧</div>
                                            </div>
                                            <div class="mid-one">
                                                <div class="top-icon">
                                                    <span class="iconfont iconshezhi"></span>
                                                </div>
                                                <div class="bot-word">设置</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 上框栏目内的右部分 ↓   -->
                                    <div class="mainleft-right">
                                        <div class="right-top">待办事项</div>
                                        <div class="right-mid">
                                            <div class="mid-two">
                                                <div class="title">学生管理</div>
                                                <div class="num">66</div>
                                            </div>
                                            <div class="mid-two">
                                                <div class="title">校院管理</div>
                                                <div class="num">166</div>
                                            </div>
                                            <div class="mid-two">
                                                <div class="title">待定...</div>
                                                <div class="num">666</div>
                                            </div>
                                            <div class="mid-two">
                                                <div class="title">待定...</div>
                                                <div class="num">66666</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 左大块栏目内的下部分框 ↓   -->
                                <div id="echart">
                                    <div class="echart_head">
                                        数据概览
                                        <ul class="echart_li">
                                            <li class="active_li"></li>
                                            <li></li>
                                            <li></li>
                                        </ul>
                                    </div>
                                    <div class="echart_content">
                                        <div class="echart_pic"></div>
                                    </div>
                                </div>
                            </div>
                            <!-- 右部分内的右大块栏目 ↓   -->
                            <div class="mainpage-right">
                                <!-- 右大块栏目的上部分 ↓   -->
                                <div class="mainright-top">
                                    <div class="qtu-head">最近缴费</div>
                                    <div class="qtu-body">
                                        <div class="table">
                                            <table class="table-one">
                                                <tr class="one">
                                                    <th class="th1"></th>
                                                    <th class="th2">姓名</th>
                                                    <th class="th3">毕业院校</th>
                                                    <th class="th4">电话</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">1</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">北京大学</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">2</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">中国理工大学</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">3</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">哈尔滨工业大学</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">4</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">南阳理工学院</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">5</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">中国科技大学</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">6</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">郑州大学</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">7</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">南阳理工学院</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">8</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">郑州大学</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">9</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">南阳理工学院</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                                <tr>
                                                    <th class="th1">10</th>
                                                    <th class="th2">王小虎</th>
                                                    <th class="th3">方大同</th>
                                                    <th class="th4">16816899168</th>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!-- 右大块栏目的下部分 ↓   -->
                                <div class="mainright-mid">
                                    <div class="mid-head">最新动态</div>
                                    <div class="mid-text">
                                        <p class="p1">一直以来, 量子矩阵OA就是整个OA界最神秘, 最强大的OA产品. 强大到什么程度呢? 开发者都说不上来...^_^O(∩_∩)O哈哈~</p>
                                        <p>喜报: 量子矩阵获得教育部高等教育司2019年度首批产学合作协同育人项目单位</p>
                                        <p>喜报: 量子矩阵获得教育部高等教育司2019年度首批产学合作协同育人项目单位</p>
                                        <p>喜报: 量子矩阵获得教育部高等教育司2019年度首批产学合作协同育人项目单位</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

</body>
<script src="./js/jquery-3.5.1.js"></script>
<script src="./js/home.js"></script>
<script src="./js/echarts.min.js"></script>
<script src="./js/shouye.js"></script>
</html>