1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!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>
|