<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>待命运送员</title>
<link rel="stylesheet" href="/static/antv/f2.style.css" />
<script type="text/javascript" src="/static/jquery-2.2.4.min.js"></script>
<script src="/static/antv/f2.min.js"></script>
<link rel="stylesheet" href="/static/h5/css/common.css">
<style>
html,body {
margin: 0;
padding: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: #f1f1f1;
}
.daily-record {
margin: 0 10px;
background-color: #fff;
border-radius: 10px;
}
.record-data {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
height: 7vh;
}
.line {
margin: 0 15px;
height: 1px;
background-color: #CCCCCC;
}
.daily-title, .daily-nums {
display: inline;
font-size: 17px;
font-weight: 500;
}
.daily-title {
margin-left: 25px;
display: flex;
display: -webkit-flex;
align-items: center;
}
.daily-nums {
margin-right: 25px;
color:rgba(153,153,153,1);
}
</style>
</head>
<body>
<div class="daily-record">
<div class="record-data first" >
<span class="daily-title" style="color: #148d8f;font-weight: 700;">待命运送员总数</span>
<span class="daily-nums" style="color: #148d8f;font-weight: 700;">{$count}</span>
</div>
{foreach $list as $k=>$v}
<div class="line"></div>
<div class="record-data" >
<span class="daily-title">
<span style="display: inline-block;margin-right:10px;width: 6px;height: 6px;border-radius:5px;"></span>
{$v['name']}
</span>
</div>
{/foreach}
</div>
</body>
</html>