zoukankan      html  css  js  c++  java
  • 每日日报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

  • 相关阅读:
    应届毕业生简历撰写技巧
    【LeetCode】- Longest Substring Without Repeating Characters
    线性规划
    什么是凸规划
    最优化算法 (一)
    香农定理和频谱效率
    虚函数的用法
    QT学习一
    努力!
    Qslider
  • 原文地址:https://www.cnblogs.com/leiyu1905/p/14912700.html
Copyright © 2011-2022 走看看