diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index 67d925e..0a5dea9 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -98,7 +98,7 @@
               :sm="24"
               :xs="24"
             >
-              <el-card shadow="hover" class="mr-5px mt-5px">
+              <el-card shadow="hover" :style="{backgroundColor: item.color}" class="mr-5px mt-5px">
 <!--                <div class="flex items-center">-->
 <!--                  <Icon :icon="item.icon" :size="25" class="mr-8px" />-->
 <!--                  <span class="text-16px">{{ item.name }}</span>-->
@@ -338,12 +338,12 @@ const pjList = [
   {pjEtime: '2005-05-20',pjName: '保护环境',pjType: '社会',pjDept: '艺术部',pjNumber: 998877},
 ]
 const dataList = [
-  {name: '碳排放',infoCo2e: 543672300,dAn: '吨', time: '2024-07-05'},
-  {name: '用水量',infoCo2e: 543672300,dAn: '吨', time: '2024-07-05'},
-  {name: '环保投入',infoCo2e: 543672300,dAn: '万元', time: '2024-07-05'},
-  {name: '技能培训',infoCo2e: 543672300,dAn: '人', time: '2024-07-05'},
-  {name: '污染物质',infoCo2e: 543672300,dAn: '吨', time: '2024-07-05'},
-  {name: '研发费用',infoCo2e: 543672300,dAn: '万元', time: '2024-07-05'}
+  {name: '碳排放',infoCo2e: 543672300,dAn: '吨', time: '2024-07-05',color: '#e6eae3'},
+  {name: '用水量',infoCo2e: 543672300,dAn: '吨', time: '2024-07-05',color: '#ecf5ff'},
+  {name: '环保投入',infoCo2e: 543672300,dAn: '万元', time: '2024-07-05',color: '#f0f9eb'},
+  {name: '技能培训',infoCo2e: 543672300,dAn: '人', time: '2024-07-05',color: '#fef0f0'},
+  {name: '污染物质',infoCo2e: 543672300,dAn: '吨', time: '2024-07-05',color: '#c0c4cc'},
+  {name: '研发费用',infoCo2e: 543672300,dAn: '万元', time: '2024-07-05',color: '#fdf6ec'}
 ]
 const getCount = async () => {
   const data = {