1 2 3 4

3.29 团队作业1

为团队作业的准备了一些知识的储备，要开始写团队作业了，首先写出大屏，一个简单的html页面

代码：（简单的布局了整个页面，还没有实现相关的功能）

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>疫情监控</title>
        <script src="../static/js/jquery-1.11.1.min.js"></script>
        <script src="../static/js/echarts.min.js"></script>
        <script src="../static/js/china.js"></script>
        <link href="../static/css/main.css" rel="stylesheet"/>
    </head>
    <body>
        <div id="gyroContain">
            <div id="title">全国疫情实时追踪</div>
            <div id="tim"></div>
            <div id="l1">我是左1</div>
            <div id="l2">我是左2</div>
            <div id="c1">
                <div class="num"><h1></h1></div>
                <div class="num"><h1></h1></div>
                <div class="num"><h1></h1></div>
                <div class="num"><h1></h1></div>
                <div class="txt"><h2>累计确诊</h2></div>
                <div class="txt"><h2>剩余疑似</h2></div>
                <div class="txt"><h2>累计治愈</h2></div>
                <div class="txt"><h2>累计死亡</h2></div>
            </div>
            <div id="c2">我是中2</div>
            <div id="r1">我是右1</div>
            <div id="r2">我是右2</div>
            <script src="../static/js/ec_center.js"></script>
            <script src="../static/js/ec_left1.js"></script>
            <script src="../static/js/ec_left2.js"></script>
            <script src="../static/js/ec_right1.js"> </script>
            <script src="../static/js/ec_right2.js"></script>
            <script src="../static/js/controller.js"> </script>
        </div>
    </body>
</html>

 

posted @ 2021-03-29 18:53  小陈的太阳  阅读(33)  评论(0)    收藏  举报