Authored by ccbikai

Merge branch 'bugfix' into develop

@@ -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 }
@@ -6,6 +6,7 @@ @@ -6,6 +6,7 @@
6 right: 0; 6 right: 0;
7 bottom: 20rem / $pxConvertRem; 7 bottom: 20rem / $pxConvertRem;
8 text-align: center; 8 text-align: center;
  9 + z-index: 1;
9 .pagination-inner { 10 .pagination-inner {
10 display: inline-block; 11 display: inline-block;
11 span { 12 span {
@@ -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>