From 75771ea7892e45756f4a865118842fd8d3542050 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Mon, 19 Jun 2023 11:47:31 +0800
Subject: [PATCH] banner style

---
 src/components/Summarize.vue | 11 +++++------
 src/components/Swiper.vue    |  2 ++
 src/style.scss               |  3 +++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Summarize.vue b/src/components/Summarize.vue
index 4fc2ad7..90c769b 100644
--- a/src/components/Summarize.vue
+++ b/src/components/Summarize.vue
@@ -4,10 +4,10 @@
       <h1 class="main_title">
         产品设计<span class="theme_color">首选服务商</span>
       </h1>
-      <p class="desc mb">
-        专注医疗器械一站式高品质的创新设计服务，从概念导入到产品现实加工落地<br />
+      <div class="desc mb">
+        专注医疗器械一站式高品质的创新设计服务，从概念导入到产品现实加工落地
         为企业精准制定，快速截获市场先机
-      </p>
+      </div>
       <div class="four">
         <div class="number_wrap mb">
           <div class="text_wrap">
@@ -73,13 +73,12 @@
     .desc {
       transform: scale(0.5);
       width: 200%;
-      font-size: 14px;
+      font-size: 21px;
       font-family: Source Han Sans CN;
       font-weight: 300;
       color: #959595;
-      line-height: 16px;
+      line-height: 26px;
       text-align: center;
-      padding: 0 10px;
     }
     .mb {
       margin-bottom: 50px;
diff --git a/src/components/Swiper.vue b/src/components/Swiper.vue
index 2c8feb3..18ee132 100644
--- a/src/components/Swiper.vue
+++ b/src/components/Swiper.vue
@@ -55,6 +55,8 @@ const nextSwiper = () => {
   width: 100vw;
   height: 126vw;
   position: relative;
+  border-bottom-right-radius: 14px;
+  border-bottom-left-radius: 14px;
   .swiper-button-prev {
     background: url(../static/img/banner/left.png) no-repeat;
     background-size: 100% 100%;
diff --git a/src/style.scss b/src/style.scss
index 6020fe5..deb7acd 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -25,6 +25,9 @@
 
 .mySwiper {
   position: relative;
+  border-bottom-right-radius: 14px;
+  border-bottom-left-radius: 14px;
+  overflow: hidden;
   .swiper-pagination {
     .swiper-pagination-bullet {
       width: 3px;