Merge branch 'develop' of git.dev.yoho.cn:web/yohobuy into develop
Showing
3 changed files
with
29 additions
and
4 deletions
@@ -188,7 +188,7 @@ function tsAnimate() { | @@ -188,7 +188,7 @@ function tsAnimate() { | ||
188 | window.setTimeout(tsAnimate, 3000); | 188 | window.setTimeout(tsAnimate, 3000); |
189 | } else { | 189 | } else { |
190 | if (start % 360 === 0) { | 190 | if (start % 360 === 0) { |
191 | - window.setTimeout(tsAnimate, 3 * 60 * 1000); | 191 | + window.setTimeout(tsAnimate, 60 * 1000); |
192 | } else { | 192 | } else { |
193 | requestFrame(function () { | 193 | requestFrame(function () { |
194 | tsAnimate(); | 194 | tsAnimate(); |
@@ -91,8 +91,31 @@ | @@ -91,8 +91,31 @@ | ||
91 | padding-top: 50%; | 91 | padding-top: 50%; |
92 | width: 100%; | 92 | width: 100%; |
93 | position: absolute; | 93 | position: absolute; |
94 | - top: 0; | 94 | + top: -230rem / $pxConvertRem; |
95 | 95 | ||
96 | + .list-item { | ||
97 | + display: block; | ||
98 | + position: relative; | ||
99 | + margin: 0 auto 50rem / $pxConvertRem; | ||
100 | + width: 444rem / $pxConvertRem; | ||
101 | + height: 110rem / $pxConvertRem; | ||
102 | + text-align: center; | ||
103 | + font-size: 30rem / $pxConvertRem; | ||
104 | + line-height: 110rem / $pxConvertRem; | ||
105 | + color: #fff; | ||
106 | + background: #000; | ||
107 | + border: 5rem / $pxConvertRem solid #fff; | ||
108 | + font-weight: bold; | ||
109 | + } | ||
110 | + .lighter { | ||
111 | + font-weight: lighter; | ||
112 | + } | ||
113 | + .right-icon { | ||
114 | + position: absolute; | ||
115 | + right: 10rem / $pxConvertRem; | ||
116 | + top: 0; | ||
117 | + font-weight: bold; | ||
118 | + } | ||
96 | .homestyle { | 119 | .homestyle { |
97 | margin-bottom: 50rem / $pxConvertRem; | 120 | margin-bottom: 50rem / $pxConvertRem; |
98 | width: 287.3rem / $pxConvertRem; | 121 | width: 287.3rem / $pxConvertRem; |
@@ -18,8 +18,10 @@ | @@ -18,8 +18,10 @@ | ||
18 | <div class="index-channel"> | 18 | <div class="index-channel"> |
19 | <img class="img" src="{{background}}" alt=""> | 19 | <img class="img" src="{{background}}" alt=""> |
20 | <div class="index-channel-list"> | 20 | <div class="index-channel-list"> |
21 | - <a href="/boys"><img class="homestyle" src="http://img10.static.yhbimg.com/adpic/2015/09/28/18/01bdbd27952eb5f780ac23641e70fd6e12.png"></a> | ||
22 | - <a href="/girls"><img class="homestyle" src="http://img13.static.yhbimg.com/adpic/2015/09/28/18/025a4056cad1c2b6704a5d7c83066a2d25.png"></a> | 21 | + <a href="/boys" class="list-item">男生 <span class="lighter">BOYS</span> <span class="iconfont right-icon"></span></a> |
22 | + <a href="/girls" class="list-item">女生 <span class="lighter">GIRLS</span> <span class="iconfont right-icon"></span></a> | ||
23 | + <a href="/kids" class="list-item">潮童 <span class="lighter">KIDS</span> <span class="iconfont right-icon"></span></a> | ||
24 | + <a href="/lifestyle" class="list-item">创意生活 <span class="lighter">LIFESTYLE</span> <span class="iconfont right-icon"></span></a> | ||
23 | </div> | 25 | </div> |
24 | 26 | ||
25 | </div> | 27 | </div> |
-
Please register or login to post a comment