首页《资金投入情况、资源环境项目》card填充

src/components/layout/MenuCard.vue

@@ -148,10 +148,10 @@ export default {
         transform: skew(-45deg);
       }
       &_iconE1 {
-        right: 30px;
+        right: 27px;
       }
       &_iconE2 {
-        right: 10px;
+        right: 7px;
       }
     }
     &_right {

src/views/HomeView.vue

@@ -6,7 +6,7 @@
     <div id="leftMenus">
       <MenuCard :type="menus.left[0].type" :title="menus.left[0].title" :boxHeight="menus.left[0].height">
         <template slot="top">
-          <TagTableCard :data="tagCardData2"/>
+          <TagTableCard :data="tagCardData2" />
         </template>
         <template slot="bottom">
           <ChartCard :title="'近三年农田面积变化'" />
@@ -14,7 +14,7 @@
       </MenuCard>
       <MenuCard :type="menus.left[1].type" :title="menus.left[1].title" :boxHeight="menus.left[1].height">
         <template slot="top">
-          <div class="displayFlex">
+          <div class="menuCardFlex">
             <TagCard :data="tagCardData"></TagCard>
             <TagCard :data="tagCardData"></TagCard>
             <TagCard :data="tagCardData"></TagCard>
@@ -26,7 +26,7 @@
       </MenuCard>
       <MenuCard :type="menus.left[2].type" :title="menus.left[2].title" :boxHeight="menus.left[2].height">
         <template slot="top">
-          <div class="displayFlex">
+          <div class="menuCardFlex">
             <TagCard :data="tagCardData3"></TagCard>
             <TagCard :data="tagCardData3"></TagCard>
           </div>
@@ -79,12 +79,28 @@
         :titleWidth="menus.right[0].titleWidth"
         :title="menus.right[0].title"
         :boxHeight="menus.right[0].height"
+      >
+        <template slot="top">
+          <div class="menuCardFlex" style="justify-content: center">
+            <TagCard :data="tagCardData3"></TagCard>
+          </div>
+        </template>
+        <template slot="bottom"> <ChartCard :title="'近三年林地面积变化'" /> </template
       ></MenuCard>
       <MenuCard
         :type="menus.right[1].type"
         :titleWidth="menus.right[1].titleWidth"
         :title="menus.right[1].title"
         :boxHeight="menus.right[1].height"
+      >
+        <template slot="top">
+          <div class="menuCardFlex">
+            <TagCard :data="tagCardData"></TagCard>
+            <TagCard :data="tagCardData"></TagCard>
+            <TagCard :data="tagCardData"></TagCard>
+          </div>
+        </template>
+        <template slot="bottom"> <ChartCard :title="'近三年审计项目变化'" /> </template
       ></MenuCard>
       <MenuCard
         :type="menus.right[2].type"
@@ -155,9 +171,9 @@ export default {
           }
         ],
         right: [
-          { type: "menu", title: "资金投入情况", titleWidth: 62 },
-          { type: "menu", title: "资源环境项目", titleWidth: 62 },
-          { type: "menu", title: "历年频发问题TOP5", titleWidth: 82 }
+          { type: "menu", title: "资金投入情况", titleWidth: 64 },
+          { type: "menu", title: "资源环境项目", titleWidth: 64 },
+          { type: "menu", title: "历年频发问题TOP5", titleWidth: 81 }
         ]
       },
       buttonData: ["A", "B", "C"],
@@ -269,7 +285,8 @@ export default {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE 10+ */
   &::-webkit-scrollbar {
-  display: none; /* Chrome Safari */}
+    display: none; /* Chrome Safari */
+  }
 }
 #mainMenus {
   position: absolute;
@@ -344,9 +361,10 @@ export default {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE 10+ */
   &::-webkit-scrollbar {
-  display: none; /* Chrome Safari */}
+    display: none; /* Chrome Safari */
+  }
 }
-.displayFlex {
+.menuCardFlex {
   display: flex;
   align-content: center;
   align-items: center;