修改投诉管理样式

src/components/Complaints/ComplaintsManage.vue

@@ -18,9 +18,31 @@
     background-color: #FFFFFF;
     color: #333333;
   }
+  .Complain_item span{
+    font-size:14px;
+  }
+  .Complain_item div{
+    margin-top:7px;
+  }
+  .Complain_item div i{
+    font-size:12px;
+  }
   .complain_col{
     height:60px;
   }
+  .Complain_green{
+    color:#1BC594;
+  }
+  .Com_yingfu{
+      font-size:16px;
+      color:#1BC594;
+      font-weight:bold;
+  }
+  .Com_zong{
+      font-size:16px;
+      color: #E95252;
+      font-weight:bold;
+  }
 </style>
 
 <template>
@@ -117,16 +139,18 @@
       <el-row :gutter="20">
         <el-col :span="4" class="complain_col">
           <div class="Complain_item">
-            <p>
-              <span>应赔总金额：{{complainStatistic.compensateTotalMoney}}</span>
-            </p>
+            <div>
+              <i class="iconfont icon-qian Complain_green"></i>
+              <span>应赔总金额：<span class="Com_yingfu">{{complainStatistic.compensateTotalMoney}}</span></span>
+            </div>
           </div>
         </el-col>
         <el-col :span="4" class="complain_col">
           <div class="Complain_item">
-            <p>
-              <span>实赔总金额：{{complainStatistic.backTotalMoney}}</span>
-            </p>
+            <div>
+              <i class="iconfont icon-qian Complain_green"></i>
+              <span>实赔总金额：<span class="Com_zong">{{complainStatistic.backTotalMoney}}</span></span>
+            </div>
           </div>
         </el-col>
       </el-row>