Authored by 梁志锋

侧边栏效果回退,以及解决点透问题。

@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 @include transition(all .3s); 14 @include transition(all .3s);
15 15
16 > ul { 16 > ul {
17 - margin-bottom: 16rem / $pxConvertRem; 17 + margin-bottom: 20rem / $pxConvertRem;
18 background: #fff; 18 background: #fff;
19 border-top: 1px solid #e0e0e0; 19 border-top: 1px solid #e0e0e0;
20 border-bottom: 1px solid #e0e0e0; 20 border-bottom: 1px solid #e0e0e0;
@@ -22,8 +22,8 @@ @@ -22,8 +22,8 @@
22 22
23 li { 23 li {
24 position: relative; 24 position: relative;
25 - height: 64rem / $pxConvertRem;  
26 - line-height: 64rem / $pxConvertRem; 25 + height: 80rem / $pxConvertRem;
  26 + line-height: 80rem / $pxConvertRem;
27 background: #fff; 27 background: #fff;
28 28
29 &:after { 29 &:after {
@@ -45,27 +45,21 @@ @@ -45,27 +45,21 @@
45 a { 45 a {
46 display: block; 46 display: block;
47 height: 100%; 47 height: 100%;
48 - padding-left: 92rem / $pxConvertRem; 48 + padding-left: 110rem / $pxConvertRem;
49 color: #444; 49 color: #444;
50 } 50 }
51 51
52 em { 52 em {
53 font-weight: bold; 53 font-weight: bold;
54 - font-size: 24rem / $pxConvertRem; 54 + font-size: 26rem / $pxConvertRem;
55 } 55 }
56 56
57 .title { 57 .title {
58 display: inline-block; 58 display: inline-block;
59 font-size: 36rem / $pxConvertRem; 59 font-size: 36rem / $pxConvertRem;
60 vertical-align: bottom; 60 vertical-align: bottom;
61 - padding-left: 20rem / $pxConvertRem;  
62 // 此处字体小于 12px, 先扩大,再scale缩小 61 // 此处字体小于 12px, 先扩大,再scale缩小
63 @include transform(scale(0.5)); 62 @include transform(scale(0.5));
64 -  
65 - -webkit-transform-origin: 0 50% 0;  
66 - -moz-transform-origin: 0 50% 0;  
67 - -ms-transform-origin: 0 50% 0;  
68 - transform-origin: 0 50% 0;  
69 } 63 }
70 64
71 .nav-icon, .nav-img { 65 .nav-icon, .nav-img {
@@ -98,8 +92,8 @@ @@ -98,8 +92,8 @@
98 .first { 92 .first {
99 93
100 li { 94 li {
101 - height: 80rem / $pxConvertRem;  
102 - line-height: 80rem / $pxConvertRem; 95 + height: 100rem / $pxConvertRem;
  96 + line-height: 100rem / $pxConvertRem;
103 border-bottom: 1px solid #e0e0e0; 97 border-bottom: 1px solid #e0e0e0;
104 98
105 &:last-child { 99 &:last-child {
@@ -111,7 +105,7 @@ @@ -111,7 +105,7 @@
111 } 105 }
112 106
113 em { 107 em {
114 - font-size: 32rem / $pxConvertRem; 108 + font-size: 36rem / $pxConvertRem;
115 } 109 }
116 110
117 .nav-img, .nav-icon { 111 .nav-img, .nav-icon {