diff --git a/jsowell-ui/src/assets/images/dingdan.png b/jsowell-ui/src/assets/images/dingdan.png
index 2a859eb19..8b7d4c134 100644
Binary files a/jsowell-ui/src/assets/images/dingdan.png and b/jsowell-ui/src/assets/images/dingdan.png differ
diff --git a/jsowell-ui/src/assets/images/lightning.png b/jsowell-ui/src/assets/images/lightning.png
index 7252e48f7..841fae605 100644
Binary files a/jsowell-ui/src/assets/images/lightning.png and b/jsowell-ui/src/assets/images/lightning.png differ
diff --git a/jsowell-ui/src/assets/images/shebei.png b/jsowell-ui/src/assets/images/shebei.png
index daf09e1b0..3610b2a9a 100644
Binary files a/jsowell-ui/src/assets/images/shebei.png and b/jsowell-ui/src/assets/images/shebei.png differ
diff --git a/jsowell-ui/src/assets/images/yue.png b/jsowell-ui/src/assets/images/yue.png
index 92921aa44..27541691e 100644
Binary files a/jsowell-ui/src/assets/images/yue.png and b/jsowell-ui/src/assets/images/yue.png differ
diff --git a/jsowell-ui/src/assets/images/zongfeiyong.png b/jsowell-ui/src/assets/images/zongfeiyong.png
index 9838a5cf9..224afaa0d 100644
Binary files a/jsowell-ui/src/assets/images/zongfeiyong.png and b/jsowell-ui/src/assets/images/zongfeiyong.png differ
diff --git a/jsowell-ui/src/views/homeIndex/homeIndex.vue b/jsowell-ui/src/views/homeIndex/homeIndex.vue
index 17142b9d3..f169784ec 100644
--- a/jsowell-ui/src/views/homeIndex/homeIndex.vue
+++ b/jsowell-ui/src/views/homeIndex/homeIndex.vue
@@ -3,7 +3,7 @@
     <h1>概况</h1>
     <hr />
     <div style="display: flex;justify-content: space-between;flex-wrap: wrap;">
-      <div class="box">
+      <div class="box" style="background-color: #ffba00;">
         <el-image class="box-image"
             :src="require('@/assets/images/lightning.png')"
            />
@@ -12,7 +12,7 @@
           <div>总充电电量(度)</div>
         </div>
       </div>
-      <div class="box">
+      <div class="box" style="background-color: #c74542;">
          <el-image class="box-image"
             :src="require('@/assets/images/zongfeiyong.png')" />
           <div class="flex1">
@@ -20,7 +20,7 @@
             <div>总充电费用(元)</div>
           </div>
       </div>
-      <div class="box">
+      <div class="box" style="background-color: #12ce65;">
         <el-image
             class="box-image"
             :src="require('@/assets/images/dingdan.png')" />
@@ -29,7 +29,7 @@
           <div>总充电订单数(笔)</div>
         </div>    
       </div>
-      <div class="box">
+      <div class="box" style="background-color: #909399;">
         <el-image
             class="box-image"
             :src="require('@/assets/images/shebei.png')" />
@@ -38,7 +38,7 @@
           <div>总充电设备数量(座)</div>
         </div>
       </div>
-      <div class="box"  v-hasRole="['admin', 'common']">
+      <div class="box"  v-hasRole="['admin', 'common']" style="background-color: #ff4949;">
         <el-image
             class="box-image"
             :src="require('@/assets/images/yue.png')"
@@ -356,9 +356,8 @@ export default {
   padding: 10px;
   /* font-size: 18px; */
   color: #ffffff;
-  background-color: #1ab3b3;
   border-radius: 8px;
-  box-shadow: 0 15px 10px -11px #1ab394;
+  box-shadow: 0 15px 10px -11px black;
   margin-right: 24px;
   margin-bottom: 20px;
   position: relative;