From 58f406ecca89ca7027392d97e28a906c476515f3 Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期一, 10 七月 2023 15:34:59 +0800
Subject: [PATCH] feat: 增加vue2版本的边框组件，添加vueuse依赖 样式微调
---
src/views/index/index.vue | 23 +++++++++++++++++------
1 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index e538b84..3b7627a 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -2,7 +2,12 @@
import ItemWrap from "@/components/item-wrap";
import LeftTop from "./left-top.vue";
import LeftCenter from "./left-center.vue";
-
+import LeftBottom from "./left-bottom.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>
@@ -23,17 +28,17 @@
title="璁惧鎻愰啋"
style="padding: 0 10px 16px 10px"
>
- <!-- <LeftBottom /> -->
+ <LeftBottom />
</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 +50,7 @@
</ItemWrap>
<ItemWrap class="contetn_left-bottom contetn_lr-item" title="鏁版嵁缁熻鍥� ">
<RightBottom />
- </ItemWrap> -->
+ </ItemWrap>
</div>
</div>
</template>
@@ -71,6 +76,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