From e79108351758828de8b26737f7c91e14c485e871 Mon Sep 17 00:00:00 2001
From: lxh <1976462645@qq.com>
Date: Mon, 1 Feb 2021 11:31:35 +0800
Subject: [PATCH] style: 背景图补充

---
 platform/src/main/webapp/template/web/base/header.html               |  2 +-
 platform/src/main/webapp/template/web/home/home.html                 | 19 +++++++++++--------
 platform/src/main/webapp/template/web/home/product.html              | 10 +++++-----
 platform/src/main/webapp/template/web/static/css/news.css            |  9 +++++++--
 platform/src/main/webapp/template/web/static/css/product.css         | 11 ++++++++---
 platform/src/main/webapp/template/web/static/image/header_logo.png   | Bin 0 -> 13390 bytes
 platform/src/main/webapp/template/web/static/image/home_banner2.jpg  | Bin 0 -> 533126 bytes
 platform/src/main/webapp/template/web/static/image/news_bg.jpg       | Bin 0 -> 390921 bytes
 platform/src/main/webapp/template/web/static/image/server_bg.jpg     | Bin 0 -> 124429 bytes
 platform/src/main/webapp/template/web/static/image/service_card1.jpg | Bin 0 -> 60560 bytes
 platform/src/main/webapp/template/web/static/image/service_card2.jpg | Bin 0 -> 155459 bytes
 platform/src/main/webapp/template/web/static/image/service_card3.jpg | Bin 0 -> 248058 bytes
 platform/src/main/webapp/template/web/static/image/service_card4.jpg | Bin 0 -> 185397 bytes
 platform/src/main/webapp/template/web/static/image/title_left.png    | Bin 1209 -> 0 bytes
 platform/src/main/webapp/template/web/static/image/title_right.png   | Bin 1225 -> 0 bytes
 platform/src/main/webapp/template/web/static/js/home.js              | 37 ++++++++++++++++++++++---------------
 16 files changed, 54 insertions(+), 34 deletions(-)
 create mode 100644 platform/src/main/webapp/template/web/static/image/header_logo.png
 create mode 100644 platform/src/main/webapp/template/web/static/image/home_banner2.jpg
 create mode 100644 platform/src/main/webapp/template/web/static/image/news_bg.jpg
 create mode 100644 platform/src/main/webapp/template/web/static/image/server_bg.jpg
 create mode 100644 platform/src/main/webapp/template/web/static/image/service_card1.jpg
 create mode 100644 platform/src/main/webapp/template/web/static/image/service_card2.jpg
 create mode 100644 platform/src/main/webapp/template/web/static/image/service_card3.jpg
 create mode 100644 platform/src/main/webapp/template/web/static/image/service_card4.jpg

diff --git a/platform/src/main/webapp/template/web/base/header.html b/platform/src/main/webapp/template/web/base/header.html
index daa87fc..bf95d24 100644
--- a/platform/src/main/webapp/template/web/base/header.html
+++ b/platform/src/main/webapp/template/web/base/header.html
@@ -12,7 +12,7 @@
 
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
 
-    <link href="${ctx}template/web/static/image/logo.png" rel="shortcut icon" rel="external nofollow"
+    <link href="${ctx}template/web/static/image/header_logo.png" rel="shortcut icon" rel="external nofollow"
           type="image/x-icon"/>
     <link href="${ctx}template/web/static/css/reset.css" rel="stylesheet" type="text/css"/>
     <link href="${ctx}template/web/static/css/animate.css" rel="stylesheet" type="text/css"/>
diff --git a/platform/src/main/webapp/template/web/home/home.html b/platform/src/main/webapp/template/web/home/home.html
index b0d1987..7a04f5f 100644
--- a/platform/src/main/webapp/template/web/home/home.html
+++ b/platform/src/main/webapp/template/web/home/home.html
@@ -59,18 +59,21 @@ var bodyContent = {
             <div class="swiper-slide">
                 <img src="${ctx}template/web/static/image/home_banner1.jpg">
             </div>
+            <div class="swiper-slide">
+                <img src="${ctx}template/web/static/image/home_banner2.jpg">
+            </div>
         </div>
-    </div>
 
-    <!--        &lt;!&ndash; 如果需要分页器 &ndash;&gt;-->
-    <!--        <div class="swiper-pagination"></div>-->
+        <!-- 如果需要分页器 -->
+        <div class="swiper-pagination"></div>
 
-    <!--        &lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
-    <!--        <div class="swiper-button-prev"></div>-->
-    <!--        <div class="swiper-button-next"></div>-->
+        <!-- 如果需要导航按钮 -->
+<!--        <div class="swiper-button-prev"></div>-->
+<!--        <div class="swiper-button-next"></div>-->
 
-    <!--        &lt;!&ndash; 如果需要滚动条 &ndash;&gt;-->
-    <!--        <div class="swiper-scrollbar"></div>-->
+        <!-- 如果需要滚动条 -->
+        <div class="swiper-scrollbar"></div>
+    </div>
     <div class="title-container">
         <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
         <div class="title">
diff --git a/platform/src/main/webapp/template/web/home/product.html b/platform/src/main/webapp/template/web/home/product.html
index b7f44c5..762c23f 100644
--- a/platform/src/main/webapp/template/web/home/product.html
+++ b/platform/src/main/webapp/template/web/home/product.html
@@ -34,7 +34,7 @@ var bodyContent = {
         <img src="${ctx}template/web/static/image/product_banner.jpg" alt="">
     </div>
 
-    <div class="demand-container">
+    <div class="demand-panel">
         <div class="title-container">
             <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
             <div class="title">
@@ -175,7 +175,7 @@ var bodyContent = {
             <div class="service-content">
                 <div id="content1" class="content content-active">
                     <div class="left">
-                        <img src="${ctx}template/web/static/image/home_news1.png" class="title-right">
+                        <img src="${ctx}template/web/static/image/service_card1.jpg" class="title-right">
                     </div>
                     <div class="right">
                         <div class="title">
@@ -193,7 +193,7 @@ var bodyContent = {
 
                 <div id="content2" class="content">
                     <div class="left">
-                        <img src="${ctx}template/web/static/image/home_news1.png" class="title-right">
+                        <img src="${ctx}template/web/static/image/service_card2.jpg" class="title-right">
                     </div>
                     <div class="right">
                         <div class="title">
@@ -211,7 +211,7 @@ var bodyContent = {
 
                 <div id="content3" class="content">
                     <div class="left">
-                        <img src="${ctx}template/web/static/image/home_news1.png" class="title-right">
+                        <img src="${ctx}template/web/static/image/service_card3.jpg" class="title-right">
                     </div>
                     <div class="right">
                         <div class="title">
@@ -229,7 +229,7 @@ var bodyContent = {
 
                 <div id="content4" class="content">
                     <div class="left">
-                        <img src="${ctx}template/web/static/image/home_news1.png" class="title-right">
+                        <img src="${ctx}template/web/static/image/service_card4.jpg" class="title-right">
                     </div>
                     <div class="right">
                         <div class="title">
diff --git a/platform/src/main/webapp/template/web/static/css/news.css b/platform/src/main/webapp/template/web/static/css/news.css
index ab85461..3d1699d 100644
--- a/platform/src/main/webapp/template/web/static/css/news.css
+++ b/platform/src/main/webapp/template/web/static/css/news.css
@@ -1,12 +1,16 @@
 .page-container .news-content {
     width: 100%;
-    background: #EFF3F8;
-    padding: 20px 0 0 0;
+    /*background: #EFF3F8;*/
+    padding: 20px 0 40px 0;
+    min-height: 600px;
+    background: url("../image/news_bg.jpg") no-repeat;
+    background-size: cover;
 }
 
 .news-content .news-container {
     width: 1200px;
     margin: 0 auto;
+    background: #ffffff;
 }
 
 .news-container .news-tab {
@@ -44,6 +48,7 @@
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px dashed #E0E0E0;
+    padding: 0 15px;
 }
 
 .news-item .point {
diff --git a/platform/src/main/webapp/template/web/static/css/product.css b/platform/src/main/webapp/template/web/static/css/product.css
index 4ae9b8c..b5af372 100644
--- a/platform/src/main/webapp/template/web/static/css/product.css
+++ b/platform/src/main/webapp/template/web/static/css/product.css
@@ -1,6 +1,3 @@
-.demand-container {
-}
-
 .content-container {
     width: 1200px;
     margin: 0 auto;
@@ -222,9 +219,17 @@
     margin: 0 auto;
 }
 
+.demand-panel {
+    background: url("../image/server_bg.jpg") no-repeat;
+    background-size: cover;
+    padding: 0 0 40px 0;
+}
+
 .demand-container {
     width: 1200px;
     margin: 0 auto;
+    background: #ffffff;
+    padding: 0 0 6px 0;
 }
 
 .demand-container .pagination {
diff --git a/platform/src/main/webapp/template/web/static/image/header_logo.png b/platform/src/main/webapp/template/web/static/image/header_logo.png
new file mode 100644
index 0000000..128dd74
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/header_logo.png differ
diff --git a/platform/src/main/webapp/template/web/static/image/home_banner2.jpg b/platform/src/main/webapp/template/web/static/image/home_banner2.jpg
new file mode 100644
index 0000000..ce10258
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/home_banner2.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/news_bg.jpg b/platform/src/main/webapp/template/web/static/image/news_bg.jpg
new file mode 100644
index 0000000..44dbc8a
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/news_bg.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/server_bg.jpg b/platform/src/main/webapp/template/web/static/image/server_bg.jpg
new file mode 100644
index 0000000..a192363
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/server_bg.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/service_card1.jpg b/platform/src/main/webapp/template/web/static/image/service_card1.jpg
new file mode 100644
index 0000000..826f19b
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/service_card1.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/service_card2.jpg b/platform/src/main/webapp/template/web/static/image/service_card2.jpg
new file mode 100644
index 0000000..a459e28
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/service_card2.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/service_card3.jpg b/platform/src/main/webapp/template/web/static/image/service_card3.jpg
new file mode 100644
index 0000000..c867df8
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/service_card3.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/service_card4.jpg b/platform/src/main/webapp/template/web/static/image/service_card4.jpg
new file mode 100644
index 0000000..0c15311
Binary files /dev/null and b/platform/src/main/webapp/template/web/static/image/service_card4.jpg differ
diff --git a/platform/src/main/webapp/template/web/static/image/title_left.png b/platform/src/main/webapp/template/web/static/image/title_left.png
index df2e3ad..b789bc9 100644
Binary files a/platform/src/main/webapp/template/web/static/image/title_left.png and b/platform/src/main/webapp/template/web/static/image/title_left.png differ
diff --git a/platform/src/main/webapp/template/web/static/image/title_right.png b/platform/src/main/webapp/template/web/static/image/title_right.png
index 1b583d4..38586a9 100644
Binary files a/platform/src/main/webapp/template/web/static/image/title_right.png and b/platform/src/main/webapp/template/web/static/image/title_right.png differ
diff --git a/platform/src/main/webapp/template/web/static/js/home.js b/platform/src/main/webapp/template/web/static/js/home.js
index da4f1e3..bb2bf6e 100644
--- a/platform/src/main/webapp/template/web/static/js/home.js
+++ b/platform/src/main/webapp/template/web/static/js/home.js
@@ -1,20 +1,27 @@
 $(function () {
-    var isMobile = document.body.clientWidth <= 768
+    window.onload = function() {
+        var mySwiper = new Swiper ('.swiper-container', {
+            direction: 'horizontal',
+            loop: true,
+            speed: 500,
+            autoplay: {
+                disableOnInteraction: false, //手动滑动之后不打断播放
+                delay: 2000
+            },
 
-    const productCards = [
-        {
-            id: 1,
-            imageUrl: '',
-            title: '科技服务业',
-            content: '打造双创基地、产业集聚生态空间',
-            iconList: [
-                {
-                    iconUrl: '',
-                    iconTitle: '基础服务'
-                }
-            ]
-        }
-    ]
+            // 如果需要分页器
+            pagination: {
+                el: '.swiper-pagination',
+            },
+
+            // 如果需要滚动条
+            scrollbar: {
+                el: '.swiper-scrollbar',
+            },
+        })
+    }
+
+    var isMobile = document.body.clientWidth <= 768
 
     //index banner
     $('.banner_index').flexslider({
--
libgit2 0.21.2