<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="js/bootstrap.min.js"></script>
<link href="css/index.css" rel="stylesheet" />
</head>
<body>
<header>大数据统计展示大屏</header>
<div class="container m-20">
<div class="row">
<div class="col-lg-3">
<div class="box1">
<div class="title">标题标题</div>
<div class="box1_con" id="box1"></div>
</div>
<div class="box2 m-20">
<div class="title">标题标题</div>
<div class="box2_con" id="box2"></div>
</div>
</div>
<div class="col-lg-6">
<div class="box3">
<div class="title">标题标题</div>
<div class="box3_con">
<div class="box3_con_left" id="box3_left"></div>
<div class="box3_con_right">
<div class="box3_con_right_top">
<div class="row">
<div class="col-lg-4 data_bg"><p>12569台</p><small>设备总数</small></div>
<div class="col-lg-4 data_bg"><p>12375台</p><small>运行设备</small></div>
<div class="col-lg-4 data_bg"><p>178台</p><small>月修设备</small></div>
</div>
</div>
<div class="box3_con_right_bot" id="box3_right"></div>
</div>
</div>
</div>
<div class="box4 m-20">
<div class="title">标题标题</div>
<div class="box4_con" id="box4"></div>
</div>
</div>
<div class="col-lg-3 box5">
<div class="title">标题标题</div>
<div class="box5_con">
<div class="box5_con_top" id="box5"></div>
<div class="title m-20">标题标题</div>
<div class="box5_con_bot">
<ul>
<li>1、列表类信息标题测试列表类信息标题测试列表类信息标题测试</li>
<li>2、列表类信息标题测试列表类信息标题测试列表闻标题测试</li>
<li>3、列表类信息标题测试列表类信息标题测试信息标题测试</li>
<li>4、列表类信息标题测试标题测试列表类信息标题测试</li>
<li>5、列表类信息标题测试列表类信息标题测列表类信息标题测试</li>
<li>6、列表类信息标题测试列表类信息标题测试列表测试</li>
<li>7、列表类信息标题测试列表类信息标题测试列表类信息标题测试</li>
<li>8、列表类信息标题测试列表类信息标题测试列表类标题测试</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/box1.js"></script>
<script type="text/javascript" src="js/box2.js"></script>
<script type="text/javascript" src="js/box3_left.js"></script>
<script type="text/javascript" src="js/box3_right.js"></script>
<script type="text/javascript" src="js/box4.js"></script>
<script type="text/javascript" src="js/box5.js"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
056 大数据统计展示大屏.rar
共31个文件
js:11个
png:9个
css:5个
需积分: 0 0 下载量 129 浏览量
2024-03-17
15:38:02
上传
评论
收藏 2.04MB RAR 举报
温馨提示
前端数据可视化大屏展示模板,HTML模板,内部含有具体的html,css,javascript文件,以及对应的资源图片和预览图,感兴趣的朋友可以下载学习使用
资源推荐
资源详情
资源评论
收起资源包目录
056 大数据统计展示大屏.rar (31个子文件)
大数据统计展示大屏.png 1.31MB
js
box5.js 2KB
bootstrap.js 70KB
npm.js 496B
box4.js 4KB
box1.js 2KB
bootstrap.min.js 36KB
echarts.min.js 701KB
box2.js 3KB
box3_left.js 1KB
jquery.min.js 157KB
box3_right.js 2KB
css
bootstrap-theme.min.css.map 25KB
bootstrap.min.css 118KB
bootstrap-theme.css.map 47KB
bootstrap-theme.css 26KB
bootstrap.css.map 380KB
bootstrap.css 149KB
bootstrap-theme.min.css 23KB
bootstrap.min.css.map 529KB
index.css 2KB
index.html 3KB
images
bg_box2.png 7KB
bg_body.jpg 186KB
title_icon.png 3KB
bg_box4.png 7KB
data_icon.png 3KB
bg_box3.png 8KB
bg_box1.png 6KB
bg_title.png 82KB
bg_box5.png 8KB
共 31 条
- 1
资源评论
程序猿000001号
- 粉丝: 444
- 资源: 332
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功