Authored by xuqi

逛标签以及相关文章更改

@@ -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">&#xe603;</i>
  11 + {{publishTime}}
  12 + </span>
9 </a> 13 </a>
10 </li> 14 </li>
11 {{/ otherArticle}} 15 {{/ otherArticle}}