优化样式

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis.component.html

@@ -54,7 +54,7 @@
             <span class="name">{{headerData.compareTotalPrice}}</span>
             <span class="value">对比期总费用</span>
           </div>
-          <div class="total_item green">
+          <div class="total_item" [ngClass]="{red: headerData.priceRate > 0, green: headerData.priceRate <= 0}">
             <span class="name">{{headerData.priceRate}}%</span>
             <span class="value">差异率</span>
           </div>
@@ -68,7 +68,7 @@
             <span class="name">{{headerData.compareTotalCount}}</span>
             <span class="value">对比期总数量</span>
           </div>
-          <div class="total_item green">
+          <div class="total_item" [ngClass]="{red: headerData.countRate > 0, green: headerData.countRate <= 0}">
             <span class="name">{{headerData.countRate}}%</span>
             <span class="value">差异率</span>
           </div>

src/app/views/quilt-washing-trend-analysis/quilt-washing-trend-analysis.component.less

@@ -108,6 +108,9 @@
                 &.green{
                   color: @primary-color;
                 }
+                &.red{
+                  color: red;
+                }
               }
               .value{
                 font-size: 16px;