大屏展示Demo资源-CSDN文库

共20个文件

png：9个

js：7个

css：3个

大屏show

4星 · 超过85%的资源需积分: 50 11 浏览量 2018-11-28 10:57:53 上传评论 4 收藏 592KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

BigShow.zip （20个子文件）

css

bootstrap.css 143KB

base.css 3KB

index.css 10KB

images

t_6.png 393B

t_1.png 506B

t_2.png 539B

t_5.png 471B

title.png 77KB

t_4.png 427B

true.png 175KB

t_3.png 472B

t_7.png 290B

index.html 8KB

index.js 17KB

jquery-2.2.1.min.js 84KB

bootstrap.min.js 27KB

china.js 77KB

echarts.min.js 691KB

dataTool.js 23KB

common.js 692B

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>信息安全系统平台驾驶舱</title> <link href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/index.css"> <style> .t_title { width: 100%; height: 100%; text-align: center; font-size: 2.5em; line-height: 80px; color: #fff; } #chart_map { cursor: pointer; } .t_show { position: absolute; top: 0; right: 0; border-radius: 2px; background: #2C58A6; padding: 2px 5px; color: #fff; cursor: pointer; } </style> </head> <body>  <div class="header"> <div class="bg_header"> <div class="header_nav fl t_title"> 信息安全系统平台驾驶舱 </div> </div> </div>  <div class="data_content"> <div class="data_time"> 温馨提示: 数据不会实时刷新 </div> <div class="data_main">  <div class="main_left fl"> <div class="left_1 t_btn6" style="cursor: pointer;">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="images/t_1.png" alt=""> 安全评分 </div> <div id="chart_1" class="chart" style="width:100%;height: 280px;"></div> </div> <div class="left_2" style="cursor: pointer;">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="images/t_2.png" alt=""> 漏洞统计 </div> <div id="chart_2" class="chart t_btn9" style="width:100%;height: 280px;"></div> </div> </div>  <div class="main_center fl"> <div class="center_text">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="images/t_3.png" alt=""> 中国地图 </div> <div id="chart_map" style="width:100%;height:610px;"></div> </div> </div>  <div class="main_right fr"> <div class="right_1">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="images/t_4.png" alt=""> 威胁排名 </div> <div id="chart_3" class="echart t_btn7" style="width:100%;height: 280px;"></div> </div> <div class="right_2">  <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </div>  <div class="t_line_box"> <i class="t_r_line"></i> <i class="r_t_line"></i> </div>  <div class="t_line_box"> <i class="l_b_line"></i> <i class="b_l_line"></i> </div>  <div class="t_line_box"> <i class="r_b_line"></i> <i class="b_r_line"></i> </div> <div class="main_title"> <img src="images/t_7.png" alt=""> 威胁统计 </div> <div id="chart_4" class="echart fl t_btn4" style="width:100%;height: 280px;cursor: pointer;"></div> </div> </div> </div> </div> </body> <script src="js/jquery-2.2.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/common.js"></script> <script src="js/echarts.min.js"></script> <script src="js/dataTool.js"></script> <script src="js/index.js"></script> <script src="js/china.js"></script> </html>

评论收藏

内容反馈