每日日报2021.4.29
今天完成内容：
学习web 可视化大屏主页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<title>数据可视化</title>
<link rel="stylesheet" href="index.less.css"/>
</head>
<body>
<header>
<h1>智慧航空</h1>
<div class="showTime"></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 bar">
<h2>柱形图</h2>
<div class="chart">图表</div>
<div class="footer"></div>
</div>
<div class="panel line">
<h2>柱形图</h2>
<div class="chart">图表</div>
<div class="footer"></div>
</div>
<div class="panel pie">
<h2>柱形图</h2>
<div class="chart">图表</div>
<div class="footer"></div>
</div>
</div>
<div class="column">
<div class="no">
<div class="nohd">
<ul>
<li>123</li>
<li>56</li>
</ul>
</div>
<div class="nobd">
<ul>
<li>123</li>
<li>456</li>
</ul>
</div>
</div>
<div class="map">
<div class="map1"></div>
<div class="map2"></div>
<div class="map3"></div>
<div class="chart"></div>
</div>
</div>
<div class="column">
<div class="panel bar">
<h2>柱形图</h2>
<div class="chart">图表</div>
<div class="footer"></div>
</div>
<div class="panel line">
<h2>柱形图</h2>
<div class="chart">图表</div>
<div class="footer"></div>
</div>
<div class="panel pie">
<h2>柱形图</h2>
<div class="chart">图表</div>
<div class="footer"></div>
</div>
</div>
</section>
<script src="js/flexible.js"></script>
</body>
</html>
看视频
遇到问题：
无
明日目标：
学习web端的开发
学习css
