【免费】前端数据可视化大屏-echarts数字大屏模版-车辆管理综合数据监控-直接可对接数据资源-CSDN文库

共35个文件

png：16个

js：7个

css：3个

echarts

需积分: 0 91 浏览量 2023-04-24 14:41:38 上传评论 1 收藏 5.42MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

17.zip （35个子文件）

picture

page1_3.jpg 40KB

page1_1.png 5KB

page1_2.png 14KB

page1_0.png 5KB

com.js 13KB

fontscroll.js 3KB

echart.js 47KB

echarts.min.js 691KB

jquery-1.8.0.min.js 90KB

jquery.min.js 94KB

script.js 7KB

css

style.css 1KB

main.css 9KB

style2.0.css 20KB

index.html 11KB

images

info_2.png 4KB

infoBg.png 84KB

page1_3.jpg 40KB

info_3.png 4KB

dz.png 160KB

info_7.png 4KB

info_5.png 4KB

info_1.png 4KB

bg.png 257KB

info_6.png 4KB

head_bg.png 8KB

bj.png 4.45MB

info_4.png 4KB

newdz.png 195KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

yjsz.ttf 54KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>车辆综合管控平台</title> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style2.0.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script> $(function () { $('.myscroll').myScroll({ speed: 60, //数值越大，速度越慢 rowHeight: 38 //li的高度 }); }) </script> </head> <body>  <header id="header"> <div class="header"> <h1 class="">车辆综合管控平台</h1> </div> </header>  <section id="data_content"> <div class="data_info"> <div class="info_1 fl"> <div class="text_1"> <div class="fl"> <img src="images/info_1.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> <div class="fl"> <img src="images/info_2.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> <div class="fl"> <img src="images/info_3.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> </div> </div> <div class="info_2 fl"> <div class="text_2"> <div class="fl"> <img src="images/info_4.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> <div class="fl"> <img src="images/info_5.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> </div> </div> <div class="info_3 fr"> <div class="text_2"> <div class="fl"> <img src="images/info_6.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> <div class="fl"> <img src="images/info_7.png" alt=""> <div class="fl count"> <p>车辆总数(辆)</p> <p class="conuts">46625</p> </div> </div> </div> </div> </div> <div class="data_content">  <div class="data_left fl"> <div class="left_top">  <div class="info public"> <div class="min-title"> <span>车辆总数</span> </div> <div id="char4" style="width:100%;height: 100%;"></div> <div class="boxfoot"></div> </div>  <div class="top_bottom public"> <div class="min-title"> <span>车辆类型</span> </div> <div id="echarts_1" style="width:100%;height: 100%;"></div> <div class="boxfoot"></div> </div>  <div class="left_bottom public"> <div class="min-title"> <span>车辆状态</span> </div> <div id="chart_2" style="width:100%;height: 100%;"></div> <div class="boxfoot"></div> </div> </div> </div>  <div class="data_c fl"> <div class="data_c_1"> <div id="contPar" class="contPar"> <div id="page1" style="z-index:1"> <div class="title0">车辆综合管控平台</div> <div class="title1">旅游、交通、危险品、校车、大数据</div> <div id="drag-container" style="z-index: 1"> <div id="spin-container"> <img alt="" class="infoBtn" src="picture/page1_0.png"> <img alt="" class="" src="picture/page1_1.png"> <img alt="" class="" src="picture/page1_2.png"> <img alt="" class="" src="picture/page1_1.png"> <img alt="" class="" src="picture/page1_2.png"> </div> <div id="ground"></div> </div> <img alt="" class="img3 png" src="images/newdz.png" > </div> </div> </div> <div class="data_c_2 public"> <div id="echart4" style="width: 100%;height: 100%;padding-top: 10px;"></div> <div class="boxfoot"></div> </div> </div>  <div class="data_right fr"> <div class="right_top">  <div class="right_info public"> <div class="min-title"> <span>收费站收费数量</span> </div> <div class="echart wenzi"> <div class="gun"> <span>小型车</span> <span>中型车</span> <span>大型车</span> </div> <div id="FontScroll" class="myscroll"> <ul> <li> <div class="fontInner clearfix"> <span >253万</span> <span>65万</span> <span>182万</span> </div> </li> <li> <div class="fontInner clearfix"> <span >253万</span> <span>65万</span> <span>182万</span> </div> </li> <li> <div class="fontInner clearfix"> <span >253万</span> <span>65万</span> <span>182万</span> </div> </li> <li> <div class="fontInner clearfix"> <span >253万</span> <span>65万</span> <span>182万</span> </div> </li> <li> <div class="fontInner clearfix">

评论收藏

内容反馈