Showing
2 changed files
with
24 additions
and
12 deletions
1 | {{# list}} | 1 | {{# list}} |
2 | <div class="grade-bill"> | 2 | <div class="grade-bill"> |
3 | <div class="grade-bill-left"> | 3 | <div class="grade-bill-left"> |
4 | - <div class="order">{{desc}}{{#if activityInfoTitle}}<span class="order-tip"> ({{activityInfoTitle}})</span>{{/if}}</div> | 4 | + <div class="order"><span>{{desc}}</span>{{#if activityInfoTitle}}<span class="order-tip">({{activityInfoTitle}}</span><span class="order-tip-end">)</span>{{/if}}</div> |
5 | <div class="time">{{createTimeStr}}</div> | 5 | <div class="time">{{createTimeStr}}</div> |
6 | </div> | 6 | </div> |
7 | <div class="grade-bill-right"> | 7 | <div class="grade-bill-right"> |
@@ -143,18 +143,30 @@ | @@ -143,18 +143,30 @@ | ||
143 | .grade-bill-left > .order { | 143 | .grade-bill-left > .order { |
144 | font-size: 22px; | 144 | font-size: 22px; |
145 | white-space: nowrap; | 145 | white-space: nowrap; |
146 | - } | ||
147 | - | ||
148 | - .grade-bill-left > .order > .order-tip { | ||
149 | - font-size: 18px; | ||
150 | - color: #4a90e2; | ||
151 | - font-weight: 300; | ||
152 | - } | ||
153 | 146 | ||
154 | - .grade-bill-left > .time { | ||
155 | - margin-top: 4px; | ||
156 | - font-size: 18px; | ||
157 | - color: #444; | 147 | + span { |
148 | + float: left; | ||
149 | + } | ||
150 | + | ||
151 | + .order-tip-end { | ||
152 | + color: #4a90e2; | ||
153 | + } | ||
154 | + | ||
155 | + .order-tip { | ||
156 | + font-size: 18px; | ||
157 | + color: #4a90e2; | ||
158 | + font-weight: 300; | ||
159 | + max-width: 260px; | ||
160 | + overflow: hidden; | ||
161 | + text-overflow: ellipsis; | ||
162 | + margin-left: 10px; | ||
163 | + } | ||
164 | + | ||
165 | + .time { | ||
166 | + margin-top: 4px; | ||
167 | + font-size: 18px; | ||
168 | + color: #444; | ||
169 | + } | ||
158 | } | 170 | } |
159 | 171 | ||
160 | .grade-bill-right { | 172 | .grade-bill-right { |
-
Please register or login to post a comment