Authored by xuqi

category seperator height

@@ -32,7 +32,7 @@ @@ -32,7 +32,7 @@
32 } 32 }
33 33
34 .category-nav { 34 .category-nav {
35 - height: 71rem / $pxConvertRem; 35 + height: 70rem / $pxConvertRem;
36 border-bottom: 1px solid #e6e6e6; 36 border-bottom: 1px solid #e6e6e6;
37 37
38 li { 38 li {
@@ -40,10 +40,9 @@ @@ -40,10 +40,9 @@
40 box-sizing: border-box; 40 box-sizing: border-box;
41 float: left; 41 float: left;
42 height: 100%; 42 height: 100%;
43 - line-height: 71rem / $pxConvertRem; 43 + padding: 20rem / $pxConvertRem 0;
44 width: 25%; 44 width: 25%;
45 text-align: center; 45 text-align: center;
46 - border-right: 1px solid #e6e6e6;  
47 color: #999; 46 color: #999;
48 47
49 &:last-child { 48 &:last-child {
@@ -54,6 +53,19 @@ @@ -54,6 +53,19 @@
54 color: #000; 53 color: #000;
55 } 54 }
56 } 55 }
  56 +
  57 + span {
  58 + display: block;
  59 + width: 100%;
  60 + height: 30rem / $pxConvertRem;
  61 + line-height: 30rem / $pxConvertRem;
  62 + font-size: 30rem / $pxConvertRem;
  63 + border-right: 1px solid #e6e6e6;
  64 + }
  65 +
  66 + li:last-child span {
  67 + border-right: 0;
  68 + }
57 } 69 }
58 70
59 .content.hide { 71 .content.hide {
@@ -10,7 +10,7 @@ @@ -10,7 +10,7 @@
10 <div class="category-nav clearfix"> 10 <div class="category-nav clearfix">
11 {{# class}} 11 {{# class}}
12 <li class={{#if focus}}focus{{/if}}> 12 <li class={{#if focus}}focus{{/if}}>
13 - {{name}} 13 + <span>{{name}}</span>
14 </li> 14 </li>
15 {{/ class}} 15 {{/ class}}
16 </div> 16 </div>