menu.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <div class="menu-title">
  2. 图层
  3. <!-- <p></p> -->
  4. </div>
  5. <!-- <ul class="menu-scroll"> -->
  6. <!-- <div id="userInfo"></div> -->
  7. <!-- <div class="mnsc"> -->
  8. <!-- <li class="menu-base infoMenu dzzy" id="heaven">
  9. <p class="im-0 zhuanTi"><span>专题一张图</span></p>
  10. <ul class="menu-content mn-content">
  11. <li class="im-1">
  12. <div class="ztContent"></div>
  13. </li>
  14. </ul>
  15. </li> -->
  16. <!-- <li class="menu-base infoMenu vectorContent">
  17. <p class="im-0 tdm" id="vector"><span>矢量数据</span></p>
  18. <ul class="menu-content mn-content"></ul>
  19. </li>
  20. <li class="menu-base infoMenu rasterContent">
  21. <p class="im-0 tdm" id="raster"><span>二维地图</span></p>
  22. <ul class="menu-content mn-content"></ul>
  23. </li>
  24. <li class="menu-base infoMenu sanWei">
  25. <p class="im-0 tdm" id="threeData"><span>三维地图</span></p>
  26. <ul class="menu-content mn-content"></ul>
  27. </li>
  28. </div>
  29. </ul> -->
  30. <div id="vuemenu">
  31. <!-- @node-click="handleNodeClick" -->
  32. <el-tree ref="menuTree" :props="defaultProps" :load="loadNode" node-key="id" @check="handleCheck" accordion lazy
  33. show-checkbox>
  34. </el-tree>
  35. </div>
  36. <div class="shixu-time-box">
  37. <iframe frameborder="0" class="cover-iframe"></iframe>
  38. <div id="shixu-box" class="cover-content">
  39. <div class="sx-video-content">
  40. <div class="sx-video-title">
  41. <div class="sx-title-left">
  42. <div class="sx-title-left-l"></div>
  43. <div class="sx-title-left-c"><span class="title">时序图层</span><span class="time">2019.7.24</span>
  44. </div>
  45. <div class="sx-title-left-r"></div>
  46. </div>
  47. <!--<div class="sx-title-right-close"></div>-->
  48. </div>
  49. <div class="sx-video-panel">
  50. <div class="sx-video-panel-left"></div>
  51. <div class="sx-video-panel-center">
  52. <div class="sx-video-progress-total">
  53. <div class="sx-video-progress-div">
  54. <div class="sx-video-progress">
  55. <div class="sx-video-progress_btn"></div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="sx-video-opt">
  60. <div class="sx-video-bottom">
  61. <div class="sx-video-btn-group">
  62. <div class="sx-video-btn-back sx-video-back-img-blue"></div>
  63. <div class="sx-video-btn-play sx-video-play-img"></div>
  64. <div class="sx-video-btn-next sx-video-next-img-blue"></div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="sx-video-progress-count">
  70. <div class="sx-video-progress-times">
  71. <span class="sx-video-progress-nowtime"></span>/<span class="sx-video-progress-lasttime"></span>
  72. </div>
  73. </div>
  74. <div class="sx-video-panel-right"></div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>