【前端素材】大数据模板-007统计大屏测试.zip资源-CSDN文库

共30个文件

js：11个

png：8个

css：5个

版权申诉

HTML

99 浏览量 2024-03-26 22:03:39 上传评论收藏 801KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【前端素材】大数据模板-007统计大屏测试.zip （30个子文件）

007统计大屏测试

box5.js 2KB

bootstrap.js 68KB

npm.js 484B

box4.js 4KB

box1.js 2KB

bootstrap.min.js 36KB

echarts.min.js 701KB

box2.js 3KB

box3_left.js 1KB

jquery.min.js 82KB

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 143KB

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大数据统计展示大屏</title>  <link href="css/bootstrap.min.css" rel="stylesheet">  <script src="js/jquery.min.js"></script>  <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>

评论收藏

内容反馈

版权申诉