route.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div class="route-layout" >
  2. <div id="route-map" class="amap-route-container">
  3. </div>
  4. <div class="route-content">
  5. <!-- 内容占位 -->
  6. <div style="flex: 1 0 auto"></div>
  7. <!-- 日期选择面板 -->
  8. <!-- <div class="widthset lr-form-container">
  9. <div class="bottom-panel">
  10. <div class="lr-form-row">
  11. <label>自定义</label>
  12. <div id="date2"></div>
  13. </div>
  14. <div style="padding-left: 0;" class="panel-bottom-btn lr-form-row">
  15. <button type="button" class="lr-btn">取消</button>
  16. <button type="button" class="lr-btn-primary">确认</button>
  17. </div>
  18. </div>
  19. </div> -->
  20. <!-- 播放面板 -->
  21. <div class="outcase">
  22. <div class="route-play-panel">
  23. <!-- 信息区 -->
  24. <div class="text-area">
  25. <div class="test">
  26. <p>1234567891012</p>
  27. <div class="time-speed">
  28. <span id="date-time">时间:0000-00-00 00:00:00</span>
  29. <span id="vehicle-speed">速度:0.00km/h</span>
  30. </div>
  31. <!-- <div class="address-line">
  32. <span>地址:</span>
  33. <p>浙江省杭州市滨江区和瑞科技园S2地下车库</p>
  34. </div> -->
  35. </div>
  36. <div class="route-reset">
  37. <span class="iconfont icon-reset"></span>
  38. <p>重置</p>
  39. </div>
  40. </div>
  41. <!-- 分割(后续可能进度条替代) -->
  42. <div class="delimite-route-line"></div>
  43. <!-- 控制区 -->
  44. <div class="button-area">
  45. <div class="speed-set">
  46. <span id="speed-icon" class="iconfont icon-beisu1"></span>
  47. <p class="speed-level">慢速</p>
  48. </div>
  49. <div class="play-control">
  50. <span class="iconfont icon-last"></span>
  51. <span id="play-pause" class="iconfont icon-bofang"></span>
  52. <span class="iconfont icon-next"></span>
  53. </div>
  54. <div class="date-set">
  55. <span class="iconfont icon-sheding"></span>
  56. <p class="icon-bottom-word">重设</p>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>