加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
vehicle.html 5.34 KB
一键复制 编辑 原始数据 按行查看 历史
aicong 提交于 2017-09-12 17:13 . init 前端代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>塔吊安全</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/matrix-style2.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
<style>
.widget-content .fl{
width: 47%;
display: inline-block;
}
.widget-content .fl.first{
border-left:1px solid #CCCCCC;
}
.item{
display: block;
width: 47%;
float: left;
text-indent: 4em;
padding: 10px 0;
/*background: #000000;*/
}
.widget-content{
padding: 0;
}
.widget-title h5.s-title{
margin-left: 33%;
}
.icon img{
width: 20px;
}
</style>
</head>
<body>
<div id="content">
<div id="content-header">
<h1>车辆信息</h1>
<a href="vehicletable.html" style="float: right;padding: 10px;padding-right: 20px;cursor: pointer;">配置管理</a>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-title">
<span class="icon icon-truck"></span>
<h5>一号车辆</h5>
<h5 class="s-title">数据统计</h5>
<h5 class="s-title"><a href="tab.html" style="float:right;cursor: pointer;">查看详情</a></h5>
</div>
<div class="widget-content clearfix">
<div class="fl clearfix">
<div class="item">车辆型号:解放J6P</div>
<div class="item">车辆号码:川A 0001</div>
<div class="item">最高速度:120km/h</div>
<div class="item">排  量:12.52L</div>
<div class="item">油箱容量:500L</div>
<div class="item">车载容量:18000kg</div>
</div>
<div class="fl first clearfix">
<div class="item">油箱剩余:415L</div>
<div class="item">当前车速:40km/h</div>
<div class="item">当前车载:8000kg</div>
<div class="item">驾驶人 :王华生</div>
<div class="item">当前位置:武汉光谷</div>
<div class="item">行驶里程:800km</div>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-title">
<span class="icon icon-truck"></span>
<h5>二号车辆</h5>
<h5 class="s-title">数据统计</h5>
<h5 class="s-title"><a href="tab.html" style="float:right;cursor: pointer;">查看详情</a></h5>
</div>
<div class="widget-content clearfix">
<div class="fl clearfix">
<div class="item">车辆型号:解放J6P</div>
<div class="item">车辆号码:川A 0011</div>
<div class="item">最高速度:120km/h</div>
<div class="item">排  量:12.52L</div>
<div class="item">油箱容量:500L</div>
<div class="item">车载容量:18000kg</div>
</div>
<div class="fl first clearfix">
<div class="item">油箱剩余:215L</div>
<div class="item">当前车速:42km/h</div>
<div class="item">当前车载:9000kg</div>
<div class="item">驾驶人 :李建强</div>
<div class="item">当前位置:武汉洪山</div>
<div class="item">行驶里程:1250km</div>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="widget-box">
<div class="widget-title">
<span class="icon icon-truck"></span>
<h5>三号车辆</h5>
<h5 class="s-title">数据统计</h5>
<h5 class="s-title"><a href="tab.html" style="float:right;cursor: pointer;">查看详情</a></h5>
</div>
<div class="widget-content clearfix">
<div class="fl clearfix">
<div class="item">车辆型号:解放J6P</div>
<div class="item">车辆号码:川A 0025</div>
<div class="item">最高速度:120km/h</div>
<div class="item">排  量:12.52L</div>
<div class="item">油箱容量:500L</div>
<div class="item">车载容量:18000kg</div>
</div>
<div class="fl first clearfix">
<div class="item">油箱剩余:375L</div>
<div class="item">当前车速:35km/h</div>
<div class="item">当前车载:7690kg</div>
<div class="item">驾驶人 :王华生</div>
<div class="item">当前位置:武汉汉口</div>
<div class="item">行驶里程:2300km</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/matrix.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化