Authored by 郭成尧

text-flex-end

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 clearfix"><span>{{desc}}</span>{{#if activityInfoTitle}}<span class="order-tip">({{activityInfoTitle}}</span><span class="order-tip-end">)</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">
@@ -21,14 +21,6 @@ @@ -21,14 +21,6 @@
21 } 21 }
22 22
23 .grade-detail-page { 23 .grade-detail-page {
24 - .clearfix:after {  
25 - content: ".";  
26 - display: block;  
27 - height: 0;  
28 - clear: both;  
29 - visibility: hidden;  
30 - }  
31 -  
32 > .user-defined-header > .nav-title { 24 > .user-defined-header > .nav-title {
33 font-size: 32px; 25 font-size: 32px;
34 font-weight: 500; 26 font-weight: 500;
@@ -153,11 +145,11 @@ @@ -153,11 +145,11 @@
153 white-space: nowrap; 145 white-space: nowrap;
154 width: 100%; 146 width: 100%;
155 height: 40px; 147 height: 40px;
  148 + line-height: 40px;
  149 + display: flex;
  150 + align-items: flex-end;
156 151
157 - span {  
158 - float: left;  
159 - }  
160 - 152 + .order-tip,
161 .order-tip-end { 153 .order-tip-end {
162 font-size: 18px; 154 font-size: 18px;
163 color: #4a90e2; 155 color: #4a90e2;
@@ -165,9 +157,6 @@ @@ -165,9 +157,6 @@
165 } 157 }
166 158
167 .order-tip { 159 .order-tip {
168 - font-size: 18px;  
169 - color: #4a90e2;  
170 - font-weight: 300;  
171 max-width: 260px; 160 max-width: 260px;
172 overflow: hidden; 161 overflow: hidden;
173 text-overflow: ellipsis; 162 text-overflow: ellipsis;