From 2b7248d7bb53dcaac1d5751b43cdc454869d315c Mon Sep 17 00:00:00 2001
From: HZXhuang <1966752024@qq.com>
Date: Tue, 31 Oct 2023 17:43:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/backend/pom.xml                          |  7 +-
 .../src/components/user/SlideShow.vue         | 68 +++++++++++++++++++
 2 files changed, 70 insertions(+), 5 deletions(-)
 create mode 100644 code/frontend/src/components/user/SlideShow.vue

diff --git a/code/backend/pom.xml b/code/backend/pom.xml
index 1ea3f8b..be38e7e 100644
--- a/code/backend/pom.xml
+++ b/code/backend/pom.xml
@@ -73,11 +73,8 @@
     <!--    SpringBoot应用打包插件-->
     <build>
         <plugins>
-            <plugin>
-                <groupId>org.springframework.boot</groupId>
-                <artifactId>spring-boot-maven-plugin</artifactId>
-            </plugin>
+
         </plugins>
     </build>
 
-</project>
\ No newline at end of file
+</project>
diff --git a/code/frontend/src/components/user/SlideShow.vue b/code/frontend/src/components/user/SlideShow.vue
new file mode 100644
index 0000000..2e1cecf
--- /dev/null
+++ b/code/frontend/src/components/user/SlideShow.vue
@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <el-carousel :interval="2000" type="card" height="300px" indicator-position="outside">
+      <el-carousel-item v-for="item in show_images" :key="item.id" align="center">
+        <img :src="item.path" class="banner_img"/>
+      </el-carousel-item>
+    </el-carousel>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SlideShow",
+  data() {
+    return {
+      show_images: [
+        {
+          id: 1,
+          path: require('../../assets/img/banner_img1.jpg')
+        },
+        {
+          id: 2,
+          path: require('../../assets/img/banner_img2.jpg')
+        },
+        {
+          id: 3,
+          path: require('../../assets/img/banner_img3.jpg')
+        },{
+          id: 4,
+          path: require('../../assets/img/banner_img4.jpg')
+        },{
+          id: 5,
+          path: require('../../assets/img/banner_img5.jpg')
+        },
+        {
+          id: 6,
+          path: require('../../assets/img/banner_img6.jpg')
+        },
+      ]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+.banner_img {
+  height: 300px;
+  width: 100%;
+  border-radius: 30px;
+}
+
+.el-carousel__item h3 {
+  color: #475669;
+  font-size: 18px;
+  opacity: 0.75;
+  line-height: 300px;
+  margin: 0;
+}
+
+.el-carousel__item:nth-child(2n) {
+  background-color: #99a9bf;
+}
+
+.el-carousel__item:nth-child(2n+1) {
+  background-color: #d3dce6;
+}
+</style>