Showing
5 changed files
with
24 additions
and
14 deletions
@@ -285,7 +285,8 @@ module.exports = function(flag) { | @@ -285,7 +285,8 @@ module.exports = function(flag) { | ||
285 | { | 285 | { |
286 | thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/pant.png', | 286 | thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/pant.png', |
287 | title: '复古风劲吹,在各路复古跑鞋嚣张跋扈的当下,历史悠久的Onitsuka', | 287 | title: '复古风劲吹,在各路复古跑鞋嚣张跋扈的当下,历史悠久的Onitsuka', |
288 | - url: '' | 288 | + url: '', |
289 | + publishTime: '2月13日 12:34' | ||
289 | }, | 290 | }, |
290 | { | 291 | { |
291 | thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/pant.png', | 292 | thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/pant.png', |
@@ -216,7 +216,7 @@ exports.initOther = function() { | @@ -216,7 +216,7 @@ exports.initOther = function() { | ||
216 | 216 | ||
217 | //相关文章截取文字 | 217 | //相关文章截取文字 |
218 | ellipsis.init(); | 218 | ellipsis.init(); |
219 | - $('.post-list span, .one-good .reco-name').each(function() { | 219 | + $('.post-list .title, .one-good .reco-name').each(function() { |
220 | this.mlellipsis(2); | 220 | this.mlellipsis(2); |
221 | }); | 221 | }); |
222 | $('.brand-name').each(function() { | 222 | $('.brand-name').each(function() { |
1 | .detail-tag { | 1 | .detail-tag { |
2 | - margin: 28rem / $pxConvertRem 0 0 0; | ||
3 | padding: 0 0 30rem / $pxConvertRem 0; | 2 | padding: 0 0 30rem / $pxConvertRem 0; |
4 | - border-top: 1px solid #e0e0e0; | ||
5 | border-bottom: 1px solid #e0e0e0; | 3 | border-bottom: 1px solid #e0e0e0; |
6 | background: #fff; | 4 | background: #fff; |
7 | 5 | ||
@@ -10,14 +8,11 @@ | @@ -10,14 +8,11 @@ | ||
10 | margin: 31rem / $pxConvertRem 0 0 31rem / $pxConvertRem; | 8 | margin: 31rem / $pxConvertRem 0 0 31rem / $pxConvertRem; |
11 | 9 | ||
12 | a { | 10 | a { |
13 | - display: block; | ||
14 | - padding: 0 36rem / $pxConvertRem; | ||
15 | height: 50rem / $pxConvertRem; | 11 | height: 50rem / $pxConvertRem; |
16 | line-height: 50rem / $pxConvertRem; | 12 | line-height: 50rem / $pxConvertRem; |
17 | font-size: 30rem / $pxConvertRem; | 13 | font-size: 30rem / $pxConvertRem; |
18 | - color: #fff; | ||
19 | - background: #000; | ||
20 | - text-decoration: none; | 14 | + color: #000; |
15 | + text-decoration: underline; | ||
21 | } | 16 | } |
22 | } | 17 | } |
23 | } | 18 | } |
@@ -24,19 +24,29 @@ $hack_safair_end:';]'; | @@ -24,19 +24,29 @@ $hack_safair_end:';]'; | ||
24 | float: left; | 24 | float: left; |
25 | margin: 0 0 0 30rem / $pxConvertRem; | 25 | margin: 0 0 0 30rem / $pxConvertRem; |
26 | width: 182rem / $pxConvertRem; | 26 | width: 182rem / $pxConvertRem; |
27 | - height: 162rem / $pxConvertRem; | 27 | + height: 114rem / $pxConvertRem; |
28 | } | 28 | } |
29 | 29 | ||
30 | - span { | 30 | + .title, .publish-time { |
31 | float: left; | 31 | float: left; |
32 | width: 360rem / $pxConvertRem; | 32 | width: 360rem / $pxConvertRem; |
33 | #{$hack_safair_begin}width: 360rem / $pxConvertRem#{$hack_safair_end}; | 33 | #{$hack_safair_begin}width: 360rem / $pxConvertRem#{$hack_safair_end}; |
34 | - margin: 20rem / $pxConvertRem 0 0 30rem / $pxConvertRem; | ||
35 | - line-height: 45rem / $pxConvertRem; | 34 | + margin-left: 30rem / $pxConvertRem; |
35 | + line-height: 40rem / $pxConvertRem; | ||
36 | color: #444; | 36 | color: #444; |
37 | font-size: 28rem / $pxConvertRem; | 37 | font-size: 28rem / $pxConvertRem; |
38 | 38 | ||
39 | } | 39 | } |
40 | + | ||
41 | + .publish-time { | ||
42 | + font-size: 18rem / $pxConvertRem; | ||
43 | + margin-top: 0; | ||
44 | + color: #b0b0b0; | ||
45 | + | ||
46 | + .iconfont { | ||
47 | + font-size: 18rem / $pxConvertRem; | ||
48 | + } | ||
49 | + } | ||
40 | } | 50 | } |
41 | } | 51 | } |
42 | } | 52 | } |
@@ -5,7 +5,11 @@ | @@ -5,7 +5,11 @@ | ||
5 | <li> | 5 | <li> |
6 | <a class="clearfix" href="{{url}}"> | 6 | <a class="clearfix" href="{{url}}"> |
7 | <img class="lazy" data-original="{{thumb}}" alt=""> | 7 | <img class="lazy" data-original="{{thumb}}" alt=""> |
8 | - <span>{{title}}</span> | 8 | + <span class="title">{{title}}</span> |
9 | + <span class="publish-time"> | ||
10 | + <i class="iconfont"></i> | ||
11 | + {{publishTime}} | ||
12 | + </span> | ||
9 | </a> | 13 | </a> |
10 | </li> | 14 | </li> |
11 | {{/ otherArticle}} | 15 | {{/ otherArticle}} |
-
Please register or login to post a comment