Showing
5 changed files
with
30 additions
and
7 deletions
framework @ 119c247f
@@ -36,6 +36,14 @@ | @@ -36,6 +36,14 @@ | ||
36 | top: 0; | 36 | top: 0; |
37 | width: 50px; | 37 | width: 50px; |
38 | height: 50px; | 38 | height: 50px; |
39 | + | ||
40 | + .close-icon { | ||
41 | + position: absolute; | ||
42 | + left: 0; | ||
43 | + top: 0; | ||
44 | + color: #C0C0C0; | ||
45 | + z-index: 2; | ||
46 | + } | ||
39 | } | 47 | } |
40 | 48 | ||
41 | #float-layer-btn { | 49 | #float-layer-btn { |
@@ -50,4 +58,16 @@ | @@ -50,4 +58,16 @@ | ||
50 | border-radius: 5px; | 58 | border-radius: 5px; |
51 | margin-top: -13px; | 59 | margin-top: -13px; |
52 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); | 60 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); |
61 | +} | ||
62 | + | ||
63 | +.circle-rightbottom { | ||
64 | + position: absolute; | ||
65 | + | ||
66 | + width: 25px; | ||
67 | + height: 0px; | ||
68 | + border:0 solid #323232; | ||
69 | + border-bottom:25px solid #323232; | ||
70 | + -moz-border-radius:0 0 25px 0; | ||
71 | + -webkit-border-radius:0 0 25px 0; | ||
72 | + border-radius:0 0 25px 0; | ||
53 | } | 73 | } |
@@ -40,10 +40,10 @@ | @@ -40,10 +40,10 @@ | ||
40 | <p> | 40 | <p> |
41 | <a href="{{url}}">{{name}} | 41 | <a href="{{url}}">{{name}} |
42 | {{# isHot}} | 42 | {{# isHot}} |
43 | - <i class="icon-hot">H</i> | 43 | + <i class="icon-hot">Hot</i> |
44 | {{/ isHot}} | 44 | {{/ isHot}} |
45 | {{# isNew}} | 45 | {{# isNew}} |
46 | - <i class="icon-new">N</i> | 46 | + <i class="icon-new">New</i> |
47 | {{/ isNew}} | 47 | {{/ isNew}} |
48 | </a> | 48 | </a> |
49 | </p> | 49 | </p> |
@@ -5,7 +5,8 @@ | @@ -5,7 +5,8 @@ | ||
5 | <p>新用户首单减10元</p> | 5 | <p>新用户首单减10元</p> |
6 | </div> | 6 | </div> |
7 | <a href="javascript:void(0);" id="float-layer-close" > | 7 | <a href="javascript:void(0);" id="float-layer-close" > |
8 | - <img src="http://static.yohobuy.com/m/v1/img/close_new.png" width="22"> | 8 | + <i class="close-icon iconfont"></i> |
9 | + <div class="circle-rightbottom"></div> | ||
9 | </a> | 10 | </a> |
10 | <a href="http://m.yohobuy.com/download/hyapp" id="float-layer-btn"> | 11 | <a href="http://m.yohobuy.com/download/hyapp" id="float-layer-btn"> |
11 | 立即下载 | 12 | 立即下载 |
@@ -14,4 +15,4 @@ | @@ -14,4 +15,4 @@ | ||
14 | {{/showDownloadApp}} | 15 | {{/showDownloadApp}} |
15 | 16 | ||
16 | 17 | ||
17 | - | ||
18 | + |
@@ -5,8 +5,9 @@ | @@ -5,8 +5,9 @@ | ||
5 | {{# list}} | 5 | {{# list}} |
6 | <li class="swiper-slide"> | 6 | <li class="swiper-slide"> |
7 | <a href="{{url}}"> | 7 | <a href="{{url}}"> |
8 | - <img src="{{img}}" alt=""> | 8 | + <img class="swiper-lazy" data-src="{{img}}"> |
9 | </a> | 9 | </a> |
10 | + <div class="swiper-lazy-preloader"></div> | ||
10 | </li> | 11 | </li> |
11 | {{/ list}} | 12 | {{/ list}} |
12 | </ul> | 13 | </ul> |
@@ -20,4 +21,5 @@ | @@ -20,4 +21,5 @@ | ||
20 | <a href={{url}}> | 21 | <a href={{url}}> |
21 | <img class="img" src={{img}}> | 22 | <img class="img" src={{img}}> |
22 | </a> | 23 | </a> |
23 | -{{/if}} | ||
24 | +{{/if}} | ||
25 | + |
-
Please register or login to post a comment