修改无数据时没有文字

pages/exchange/contract-history.vue

@@ -47,7 +47,7 @@
           </div>
           <div class="row d-flex m-y-mini justify-between">
             <div class="label fn-sm">{{$t('contract.c7')}}</div>
-            <div class="color-light">{{item.profit*1||'--'}}</div>
+            <div :class="profits(item)">{{item.profit*1||'--'}}</div>
           </div>
           <div class="row d-flex m-y-mini justify-between">
             <div class="label fn-sm">{{$t('contract.b3')}}</div>
@@ -360,7 +360,15 @@ export default {
         myCanvas.width=0
         myCanvas.height=0
     },
-
+	profits(item){
+		if(item.profit < 0){
+			return 'color-sell'
+		}else if(item.profit == null){
+			return 'black'
+		}else{
+			return 'color-buy'
+		}
+	}
   },
     mounted() {
       // this.generalizeInfo()
@@ -404,4 +412,7 @@ export default {
   /deep/ .share.vant-popup-index{
       z-index: 100;
   }
+  .black{
+  	  color: black;
+    }
 </style>