|
@@ -70,7 +70,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="message-content">
|
|
<view class="message-content">
|
|
|
<text class="message-title">{{ msg.fullText || msg.description }}</text>
|
|
<text class="message-title">{{ msg.fullText || msg.description }}</text>
|
|
|
- <text v-if="msg.amount !== 0" class="message-amount" :style="{ color: msg.amount >= 0 ? #10B981 : #EF4444 }">
|
|
|
|
|
|
|
+ <text v-if="msg.amount !== 0" :class="['message-amount', msg.amount >= 0 ? 'amount-pos' : 'amount-neg']">
|
|
|
{{ msg.amount >= 0 ? '+' : '' }}{{ msg.amount }}
|
|
{{ msg.amount >= 0 ? '+' : '' }}{{ msg.amount }}
|
|
|
</text>
|
|
</text>
|
|
|
</view>
|
|
</view>
|
|
@@ -91,7 +91,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="message-content">
|
|
<view class="message-content">
|
|
|
<text class="message-title">{{ msg.fullText || msg.description }}</text>
|
|
<text class="message-title">{{ msg.fullText || msg.description }}</text>
|
|
|
- <text v-if="msg.amount !== 0" class="message-amount" :style="{ color: msg.amount >= 0 ? #10B981 : #EF4444 }">
|
|
|
|
|
|
|
+ <text v-if="msg.amount !== 0" :class="['message-amount', msg.amount >= 0 ? 'amount-pos' : 'amount-neg']">
|
|
|
{{ msg.amount >= 0 ? '+' : '' }}{{ msg.amount }}
|
|
{{ msg.amount >= 0 ? '+' : '' }}{{ msg.amount }}
|
|
|
</text>
|
|
</text>
|
|
|
</view>
|
|
</view>
|
|
@@ -112,7 +112,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="message-content">
|
|
<view class="message-content">
|
|
|
<text class="message-title">{{ msg.fullText || msg.description }}</text>
|
|
<text class="message-title">{{ msg.fullText || msg.description }}</text>
|
|
|
- <text v-if="msg.amount !== 0" class="message-amount" :style="{ color: msg.amount >= 0 ? #10B981 : #EF4444 }">
|
|
|
|
|
|
|
+ <text v-if="msg.amount !== 0" :class="['message-amount', msg.amount >= 0 ? 'amount-pos' : 'amount-neg']">
|
|
|
{{ msg.amount >= 0 ? '+' : '' }}{{ msg.amount }}
|
|
{{ msg.amount >= 0 ? '+' : '' }}{{ msg.amount }}
|
|
|
</text>
|
|
</text>
|
|
|
</view>
|
|
</view>
|
|
@@ -616,6 +616,14 @@ export default {
|
|
|
margin-top: 4rpx;
|
|
margin-top: 4rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.message-amount.amount-pos {
|
|
|
|
|
+ color: $status-success;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.message-amount.amount-neg {
|
|
|
|
|
+ color: $status-danger;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.message-meta {
|
|
.message-meta {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|