banner style

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;

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%;

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;