Commit e79108351758828de8b26737f7c91e14c485e871
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
... | ... | @@ -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
... | ... | @@ -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 | - <!-- <!– 如果需要分页器 –>--> | |
66 | - <!-- <div class="swiper-pagination"></div>--> | |
67 | + <!-- 如果需要分页器 --> | |
68 | + <div class="swiper-pagination"></div> | |
67 | 69 | |
68 | - <!-- <!– 如果需要导航按钮 –>--> | |
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 | - <!-- <!– 如果需要滚动条 –>--> | |
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
... | ... | @@ -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
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
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 { | ... | ... |
13.1 KB
521 KB
382 KB
122 KB
59.1 KB
152 KB
242 KB
181 KB
platform/src/main/webapp/template/web/static/image/title_left.png
platform/src/main/webapp/template/web/static/image/title_right.png
platform/src/main/webapp/template/web/static/js/home.js
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({ | ... | ... |