<!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>