林本磊 / 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 12  
13 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 16 type="image/x-icon"/>
17 17 <link href="${ctx}template/web/static/css/reset.css" rel="stylesheet" type="text/css"/>
18 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 59 <div class="swiper-slide">
60 60 <img src="${ctx}template/web/static/image/home_banner1.jpg">
61 61 </div>
  62 + <div class="swiper-slide">
  63 + <img src="${ctx}template/web/static/image/home_banner2.jpg">
  64 + </div>
62 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 77 <div class="title-container">
75 78 <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
76 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 34 <img src="${ctx}template/web/static/image/product_banner.jpg" alt="">
35 35 </div>
36 36  
37   - <div class="demand-container">
  37 + <div class="demand-panel">
38 38 <div class="title-container">
39 39 <img src="${ctx}template/web/static/image/title_left.png" class="title-left">
40 40 <div class="title">
... ... @@ -175,7 +175,7 @@ var bodyContent = {
175 175 <div class="service-content">
176 176 <div id="content1" class="content content-active">
177 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 179 </div>
180 180 <div class="right">
181 181 <div class="title">
... ... @@ -193,7 +193,7 @@ var bodyContent = {
193 193  
194 194 <div id="content2" class="content">
195 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 197 </div>
198 198 <div class="right">
199 199 <div class="title">
... ... @@ -211,7 +211,7 @@ var bodyContent = {
211 211  
212 212 <div id="content3" class="content">
213 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 215 </div>
216 216 <div class="right">
217 217 <div class="title">
... ... @@ -229,7 +229,7 @@ var bodyContent = {
229 229  
230 230 <div id="content4" class="content">
231 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 233 </div>
234 234 <div class="right">
235 235 <div class="title">
... ...
platform/src/main/webapp/template/web/static/css/news.css
  Diff comments   View file @e791083
1 1 .page-container .news-content {
2 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 10 .news-content .news-container {
8 11 width: 1200px;
9 12 margin: 0 auto;
  13 + background: #ffffff;
10 14 }
11 15  
12 16 .news-container .news-tab {
... ... @@ -44,6 +48,7 @@
44 48 justify-content: space-between;
45 49 align-items: center;
46 50 border-bottom: 1px dashed #E0E0E0;
  51 + padding: 0 15px;
47 52 }
48 53  
49 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 1 .content-container {
5 2 width: 1200px;
6 3 margin: 0 auto;
... ... @@ -222,9 +219,17 @@
222 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 228 .demand-container {
226 229 width: 1200px;
227 230 margin: 0 auto;
  231 + background: #ffffff;
  232 + padding: 0 0 6px 0;
228 233 }
229 234  
230 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 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 26 //index banner
20 27 $('.banner_index').flexslider({
... ...