|
@@ -117,7 +117,11 @@
|
|
|
<view class="shop-main-actions">
|
|
<view class="shop-main-actions">
|
|
|
<view
|
|
<view
|
|
|
class="balance-btn"
|
|
class="balance-btn"
|
|
|
- :class="Number(item.balance) < 0 ? 'is-debt' : 'is-balance'"
|
|
|
|
|
|
|
+ :class="{
|
|
|
|
|
+ 'is-debt': Number(item.balance) < 0,
|
|
|
|
|
+ 'is-positive': Number(item.balance) > 0,
|
|
|
|
|
+ 'is-zero': Number(item.balance) === 0 || !item.balance
|
|
|
|
|
+ }"
|
|
|
@click.stop="recharge(item)"
|
|
@click.stop="recharge(item)"
|
|
|
>
|
|
>
|
|
|
<view class="balance-btn-content">
|
|
<view class="balance-btn-content">
|
|
@@ -810,17 +814,28 @@ page {
|
|
|
margin-right: 16upx;
|
|
margin-right: 16upx;
|
|
|
background: #eef9f0;
|
|
background: #eef9f0;
|
|
|
|
|
|
|
|
- /* 余额:标签+数值均为绿色 */
|
|
|
|
|
- &.is-balance {
|
|
|
|
|
|
|
+ /* 余额为 0:标签+数值均为绿色,不加粗 */
|
|
|
|
|
+ &.is-zero {
|
|
|
background: #eef9f0;
|
|
background: #eef9f0;
|
|
|
|
|
|
|
|
.balance-btn-label,
|
|
.balance-btn-label,
|
|
|
.balance-btn-value {
|
|
.balance-btn-value {
|
|
|
color: #1f7a3d;
|
|
color: #1f7a3d;
|
|
|
|
|
+ font-weight: 400;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- /* 待结:标签+数值均为红色 */
|
|
|
|
|
|
|
+ /* 余额 > 0:文字蓝色,背景保持原绿色底 */
|
|
|
|
|
+ &.is-positive {
|
|
|
|
|
+ background: #eef9f0;
|
|
|
|
|
+
|
|
|
|
|
+ .balance-btn-label,
|
|
|
|
|
+ .balance-btn-value {
|
|
|
|
|
+ color: #4c8ff3;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 待结(余额 < 0):标签+数值均为红色 */
|
|
|
&.is-debt {
|
|
&.is-debt {
|
|
|
background: #fef2f2;
|
|
background: #fef2f2;
|
|
|
|
|
|