12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <link rel="stylesheet" href="./css/normalize.min.css">
- <link rel="stylesheet" href="./css/common.css">
- <script src="./js/vue.min.js"></script>
- <script src="./js/datav.min.js"></script>
- <script src="./js/vue-seamless-scroll.min.js"></script>
- <script src="./js/axios.min.js"></script>
- <script src="./js/echarts.min.js"></script>
- <script src="./js/vue-echarts.min.js"></script>
- <script src="./js/echarts-tooltip-carousel.js"></script>
- <script src="./js/tailwind.js"></script>
- <script src="./js/dayjs.min.js"></script>
- <script src="./components/index.js"></script>
- </head>
- <body>
- <div id="app">
- <dv-full-screen-container>
- <header id="header">
- <span class="header-title">可视化驾驶舱</span>
- <fs-time></fs-time>
- </header>
- <div class="main flex w-full">
- <div class="main-left flex flex-col basis-1/4">
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- </div>
- <div class="main-center flex flex-col flex-grow basis-2/4">
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- </div>
- <div class="main-right flex flex-col basis-1/4">
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- <dv-border-box-13>
- <fs-title title="标题"></fs-title>
- <div class="panel-content"></div>
- </dv-border-box-13>
- </div>
- </div>
- </dv-full-screen-container>
- </div>
- </body>
- <script>
- Vue.component('v-chart', VueECharts)
- const app = new Vue({
- el: '#app',
- data() {
- return {
-
- }
- },
- created() {
-
- },
- mounted() {
- },
- methods: {
-
- }
- })
- </script>
- </html>
|