From ef0ffd03967c9590c532a9997a771ee1971939f2 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Sat, 17 Jun 2023 09:33:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E5=95=86=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Bottom.vue    |  1 +
 src/components/CaseShow.vue  |  1 +
 src/components/Summarize.vue | 13 +++++++++++++
 src/components/Swiper.vue    | 21 ++++++++++++++++++---
 src/pages/index.vue          |  2 --
 src/style.scss               |  2 +-
 6 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/components/Bottom.vue b/src/components/Bottom.vue
index fcdcd68..84e4ca8 100644
--- a/src/components/Bottom.vue
+++ b/src/components/Bottom.vue
@@ -12,5 +12,6 @@
   right: 0;
   height: $bottom-height;
   background: #283fe7;
+  z-index: 999;
 }
 </style>
diff --git a/src/components/CaseShow.vue b/src/components/CaseShow.vue
index ae2857a..704a87c 100644
--- a/src/components/CaseShow.vue
+++ b/src/components/CaseShow.vue
@@ -37,6 +37,7 @@ import HeadLine from 'cpns/HeadLine'
 
 <style lang="scss" scoped>
 .case_show_container {
+  margin-top: 330px;
   .line_cards {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
diff --git a/src/components/Summarize.vue b/src/components/Summarize.vue
index dcb8e32..4fc2ad7 100644
--- a/src/components/Summarize.vue
+++ b/src/components/Summarize.vue
@@ -36,6 +36,7 @@
         </div>
       </div>
     </div>
+    <div class="tag"></div>
   </div>
 </template>
 
@@ -46,6 +47,8 @@
   padding: 43px 0 49px 0;
   box-sizing: border-box;
   background: #fff;
+  border-radius: 7px;
+  position: relative;
   .title_wrap {
     display: flex;
     flex-direction: column;
@@ -121,5 +124,15 @@
       }
     }
   }
+  .tag {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 29px;
+    height: 14px;
+    background: #f94622;
+    border-radius: 7px;
+    border-top-right-radius: 0;
+  }
 }
 </style>
diff --git a/src/components/Swiper.vue b/src/components/Swiper.vue
index 0808ec8..6779bb6 100644
--- a/src/components/Swiper.vue
+++ b/src/components/Swiper.vue
@@ -17,11 +17,15 @@
       <swiper-slide>Slide 6</swiper-slide><swiper-slide>Slide 7</swiper-slide>
       <swiper-slide>Slide 8</swiper-slide><swiper-slide>Slide 9</swiper-slide>
     </swiper>
+    <div class="summar_wrap">
+      <Summarize />
+    </div>
   </div>
 </template>
 
 <script setup>
 import { Swiper, SwiperSlide } from 'swiper/vue'
+import Summarize from 'cpns/Summarize'
 import 'swiper/css'
 import 'swiper/css/pagination'
 import 'swiper/css/navigation'
@@ -29,10 +33,21 @@ import { Pagination, Navigation } from 'swiper'
 const modules = [Pagination, Navigation]
 </script>
 
-<style>
+<style lang="scss" scoped>
 .swiper_container {
   width: 100vw;
-  height: 100vw;
-  background: #000;
+  height: 126vw;
+  position: relative;
+  .summar_wrap {
+    position: absolute;
+    box-sizing: border-box;
+    padding: 0 7px;
+    left: 0;
+    bottom: -300px;
+    z-index: 200;
+    right: 0;
+    width: 100%;
+    height: 340px;
+  }
 }
 </style>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 54e5d77..5a60e47 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="home_container">
     <Swiper />
-    <Summarize />
     <CaseShow />
     <MechanicalDrive />
     <Track />
@@ -16,7 +15,6 @@
 
 <script setup>
 import Swiper from 'cpns/Swiper'
-import Summarize from 'cpns/Summarize'
 import CaseShow from 'cpns/CaseShow'
 import MechanicalDrive from 'cpns/MechanicalDrive'
 import AboutUs from 'cpns/AboutUs'
diff --git a/src/style.scss b/src/style.scss
index 58412d9..c4bea64 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -4,7 +4,7 @@
 }
 
 .swiper-slide {
-  background: #fff;
+  background: #131425;
 }
 
 .swiper {