yjryu / KERIS star
류윤주 류윤주 2023-11-17
231117 류윤주 메인 css 변경
@538c3e753d7626efbb32c03beac050f53ce4c87e
62cd342
538c3e7
client/resources/css/Main.css
--- client/resources/css/Main.css
+++ client/resources/css/Main.css
@@ -2583,6 +2583,7 @@
 
 }
 
 
 .main-benner .swiper {
 
+  width: 555px;
 
   height: 260px;
 
   /* padding: 0px 50px 50px 50px; */
 
 }
 
538c3e7
client/resources/jpg/main-slide1.png (Binary) (added)
+++ client/resources/jpg/main-slide1.png
Binary file is not shown
 
538c3e7
client/resources/jpg/main-slide2.jpg (Binary) (added)
+++ client/resources/jpg/main-slide2.jpg
Binary file is not shown
62cd342
538c3e7
client/views/pages/user/main/Main.vue
--- client/views/pages/user/main/Main.vue
+++ client/views/pages/user/main/Main.vue
@@ -10,10 +10,10 @@
 
                             <!-- 공지사항 배너 -->
 
                             <div class="main-notice">
 
                                 <h2> <i class="fa-solid fa-volume-high" style="color: #ffffff;"></i>공지사항</h2>
 
-                                <swiper :direction="'vertical'" :loop="true" :spaceBetween="8" :slidesPerView="1"
 
+                                <swiper :direction="'vertical'" :loop="false" :spaceBetween="8" :slidesPerView="1"
 
                                     :centeredSlides="false" :navigation="false" :modules="modules"
 
                                     class="mySwiper swiper-notice" :autoplay="{
 
-                                        delay: 1000,
 
+                                        delay: 3000,
 
                                         disableOnInteraction: false,
 
                                     }">
 
                                     <swiper-slide v-for="(item, idx) in noticeListForBanner" :key="idx"
@@ -28,15 +28,15 @@
 
                             </div>
 
                             <!-- 메인 배너 -->
 
                             <div class="main-benner">
 
-                                <swiper :direction="'vertical'" :pagination="{
 
+                                <swiper  :pagination="{
 
                                     clickable: true,
 
                                 }" :modules="modules" class="mySwiper main-benner-sw" loop="true" :autoplay="{
 
-    delay: 2500,
 
+    delay: 3000,
 
     disableOnInteraction: false,
 
 }">
 
-                                    <swiper-slide class="main-benner-img"><img src="../../../../resources/jpg/main.png"
 
+                                    <swiper-slide class="main-benner-img"><img src="../../../../resources/jpg/main-slide1.png"
 
                                             alt=""></swiper-slide>
 
-                                    <swiper-slide class="main-benner-img"><img src="../../../../resources/jpg/main.png"
 
+                                    <swiper-slide class="main-benner-img"><img src="../../../../resources/jpg/main-slide2.jpg"
 
                                             alt=""></swiper-slide>
 
                                 </swiper>
 
                             </div>
@@ -426,7 +426,6 @@
 
                 },
 
             }).then(function (response) {
 
                 vm.noticeListForBanner = response.data;
 
-                console.log("1:::::::");
 
             }).catch(function (error) {
 
                 alert('배너 공지사항 목록 조회 오류, 관리자에게 문의하세요.');
 
             })
@@ -478,6 +477,7 @@
 
         this.postSelectList();
 
         this.noticeListForMain();
 
         this.noticeBannerListForMain();
 
+        this.initSwiper();
 
     }
 
 }
 
 </script>
Add a comment
List