From e1c28921470ca2a82403ef5a7bc07f1c48619b36 Mon Sep 17 00:00:00 2001 From: 刘嘉威 <daidaibg@163.com> Date: 星期三, 26 十月 2022 16:51:43 +0800 Subject: [PATCH] feat: 增加右上 右中图表 --- src/views/index/index.vue | 23 +++++++++++++++++++---- 1 files changed, 19 insertions(+), 4 deletions(-) diff --git a/src/views/index/index.vue b/src/views/index/index.vue index e538b84..1fec044 100644 --- a/src/views/index/index.vue +++ b/src/views/index/index.vue @@ -2,10 +2,19 @@ import ItemWrap from "@/components/item-wrap"; import LeftTop from "./left-top.vue"; import LeftCenter from "./left-center.vue"; +import CenterMap from "./center-map.vue"; +import CenterBottom from "./center-bottom.vue"; +import RightTop from "./right-top.vue"; +import RightCenter from "./right-center.vue"; +import RightBottom from "./right-bottom.vue"; + + + </script> <template> + <div class="index-box"> <div class="contetn_left"> <!-- <div class="pagetab"> @@ -27,13 +36,13 @@ </ItemWrap> </div> <div class="contetn_center"> - <!-- <CenterMap class="contetn_center_top" /> + <CenterMap class="contetn_center_top" title="璁惧鍒嗗竷鍥�"/> <ItemWrap class="contetn_center-bottom" title="瀹夎璁″垝"> <CenterBottom /> - </ItemWrap> --> + </ItemWrap> </div> <div class="contetn_right"> - <!-- <ItemWrap class="contetn_left-bottom contetn_lr-item" title="鎶ヨ娆℃暟"> + <ItemWrap class="contetn_left-bottom contetn_lr-item" title="鎶ヨ娆℃暟"> <RightTop /> </ItemWrap> <ItemWrap @@ -45,7 +54,7 @@ </ItemWrap> <ItemWrap class="contetn_left-bottom contetn_lr-item" title="鏁版嵁缁熻鍥� "> <RightBottom /> - </ItemWrap> --> + </ItemWrap> </div> </div> </template> @@ -71,6 +80,12 @@ .contetn_center { flex: 1; margin: 0 54px; + display: flex; + flex-direction: column; + justify-content: space-around; + .contetn_center-bottom { + height: 315px; + } } .contetn_lr-item { -- Gitblit v1.8.0