Authored by 郭成尧

style-modified

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 {