<!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">
基于ECharts车辆综合管控平台可视化大屏源码.rar
版权申诉
171 浏览量
2023-08-15
16:27:12
上传
评论
收藏 5.38MB RAR 举报
五星资源
- 粉丝: 5654
- 资源: 1562
最新资源
- VID20240521070643.mp4
- Android系统原理与开发学习要点详解-培训课件.zip
- 部署yolov8的tensorrt模型支持检测分割姿态估计的C++源码+部署步骤.zip
- 以简单、易用、高性能为目标、开源的时序数据库,支持Linux及Windows, Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架,下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈