From 19fe2c123c31b18566f36a2773b0f2ea0901df63 Mon Sep 17 00:00:00 2001 From: 刘嘉威 <daidaibg@163.com> Date: 星期二, 25 十月 2022 15:24:58 +0800 Subject: [PATCH] feat: 增加中间地图 --- src/views/index/index.vue | 19 +++++++++++++++---- 1 files changed, 15 insertions(+), 4 deletions(-) diff --git a/src/views/index/index.vue b/src/views/index/index.vue index 59d1174..c7bb11b 100644 --- a/src/views/index/index.vue +++ b/src/views/index/index.vue @@ -1,9 +1,14 @@ <script setup lang="ts"> import ItemWrap from "@/components/item-wrap"; import LeftTop from "./left-top.vue"; +import LeftCenter from "./left-center.vue"; +import CenterMap from "./center-map.vue"; + + </script> <template> + <div class="index-box"> <div class="contetn_left"> <!-- <div class="pagetab"> @@ -14,7 +19,7 @@ <LeftTop /> </ItemWrap> <ItemWrap class="contetn_left-center contetn_lr-item" title="鐢ㄦ埛鎬昏"> - <!-- <LeftCenter /> --> + <LeftCenter /> </ItemWrap> <ItemWrap class="contetn_left-bottom contetn_lr-item" @@ -25,10 +30,10 @@ </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> --> + <!-- <CenterBottom /> --> + </ItemWrap> </div> <div class="contetn_right"> <!-- <ItemWrap class="contetn_left-bottom contetn_lr-item" title="鎶ヨ娆℃暟"> @@ -69,6 +74,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