From 796f1fce7951ca1dd4ba5785f25d86bf5ca9dcd5 Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期四, 27 十月 2022 17:23:27 +0800
Subject: [PATCH] feat:增加无缝轮播组件 增加左下 右下组件
---
src/views/index/index.vue | 30 ++++++++++++++++++++++++------
1 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 59d1174..defb1fa 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,9 +1,21 @@
<script setup lang="ts">
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>
+
<div class="index-box">
<div class="contetn_left">
<!-- <div class="pagetab">
@@ -14,24 +26,24 @@
<LeftTop />
</ItemWrap>
<ItemWrap class="contetn_left-center contetn_lr-item" title="鐢ㄦ埛鎬昏">
- <!-- <LeftCenter /> -->
+ <LeftCenter />
</ItemWrap>
<ItemWrap
class="contetn_left-bottom contetn_lr-item"
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
@@ -43,7 +55,7 @@
</ItemWrap>
<ItemWrap class="contetn_left-bottom contetn_lr-item" title="鏁版嵁缁熻鍥� ">
<RightBottom />
- </ItemWrap> -->
+ </ItemWrap>
</div>
</div>
</template>
@@ -69,6 +81,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