调整页面

resources/views/index/index.blade.php

@@ -71,6 +71,25 @@
     </div>
     <!-- end 第一模板 -->
 
+    <!-- 通图 轮播图 start -->
+    <div class="tong_banner">
+
+    </div>
+
+    <div class="swiper-container tong_banner1 contant">
+        <div class="swiper-wrapper">
+            <div class=" idx_banner swiper-slide">
+                <img src="/assets/index/images/banner_1.png" alt="节约能源图片">
+            </div>
+            <div class=" idx_banner swiper-slide">
+                <img src="/assets/index/images/banner_2.png" alt="节约能源图片">
+            </div>
+        </div>
+        <div class="swiper-pagination swiper-pagination-dian"></div>
+    </div>
+    <!-- 通图 轮播图 end -->
+
+
     <!-- 第二模板 -->
     @if (getArticlesBYCate(24,4)->isNotEmpty())
 
@@ -85,7 +104,7 @@
                     </div>
                 </div>
                 <ul class="newTwo-list">
-                    @foreach (getArticlesBYCate(24,4) as $article)
+                    @foreach (getArticlesAndCoverBYCate(24,6) as $article)
                         <li data-href="{{ $article->link }}">
                             <div class="ce-img newTwo-list-img">
                                 <span style="background-image: url({{ $article->cover_path }});"></span>
@@ -103,6 +122,13 @@
 
     <!-- end 第二模板 -->
 
+    <!-- 通图  start -->
+    <div class="contant banner_3">
+        <img src="/assets/index/images/banner_3.png" alt="节约能源图片">
+    </div>
+    <!-- 通图  end -->
+
+
     <!-- 第三模板 -->
     <div class="idxThree">
         <div class="contant">
@@ -241,12 +267,15 @@
 @endsection
 
 @push('script')
+    <!-- Swiper JS -->
     <script>
         // banner轮播
         var banner = new Swiper('.idxBanner', {
             pagination: '.swiper-pagination-white'
         });
 
+        var tong_banner = new Swiper('.tong_banner', {})
+
         // 轮播
         var idxFour = new Swiper('.idxFour-container', {
             nextButton: '.swiper-button-next',
@@ -255,5 +284,14 @@
             paginationClickable: true,
             spaceBetween: 30,
         });
+
+        var tong_banner1 = new Swiper('.tong_banner1', {
+            pagination: '.swiper-pagination',
+            paginationClickable: true,
+            loop: true,
+            autoplay: 4000,
+        });
     </script>
+
+
 @endpush