Merge branch 'bugfix' into develop
Showing
5 changed files
with
32 additions
and
21 deletions
@@ -14,7 +14,7 @@ swiper = new Swiper('.swiper-container', { | @@ -14,7 +14,7 @@ swiper = new Swiper('.swiper-container', { | ||
14 | lazyLoading: true, | 14 | lazyLoading: true, |
15 | loop: true, | 15 | loop: true, |
16 | autoplay: 3000, | 16 | autoplay: 3000, |
17 | - pagination: '.swiper-pagination' | 17 | + pagination: '.swiper-pagination .pagination-inner' |
18 | }); | 18 | }); |
19 | 19 | ||
20 | lazyLoad($('img.lazy')); | 20 | lazyLoad($('img.lazy')); |
@@ -61,7 +61,7 @@ | @@ -61,7 +61,7 @@ | ||
61 | background: #eeeeee; | 61 | background: #eeeeee; |
62 | 62 | ||
63 | color: #999999; | 63 | color: #999999; |
64 | - font-weight: bold; | 64 | + // font-weight: bold; |
65 | position: relative; | 65 | position: relative; |
66 | h2 { | 66 | h2 { |
67 | // width: 100%; | 67 | // width: 100%; |
@@ -87,10 +87,22 @@ | @@ -87,10 +87,22 @@ | ||
87 | border-bottom: 1px solid #f3f3f3; | 87 | border-bottom: 1px solid #f3f3f3; |
88 | border-top: 1px solid #f9f9f9; | 88 | border-top: 1px solid #f9f9f9; |
89 | i { | 89 | i { |
90 | - position: relative; | ||
91 | - top: 1px; | ||
92 | - color: #ff0000; | ||
93 | - padding-left: 32rem / $pxConvertRem; | 90 | + display: inline-block; |
91 | + margin-left: 24rem / $pxConvertRem; | ||
92 | + width: 40rem / $pxConvertRem; | ||
93 | + height: 40rem / $pxConvertRem; | ||
94 | + text-align: center; | ||
95 | + vertical-align: middle; | ||
96 | + font-size: 28rem / $pxConvertRem; | ||
97 | + line-height: 40rem / $pxConvertRem; | ||
98 | + color: #fff; | ||
99 | + border-radius: 50%; | ||
100 | + } | ||
101 | + .icon-hot { | ||
102 | + background: #ff0000; | ||
103 | + } | ||
104 | + .icon-new { | ||
105 | + background: #86c048; | ||
94 | } | 106 | } |
95 | } | 107 | } |
96 | } | 108 | } |
@@ -4,15 +4,15 @@ | @@ -4,15 +4,15 @@ | ||
4 | color: #fff; | 4 | color: #fff; |
5 | width: 100%; | 5 | width: 100%; |
6 | overflow: hidden; | 6 | overflow: hidden; |
7 | - height: 44px; | ||
8 | - line-height: 44px; | 7 | + height: 88rem / $pxConvertRem; |
8 | + line-height: 88rem / $pxConvertRem; | ||
9 | 9 | ||
10 | .nav-back { | 10 | .nav-back { |
11 | position: absolute; | 11 | position: absolute; |
12 | - left: 17px; | ||
13 | - top: 14px; | ||
14 | - width: 9px; | ||
15 | - height: 16px; | 12 | + left: 34rem / $pxConvertRem; |
13 | + top: 28rem / $pxConvertRem; | ||
14 | + width: 18rem / $pxConvertRem; | ||
15 | + height: 32rem / $pxConvertRem; | ||
16 | background: image-url('layout/back.png') no-repeat; | 16 | background: image-url('layout/back.png') no-repeat; |
17 | background-size: 100% 100%; | 17 | background-size: 100% 100%; |
18 | outline: none; | 18 | outline: none; |
@@ -20,8 +20,8 @@ | @@ -20,8 +20,8 @@ | ||
20 | 20 | ||
21 | .nav-home { | 21 | .nav-home { |
22 | position: absolute; | 22 | position: absolute; |
23 | - top: 14px; | ||
24 | - right: 17px; | 23 | + top: 28rem / $pxConvertRem; |
24 | + right: 34rem / $pxConvertRem; | ||
25 | width: 20px; | 25 | width: 20px; |
26 | height: 20px; | 26 | height: 20px; |
27 | background: image-url('layout/home.png') no-repeat; | 27 | background: image-url('layout/home.png') no-repeat; |
@@ -31,10 +31,10 @@ | @@ -31,10 +31,10 @@ | ||
31 | 31 | ||
32 | .nav-title { | 32 | .nav-title { |
33 | position: absolute; | 33 | position: absolute; |
34 | - margin-left: 26px; | ||
35 | - margin-right: 32px; | 34 | + margin-left: 52rem / $pxConvertRem; |
35 | + margin-right: 64rem / $pxConvertRem; | ||
36 | height: 100%; | 36 | height: 100%; |
37 | - font-size: 18px; | 37 | + font-size: 36rem / $pxConvertRem; |
38 | color: #fff; | 38 | color: #fff; |
39 | font-weight: bold; | 39 | font-weight: bold; |
40 | top: 0; | 40 | top: 0; |
@@ -39,13 +39,11 @@ | @@ -39,13 +39,11 @@ | ||
39 | {{# list}} | 39 | {{# list}} |
40 | <p> | 40 | <p> |
41 | <a href="{{url}}">{{name}} | 41 | <a href="{{url}}">{{name}} |
42 | - <i class="icon-hot"> | ||
43 | - </i> | ||
44 | {{# isHot}} | 42 | {{# isHot}} |
45 | - <i class="icon-hot"></i> | 43 | + <i class="icon-hot">H</i> |
46 | {{/ isHot}} | 44 | {{/ isHot}} |
47 | {{# isNew}} | 45 | {{# isNew}} |
48 | - <i class="icon-new"></i> | 46 | + <i class="icon-new">N</i> |
49 | {{/ isNew}} | 47 | {{/ isNew}} |
50 | </a> | 48 | </a> |
51 | </p> | 49 | </p> |
-
Please register or login to post a comment