统计数字加颜色

src/views/statisticalReport/daily.vue

@@ -3,7 +3,7 @@
  * @Author: gcz
  * @Date: 2024-05-16 14:35:40
  * @LastEditors: gcz
- * @LastEditTime: 2024-05-20 15:02:41
+ * @LastEditTime: 2024-05-20 17:46:39
  * @FilePath: \great_webui\src\views\statisticalReport\daily.vue
  * @Copyright: Copyright (c) 2016~2024 by gcz, All Rights Reserved. 
 -->
@@ -115,10 +115,10 @@
         </el-table-column>
       </el-table>
       <ul class="total-remark" v-if="responseData.totalRemark">
-        <li><span class="til">销售合计:</span>{{ responseData.saleTotalRemark||'-' }}</li>
-        <li><span class="til">推广票合计:</span>{{ responseData.promotionTicketTotalRemark||'-' }}</li>
-        <li><span class="til">0元购票合计:</span>{{ responseData.zeroTicketTotalRemark||'-' }}</li>
-        <li><span class="til">总计:</span>{{ responseData.totalRemark||'-' }}</li>
+        <li><span class="til">销售合计:</span><div class="html-wap" v-html="responseData.saleTotalRemarkOnColor||'-'"></div> </li>
+        <li><span class="til">推广票合计:</span><div class="html-wap" v-html="responseData.promotionTicketTotalRemarkOnColor||'-'"></div></li>
+        <li><span class="til">0元购票合计:</span><div class="html-wap" v-html="responseData.zeroTicketTotalRemarkOnColor||'-'"></div></li>
+        <li><span class="til">总计:</span><div class="html-wap" v-html="responseData.totalRemarkOnColor||'-'"></div></li>
       </ul>
 <!--   
       <pagination
@@ -329,9 +329,18 @@
     padding-left: 0;
     li{
       list-style: none;
+      display: flex;
+      ::v-deep .html-wap{
+        span{
+          color: blue;
+          margin: 0 5px;
+          display: inline-block;
+        }
+      }
     }
     .til{
       font-weight: bold;
+      color: #333;
     }
   }
   </style>