From 1a8244e99fa40d44c2a0c958ccb6583be9a6cd7f Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Sat, 17 Jun 2023 09:41:24 +0800
Subject: [PATCH] top logo

---
 src/components/Swiper.vue | 11 +++++++++++
 src/components/Top.vue    | 28 ++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 src/components/Top.vue

diff --git a/src/components/Swiper.vue b/src/components/Swiper.vue
index 6779bb6..0815882 100644
--- a/src/components/Swiper.vue
+++ b/src/components/Swiper.vue
@@ -20,12 +20,14 @@
     <div class="summar_wrap">
       <Summarize />
     </div>
+    <div class="top_wrap"><Top /></div>
   </div>
 </template>
 
 <script setup>
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import Summarize from 'cpns/Summarize'
+import Top from 'cpns/Top'
 import 'swiper/css'
 import 'swiper/css/pagination'
 import 'swiper/css/navigation'
@@ -49,5 +51,14 @@ const modules = [Pagination, Navigation]
     width: 100%;
     height: 340px;
   }
+  .top_wrap {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 47px;
+    z-index: 200;
+  }
 }
 </style>
diff --git a/src/components/Top.vue b/src/components/Top.vue
new file mode 100644
index 0000000..a862eb8
--- /dev/null
+++ b/src/components/Top.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="top_container">
+    <div class="logo_container"></div>
+    <div class="fold_icon"></div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.top_container {
+  padding: 14px 18px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #fff;
+  .logo_container {
+    display: flex;
+    align-items: center;
+  }
+  .fold_icon {
+    width: 18px;
+    height: 12px;
+    background: #000;
+  }
+}
+</style>