<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>北京XX大学校情数据综合分析平台</title>
<link rel="stylesheet" href="./index.css" />
<style>
header {
position: relative;
height: 1.25rem;
background: none;
}
header h1 {
font-size: xx-large;
}
</style>
</head>
<body style="font-size: 12px;" marginheight="0">
<header>
<h1>北京XX大学 校情数据综合分析平台</h1>
<div class="showTime">
2023年3月9日10时58分26秒
</div>
<script>
var t = null;
t = setTimeout(time, 1000); //開始运行
function time() {
clearTimeout(t); //清除定时器
dt = new Date();
var y = dt.getFullYear();
var mt = dt.getMonth() + 1;
var day = dt.getDate();
var h = dt.getHours(); //获取时
var m = dt.getMinutes(); //获取分
var s = dt.getSeconds(); //获取秒
document.querySelector(".showTime").innerHTML =
y +
"年" +
mt +
"月" +
day +
"日" +
h +
"时" +
m +
"分" +
s +
"秒";
t = setTimeout(time, 1000); //设定定时器，循环运行
}
</script>
</header>
<section class="mainbox">
<div class="column">
<div class="panel line1_d">
<h2> 男女比例 </h2>
<div class="chart" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;">
<div style="position: relative; width: 271px; height: 234px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
<canvas data-zr-dom-id="zr_0" width="271" height="234" style="position: absolute; left: 0px; top: 0px; width: 271px; height: 234px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
</div>
<div class="" style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; background-color: rgb(255, 255, 255); border-width: 1px; border-radius: 4px; color: rgb(102, 102, 102); font: 14px / 21px "Microsoft YaHei"; padding: 10px; top: 0px; left: 0px; transform: translate3d(58px, 136px, 0px); border-color: rgb(208, 160, 14); pointer-events: none; visibility: hidden; opacity: 0;">
<div style="margin: 0px 0 0;line-height:1;">
<div style="font-size:14px;color:#666;font-weight:400;line-height:1;">
男女比例
</div>
<div style="margin: 10px 0 0;line-height:1;">
<div style="margin: 0px 0 0;line-height:1;">
<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#d0a00e;"></span>
<span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">男</span>
<span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">1,048</span>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<div class="panel-footer"></div>
</div>
<div class="panel line1_b">
<h2> 培养层次 </h2>
<div class="chart" id="pycc" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;">
<div style="position: relative; width: 271px; height: 234px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
<canvas data-zr-dom-id="zr_0" width="271" height="234" style="position: absolute; left: 0px; top: 0px; width: 271px; height: 234px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
</div>
<div class=""></div>
</div>
<div class="panel-footer"></div>
</div>
<div class="panel line1_c">
<h2> 宿舍入住情况 </h2>
<div class="chart" style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;">
<div style="position: relative; width: 271px; height: 234px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
<canvas data-zr-dom-id="zr_0" width="271" height="234" style="position: absolute; left: 0px; top: 0px; width: 271px; height: 234px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
</div>
<div class="" style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; will-change: transform; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: transparent; border-width: 1px; border-radius: 4px; color: rgb(102, 102, 102); font: 14px / 21px "Microsoft YaHei"; padding: 10px; top: 0px; left: 0px; transform: translate3d(81px, 60px, 0px); border-color: rgb(255, 255, 255); pointer-events: none;">
<div style="width: 79px;height: 50px;;color:#fff;position: relative;">
<svg style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);" class="svg" xmlns="http://www.w3.org/2000/svg" width="100" height="71" viewbox="0 0 84 55">
<defs>
<style>
.cls-1 {
fill: #07172c;
fill-opacity: 0.8;
stroke: #a7d8ff;
stroke-linejoin: round;
stroke-opacity: 0.2;
stroke-width: 1px;
fill-rule: evenodd;
}
</style>
</defs>
<path id="矩形_419" data-name="矩形 419" class="cls-1" d="M266,595h74v50H266V624.046L261,620l5-3.984V595Z" transform="translate(-258.5 -592.5)"></path>
</svg>
<div style="padding: 4px 8px 4px 14px;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;z-index: 1;">
<div style="margin-bottom: 4px;width:100%;display:flex;justify-content:space-between;align-items:center;">
<span style="font-size:14px;color:#7ec7ff;">已入住</span>
<span style="font-size:14px;color:#fff;">40</span>
</div>
<div style="width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;">
<span style="font-size:14px;color:#7ec7ff;">未入住</span>
<span style="font-size:14px;color:#fff;">20</span>
【前端模板】101 校情数据综合分析平台.zip
版权申诉
31 浏览量
2024-03-19
23:42:38
上传
评论
收藏 3.75MB ZIP 举报
【前端模板】101 校情数据综合分析平台.zip （16个子文件） 
101 校情数据综合分析平台 
select.js 926B bootstrap.min.css 114KB jquery-ui.min.css 25KB flexible.js 1KB
101.png 2.64MB img jt.png 163KB lbx.png 81KB
bg.jpg 252KB num.png 293B map.png 302KB echarts.min.js 994KB
index.html 33KB index.js 49KB head_bg.png 67KB jquery.js 99KB index.css 9KB资源评论
