index.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <link rel="stylesheet" href="./css/normalize.min.css">
  8. <link rel="stylesheet" href="./css/common.css">
  9. <script src="./js/vue.min.js"></script>
  10. <script src="./js/datav.min.js"></script>
  11. <script src="./js/vue-seamless-scroll.min.js"></script>
  12. <script src="./js/axios.min.js"></script>
  13. <script src="./js/echarts.min.js"></script>
  14. <script src="./js/vue-echarts.min.js"></script>
  15. <script src="./js/echarts-tooltip-carousel.js"></script>
  16. <script src="./js/tailwind.js"></script>
  17. <script src="./js/dayjs.min.js"></script>
  18. <script src="./components/index.js"></script>
  19. </head>
  20. <body>
  21. <div id="app">
  22. <dv-full-screen-container>
  23. <header id="header">
  24. <span class="header-title">可视化驾驶舱</span>
  25. <fs-time></fs-time>
  26. </header>
  27. <div class="main flex w-full">
  28. <div class="main-left flex flex-col basis-1/4">
  29. <dv-border-box-13>
  30. <fs-title title="标题"></fs-title>
  31. <div class="panel-content"></div>
  32. </dv-border-box-13>
  33. <dv-border-box-13>
  34. <fs-title title="标题"></fs-title>
  35. <div class="panel-content"></div>
  36. </dv-border-box-13>
  37. <dv-border-box-13>
  38. <fs-title title="标题"></fs-title>
  39. <div class="panel-content"></div>
  40. </dv-border-box-13>
  41. </div>
  42. <div class="main-center flex flex-col flex-grow basis-2/4">
  43. <dv-border-box-13>
  44. <fs-title title="标题"></fs-title>
  45. <div class="panel-content"></div>
  46. </dv-border-box-13>
  47. </div>
  48. <div class="main-right flex flex-col basis-1/4">
  49. <dv-border-box-13>
  50. <fs-title title="标题"></fs-title>
  51. <div class="panel-content"></div>
  52. </dv-border-box-13>
  53. <dv-border-box-13>
  54. <fs-title title="标题"></fs-title>
  55. <div class="panel-content"></div>
  56. </dv-border-box-13>
  57. <dv-border-box-13>
  58. <fs-title title="标题"></fs-title>
  59. <div class="panel-content"></div>
  60. </dv-border-box-13>
  61. </div>
  62. </div>
  63. </dv-full-screen-container>
  64. </div>
  65. </body>
  66. <script>
  67. Vue.component('v-chart', VueECharts)
  68. const app = new Vue({
  69. el: '#app',
  70. data() {
  71. return {
  72. }
  73. },
  74. created() {
  75. },
  76. mounted() {
  77. },
  78. methods: {
  79. }
  80. })
  81. </script>
  82. </html>