|
|
@@ -90,7 +90,7 @@
|
|
|
<image class="meta-icon" :src="iconSrc('client-calendar')" mode="aspectFit" />
|
|
|
<text>{{ shortDateTime(item.visitTime) }}</text>
|
|
|
</view>
|
|
|
- <view class="meta-item" :class="item.amountClass">
|
|
|
+ <view class="meta-item meta-item-amount" :class="item.amountClass">
|
|
|
<image class="meta-icon meta-icon-balance" :src="iconSrc('client-balance')" mode="aspectFit" />
|
|
|
<text>{{ amountText(item) }}</text>
|
|
|
</view>
|
|
|
@@ -652,12 +652,26 @@ export default {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
+.meta-item-amount {
|
|
|
+ width: 130upx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.meta-item-amount text {
|
|
|
+ flex: 1;
|
|
|
+ min-width: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
.meta-item,
|
|
|
.status-pill {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-shrink: 0;
|
|
|
- margin-right: 18upx;
|
|
|
+ margin-right: 20upx;
|
|
|
min-width: 0;
|
|
|
color: #828892;
|
|
|
font-size: 26upx;
|
|
|
@@ -666,7 +680,7 @@ export default {
|
|
|
|
|
|
.meta-item text,
|
|
|
.status-pill text {
|
|
|
- margin-left: 6upx;
|
|
|
+ margin-left: 8upx;
|
|
|
}
|
|
|
|
|
|
.meta-item.positive {
|