standby.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>待命运送员</title>
  8. <link rel="stylesheet" href="/static/antv/f2.style.css" />
  9. <script type="text/javascript" src="/static/jquery-2.2.4.min.js"></script>
  10. <script src="/static/antv/f2.min.js"></script>
  11. <link rel="stylesheet" href="/static/h5/css/common.css">
  12. <style>
  13. html,body {
  14. margin: 0;
  15. padding: 0;
  16. overflow-y: scroll;
  17. -webkit-overflow-scrolling: touch;
  18. background: #f1f1f1;
  19. }
  20. .daily-record {
  21. margin: 0 10px;
  22. background-color: #fff;
  23. border-radius: 10px;
  24. }
  25. .record-data {
  26. display: flex;
  27. display: -webkit-flex;
  28. justify-content: space-between;
  29. align-items: center;
  30. height: 7vh;
  31. }
  32. .line {
  33. margin: 0 15px;
  34. height: 1px;
  35. background-color: #CCCCCC;
  36. }
  37. .daily-title, .daily-nums {
  38. display: inline;
  39. font-size: 17px;
  40. font-weight: 500;
  41. }
  42. .daily-title {
  43. margin-left: 25px;
  44. display: flex;
  45. display: -webkit-flex;
  46. align-items: center;
  47. }
  48. .daily-nums {
  49. margin-right: 25px;
  50. color:rgba(153,153,153,1);
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <div class="daily-record">
  56. <div class="record-data first" >
  57. <span class="daily-title" style="color: #148d8f;font-weight: 700;">待命运送员总数</span>
  58. <span class="daily-nums" style="color: #148d8f;font-weight: 700;">{$count}</span>
  59. </div>
  60. {foreach $list as $k=>$v}
  61. <div class="line"></div>
  62. <div class="record-data" >
  63. <span class="daily-title">
  64. <span style="display: inline-block;margin-right:10px;width: 6px;height: 6px;border-radius:5px;"></span>
  65. {$v['name']}
  66. </span>
  67. </div>
  68. {/foreach}
  69. </div>
  70. </body>
  71. </html>