Showing
1 changed file
with
19 additions
and
3 deletions
@@ -7,7 +7,8 @@ | @@ -7,7 +7,8 @@ | ||
7 | </div> | 7 | </div> |
8 | </template> | 8 | </template> |
9 | <a class="item ellipsis" href="{{item.sortUrl}}"> | 9 | <a class="item ellipsis" href="{{item.sortUrl}}"> |
10 | - {{(item.sortNameEn || '').trim()}}{{item.sortName}} | 10 | + <span class="en">{{(item.sortNameEn || '').trim()}}</span> |
11 | + <span class="cn">{{item.sortName}}</span> | ||
11 | </a> | 12 | </a> |
12 | </template> | 13 | </template> |
13 | </div> | 14 | </div> |
@@ -54,6 +55,7 @@ | @@ -54,6 +55,7 @@ | ||
54 | left: 0; | 55 | left: 0; |
55 | overflow-x: hidden; | 56 | overflow-x: hidden; |
56 | overflow-y: auto; | 57 | overflow-y: auto; |
58 | + background: #f6f6f6; | ||
57 | } | 59 | } |
58 | 60 | ||
59 | .sidebar { | 61 | .sidebar { |
@@ -65,11 +67,20 @@ | @@ -65,11 +67,20 @@ | ||
65 | padding: 0 30px; | 67 | padding: 0 30px; |
66 | height: 124px; | 68 | height: 124px; |
67 | line-height: 124px; | 69 | line-height: 124px; |
68 | - font-size: 36px; | 70 | + font-size: 30px; |
69 | font-weight: bold; | 71 | font-weight: bold; |
70 | font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | 72 | font-family: "BrownStd-Bold", "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; |
71 | 73 | ||
74 | + .en { | ||
75 | + font-size: 36px; | ||
76 | + } | ||
77 | + | ||
78 | + .cn { | ||
79 | + margin-left: -6px; | ||
80 | + } | ||
81 | + | ||
72 | &:first-child { | 82 | &:first-child { |
83 | + font-size: 36px; | ||
73 | height: 142px; | 84 | height: 142px; |
74 | line-height: 142px; | 85 | line-height: 142px; |
75 | font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | 86 | font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; |
@@ -85,10 +96,14 @@ | @@ -85,10 +96,14 @@ | ||
85 | border-bottom: 1px solid #eee; | 96 | border-bottom: 1px solid #eee; |
86 | } | 97 | } |
87 | 98 | ||
88 | - &:last-child:after { | 99 | + &:last-child { |
100 | + border-bottom: 1px solid #eee; | ||
101 | + | ||
102 | + &:after { | ||
89 | content: none; | 103 | content: none; |
90 | } | 104 | } |
91 | } | 105 | } |
106 | + } | ||
92 | 107 | ||
93 | .sep { | 108 | .sep { |
94 | margin-top: -1px; | 109 | margin-top: -1px; |
@@ -99,6 +114,7 @@ | @@ -99,6 +114,7 @@ | ||
99 | border-bottom: 1px solid #eee; | 114 | border-bottom: 1px solid #eee; |
100 | 115 | ||
101 | & + .item { | 116 | & + .item { |
117 | + font-size: 36px; | ||
102 | height: 142px; | 118 | height: 142px; |
103 | line-height: 142px; | 119 | line-height: 142px; |
104 | font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | 120 | font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; |
-
Please register or login to post a comment