fix slider style issue
Showing
3 changed files
with
18 additions
and
6 deletions
@@ -9,7 +9,7 @@ const getContent = () => { | @@ -9,7 +9,7 @@ const getContent = () => { | ||
9 | link: '/' | 9 | link: '/' |
10 | }, | 10 | }, |
11 | { | 11 | { |
12 | - img: '//img10.static.yhbimg.com/yhb-img01/2016/06/28/11/015a86ade17dc6213bab85b2162adebcd6.jpg?imageView2/2/w/1150/h/450', | 12 | + img: '//img10.static.yhbimg.com/yhb-img01/2016/06/23/13/01ebff30179db84975c42a4f3c8b1f4d44.jpg?imageView2/1/w/1150/h/450', |
13 | link: '/' | 13 | link: '/' |
14 | }, | 14 | }, |
15 | { | 15 | { |
@@ -17,6 +17,18 @@ const getContent = () => { | @@ -17,6 +17,18 @@ const getContent = () => { | ||
17 | link: '/' | 17 | link: '/' |
18 | }, | 18 | }, |
19 | { | 19 | { |
20 | + img: '//img10.static.yhbimg.com/yhb-img01/2016/06/23/13/01ebff30179db84975c42a4f3c8b1f4d44.jpg?imageView2/1/w/1150/h/450', | ||
21 | + link: '/' | ||
22 | + }, | ||
23 | + { | ||
24 | + img: '//placehold.it/{width}x{height}', | ||
25 | + link: '/' | ||
26 | + }, | ||
27 | + { | ||
28 | + img: '//img10.static.yhbimg.com/yhb-img01/2016/06/28/11/015a86ade17dc6213bab85b2162adebcd6.jpg?imageView2/2/w/1150/h/450', | ||
29 | + link: '/' | ||
30 | + }, | ||
31 | + { | ||
20 | img: '//img10.static.yhbimg.com/yhb-img01/2016/06/28/11/015a86ade17dc6213bab85b2162adebcd6.jpg?imageView2/2/w/1150/h/450', | 32 | img: '//img10.static.yhbimg.com/yhb-img01/2016/06/28/11/015a86ade17dc6213bab85b2162adebcd6.jpg?imageView2/2/w/1150/h/450', |
21 | link: '/' | 33 | link: '/' |
22 | }, | 34 | }, |
@@ -5,9 +5,9 @@ | @@ -5,9 +5,9 @@ | ||
5 | <li style="{{#if bgColor}}background:{{bgColor}}{{/if}}"> | 5 | <li style="{{#if bgColor}}background:{{bgColor}}{{/if}}"> |
6 | <a href="{{url}}" target= "_blank"> | 6 | <a href="{{url}}" target= "_blank"> |
7 | {{#if @first}} | 7 | {{#if @first}} |
8 | - <img src="{{image img 1150 450}}"> | 8 | + <img src="{{image img 1920 645}}"> |
9 | {{^}} | 9 | {{^}} |
10 | - <img class="lazy-img" data-original="{{image img 1150 450}}" alt=""> | 10 | + <img class="lazy-img" data-original="{{image img 1920 645}}" alt=""> |
11 | {{/if}} | 11 | {{/if}} |
12 | </a> | 12 | </a> |
13 | {{# tips}} | 13 | {{# tips}} |
1 | .home-page { | 1 | .home-page { |
2 | - $sliderHeight: 450px; | 2 | + $sliderHeight: 645px; |
3 | 3 | ||
4 | width: 1150px; | 4 | width: 1150px; |
5 | margin: 10px auto 0; | 5 | margin: 10px auto 0; |
@@ -21,7 +21,7 @@ | @@ -21,7 +21,7 @@ | ||
21 | 21 | ||
22 | .slide-wrapper { | 22 | .slide-wrapper { |
23 | position: relative; | 23 | position: relative; |
24 | - height: 450px; | 24 | + height: $sliderHeight; |
25 | overflow: hidden; | 25 | overflow: hidden; |
26 | 26 | ||
27 | ul { | 27 | ul { |
@@ -60,7 +60,7 @@ | @@ -60,7 +60,7 @@ | ||
60 | } | 60 | } |
61 | 61 | ||
62 | .slide-container-placeholder { | 62 | .slide-container-placeholder { |
63 | - height: 450px; | 63 | + height: $sliderHeight; |
64 | width: 100%; | 64 | width: 100%; |
65 | 65 | ||
66 | } | 66 | } |
-
Please register or login to post a comment