大数据库可视化模版06

博主介绍:《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。
所有项目都配有从入门到精通的基础知识视频课程,免费
项目配有对应开发文档、开题报告、任务书、PPT、论文模版等

项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!
在文章末尾可以获取联系方式

效果图

代码

<!-- 声明文档类型 -->
<!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="css/index.css">
</head>

<body>
    <div id="title">全国疫情实时监控</div>
    <div id="left1">
    </div>
    <div id="left2">
    </div>
    <div id="center1">
        <div class="item">
            <div class="number" id="confirm"></div>
            <div class="text">累计确诊</div>
        </div>
        <div class="item">
            <div class="number" id="heal"></div>
            <div class="text">累计治愈</div>
        </div>
        <div class="item">
            <div class="number" id="dead"></div>
            <div class="text">累计死亡</div>
        </div>
        <div class="item">
            <div class="number" id="nowConfirm"></div>
            <div class="text">现有确诊</div>
        </div>
        <div class="item">
            <div class="number" id="noInfect"></div>
            <div class="text">无症状感染者</div>
        </div>
        <div class="item">
            <div class="number" id="importedCase"></div>
            <div class="text">境外输入</div>
        </div>
    </div>
    <div id="center2">
    </div>
    <div id="right1"></div>
    <div id="right2"></div>
    <script src="js/data.js"></script>
    <script src="js/center1.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/china.js"></script>
    <script src="js/center2.js"></script>
    <script src="js/left1.js"></script>
    <script src="js/left2.js"></script>
    <script src="js/right1.js"></script>
    <script src="js/right2.js"></script>
</body>

</html>

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>