林本磊 / nanyangnet

Download as
Browse Code »

Commit e79108351758828de8b26737f7c91e14c485e871

Authored by 李小慧
1 parent b9be2b19
Exists in dev

style: 背景图补充

Showing 16 changed files with 54 additions and 34 deletions   Show diff stats
platform/src/main/webapp/template/web/base/header.html
  Diff comments   View file @e791083
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 12
13 <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> 13 <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
14 14
15 - <link href="${ctx}template/web/static/image/logo.png" rel="shortcut icon" rel="external nofollow" 15 + <link href="${ctx}template/web/static/image/header_logo.png" rel="shortcut icon" rel="external nofollow"
16 type="image/x-icon"/> 16 type="image/x-icon"/>
17 <link href="${ctx}template/web/static/css/reset.css" rel="stylesheet" type="text/css"/> 17 <link href="${ctx}template/web/static/css/reset.css" rel="stylesheet" type="text/css"/>
18 <link href="${ctx}template/web/static/css/animate.css" rel="stylesheet" type="text/css"/> 18 <link href="${ctx}template/web/static/css/animate.css" rel="stylesheet" type="text/css"/>
platform/src/main/webapp/template/web/home/home.html
  Diff comments   View file @e791083
@@ -59,18 +59,21 @@ var bodyContent = { @@ -59,18 +59,21 @@ var bodyContent = {
59 <div class="swiper-slide"> 59 <div class="swiper-slide">
60 <img src="${ctx}template/web/static/image/home_banner1.jpg"> 60 <img src="${ctx}template/web/static/image/home_banner1.jpg">
61 </div> 61 </div>
  62 + <div class="swiper-slide">
  63 + <img src="${ctx}template/web/static/image/home_banner2.jpg">
  64 + </div>
62 </div> 65 </div>
63 - </div>  
64 66
65 - <!-- &lt;!&ndash; 如果需要分页器 &ndash;&gt;-->  
66 - <!-- <div class="swiper-pagination"></div>--> 67 + <!-- 如果需要分页器 -->
  68 + <div class="swiper-pagination"></div>
67 69
68 - <!-- &lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->  
69 - <!-- <div class="swiper-button-prev"></div>-->  
70 - <!-- <div class="swiper-button-next"></div>--> 70 + <!-- 如果需要导航按钮 -->
  71 +<!-- <div class="swiper-button-prev"></div>-->
  72 +<!-- <div class="swiper-button-next"></div>-->
71 73
72 - <!-- &lt;!&ndash; 如果需要滚动条 &ndash;&gt;-->  
73 - <!-- <div class="swiper-scrollbar"></div>--> 74 + <!-- 如果需要滚动条 -->
  75 + <div class="swiper-scrollbar"></div>
  76 + </div>
74 <div class="title-container"> 77 <div class="title-container">
75 <img src="${ctx}template/web/static/image/title_left.png" class="title-left"> 78 <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
76 <div class="title"> 79 <div class="title">
platform/src/main/webapp/template/web/home/product.html
  Diff comments   View file @e791083
@@ -34,7 +34,7 @@ var bodyContent = { @@ -34,7 +34,7 @@ var bodyContent = {
34 <img src="${ctx}template/web/static/image/product_banner.jpg" alt=""> 34 <img src="${ctx}template/web/static/image/product_banner.jpg" alt="">
35 </div> 35 </div>
36 36
37 - <div class="demand-container"> 37 + <div class="demand-panel">
38 <div class="title-container"> 38 <div class="title-container">
39 <img src="${ctx}template/web/static/image/title_left.png" class="title-left"> 39 <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
40 <div class="title"> 40 <div class="title">
@@ -175,7 +175,7 @@ var bodyContent = { @@ -175,7 +175,7 @@ var bodyContent = {
175 <div class="service-content"> 175 <div class="service-content">
176 <div id="content1" class="content content-active"> 176 <div id="content1" class="content content-active">
177 <div class="left"> 177 <div class="left">
178 - <img src="${ctx}template/web/static/image/home_news1.png" class="title-right"> 178 + <img src="${ctx}template/web/static/image/service_card1.jpg" class="title-right">
179 </div> 179 </div>
180 <div class="right"> 180 <div class="right">
181 <div class="title"> 181 <div class="title">
@@ -193,7 +193,7 @@ var bodyContent = { @@ -193,7 +193,7 @@ var bodyContent = {
193 193
194 <div id="content2" class="content"> 194 <div id="content2" class="content">
195 <div class="left"> 195 <div class="left">
196 - <img src="${ctx}template/web/static/image/home_news1.png" class="title-right"> 196 + <img src="${ctx}template/web/static/image/service_card2.jpg" class="title-right">
197 </div> 197 </div>
198 <div class="right"> 198 <div class="right">
199 <div class="title"> 199 <div class="title">
@@ -211,7 +211,7 @@ var bodyContent = { @@ -211,7 +211,7 @@ var bodyContent = {
211 211
212 <div id="content3" class="content"> 212 <div id="content3" class="content">
213 <div class="left"> 213 <div class="left">
214 - <img src="${ctx}template/web/static/image/home_news1.png" class="title-right"> 214 + <img src="${ctx}template/web/static/image/service_card3.jpg" class="title-right">
215 </div> 215 </div>
216 <div class="right"> 216 <div class="right">
217 <div class="title"> 217 <div class="title">
@@ -229,7 +229,7 @@ var bodyContent = { @@ -229,7 +229,7 @@ var bodyContent = {
229 229
230 <div id="content4" class="content"> 230 <div id="content4" class="content">
231 <div class="left"> 231 <div class="left">
232 - <img src="${ctx}template/web/static/image/home_news1.png" class="title-right"> 232 + <img src="${ctx}template/web/static/image/service_card4.jpg" class="title-right">
233 </div> 233 </div>
234 <div class="right"> 234 <div class="right">
235 <div class="title"> 235 <div class="title">
platform/src/main/webapp/template/web/static/css/news.css
  Diff comments   View file @e791083
1 .page-container .news-content { 1 .page-container .news-content {
2 width: 100%; 2 width: 100%;
3 - background: #EFF3F8;  
4 - padding: 20px 0 0 0; 3 + /*background: #EFF3F8;*/
  4 + padding: 20px 0 40px 0;
  5 + min-height: 600px;
  6 + background: url("../image/news_bg.jpg") no-repeat;
  7 + background-size: cover;
5 } 8 }
6 9
7 .news-content .news-container { 10 .news-content .news-container {
8 width: 1200px; 11 width: 1200px;
9 margin: 0 auto; 12 margin: 0 auto;
  13 + background: #ffffff;
10 } 14 }
11 15
12 .news-container .news-tab { 16 .news-container .news-tab {
@@ -44,6 +48,7 @@ @@ -44,6 +48,7 @@
44 justify-content: space-between; 48 justify-content: space-between;
45 align-items: center; 49 align-items: center;
46 border-bottom: 1px dashed #E0E0E0; 50 border-bottom: 1px dashed #E0E0E0;
  51 + padding: 0 15px;
47 } 52 }
48 53
49 .news-item .point { 54 .news-item .point {
platform/src/main/webapp/template/web/static/css/product.css
  Diff comments   View file @e791083
1 -.demand-container {  
2 -}  
3 -  
4 .content-container { 1 .content-container {
5 width: 1200px; 2 width: 1200px;
6 margin: 0 auto; 3 margin: 0 auto;
@@ -222,9 +219,17 @@ @@ -222,9 +219,17 @@
222 margin: 0 auto; 219 margin: 0 auto;
223 } 220 }
224 221
  222 +.demand-panel {
  223 + background: url("../image/server_bg.jpg") no-repeat;
  224 + background-size: cover;
  225 + padding: 0 0 40px 0;
  226 +}
  227 +
225 .demand-container { 228 .demand-container {
226 width: 1200px; 229 width: 1200px;
227 margin: 0 auto; 230 margin: 0 auto;
  231 + background: #ffffff;
  232 + padding: 0 0 6px 0;
228 } 233 }
229 234
230 .demand-container .pagination { 235 .demand-container .pagination {
platform/src/main/webapp/template/web/static/image/header_logo.png 0 → 100644
View file @e791083

13.1 KB
platform/src/main/webapp/template/web/static/image/home_banner2.jpg 0 → 100644
View file @e791083

521 KB
platform/src/main/webapp/template/web/static/image/news_bg.jpg 0 → 100644
View file @e791083

382 KB
platform/src/main/webapp/template/web/static/image/server_bg.jpg 0 → 100644
View file @e791083

122 KB
platform/src/main/webapp/template/web/static/image/service_card1.jpg 0 → 100644
View file @e791083

59.1 KB
platform/src/main/webapp/template/web/static/image/service_card2.jpg 0 → 100644
View file @e791083

152 KB
platform/src/main/webapp/template/web/static/image/service_card3.jpg 0 → 100644
View file @e791083

242 KB
platform/src/main/webapp/template/web/static/image/service_card4.jpg 0 → 100644
View file @e791083

181 KB
platform/src/main/webapp/template/web/static/image/title_left.png
View file @e791083

1.18 KB | W: | H:

1.78 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
platform/src/main/webapp/template/web/static/image/title_right.png
View file @e791083

1.2 KB | W: | H:

1.86 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
platform/src/main/webapp/template/web/static/js/home.js
  Diff comments   View file @e791083
1 $(function () { 1 $(function () {
2 - var isMobile = document.body.clientWidth <= 768 2 + window.onload = function() {
  3 + var mySwiper = new Swiper ('.swiper-container', {
  4 + direction: 'horizontal',
  5 + loop: true,
  6 + speed: 500,
  7 + autoplay: {
  8 + disableOnInteraction: false, //手动滑动之后不打断播放
  9 + delay: 2000
  10 + },
3 11
4 - const productCards = [  
5 - {  
6 - id: 1,  
7 - imageUrl: '',  
8 - title: '科技服务业',  
9 - content: '打造双创基地、产业集聚生态空间',  
10 - iconList: [  
11 - {  
12 - iconUrl: '',  
13 - iconTitle: '基础服务'  
14 - }  
15 - ]  
16 - }  
17 - ] 12 + // 如果需要分页器
  13 + pagination: {
  14 + el: '.swiper-pagination',
  15 + },
  16 +
  17 + // 如果需要滚动条
  18 + scrollbar: {
  19 + el: '.swiper-scrollbar',
  20 + },
  21 + })
  22 + }
  23 +
  24 + var isMobile = document.body.clientWidth <= 768
18 25
19 //index banner 26 //index banner
20 $('.banner_index').flexslider({ 27 $('.banner_index').flexslider({