fix : 首页细节样式优化

src/views/home/index.vue

@@ -4,6 +4,7 @@
       <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
         <div class="top-left">
           <el-card shadow="never">
+            <div class="notice-title">早上好，小i提醒您<span>有<span>{{ taskTabList[0].num }}</span>个审批待立项</span></div>
             <el-row class="statistics">
               <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" v-for="(item,index) in taskTabList" :key="index">
                 <div class="block" :style="{'background-image':'url('+getImgUrl(item.icon)+')'}"
@@ -1080,6 +1081,15 @@ const handleView = (row) => {
 
   .top-left {
     //flex: 0.8;
+    .notice-title{
+      margin-top: 10px;margin-left: 14px;color: #000000;letter-spacing: 1px;font-size: 16px;
+      >span{
+        color: #F40E0E;
+        >span{
+          font-weight: bold;
+        }
+      }
+    }
     .todo-bg {
       margin-top: 10px;
 
@@ -1213,7 +1223,7 @@ const handleView = (row) => {
         cursor: pointer;
         display: flex;
         align-items: center;
-        height: 150px;
+        height: 170px;
         background-size: 100% 100%;
         background-repeat: no-repeat;
 
@@ -1256,6 +1266,7 @@ const handleView = (row) => {
 
   .rules-block {
     height: 343px !important;
+    margin-top: 0!important;
 
     .notice {
       display: flex;
@@ -1300,8 +1311,9 @@ const handleView = (row) => {
   }
 
   .notice-block {
-    height: 421px;
+    height: 452px;
     overflow-y: scroll;
+    margin-top: 10px;
 
     &::-webkit-scrollbar {
       width: 6px;
@@ -1322,8 +1334,8 @@ const handleView = (row) => {
 
     .notice {
       min-width: 300px;
-      height: 61px;
+      height: 65px;
-      line-height: 61px;
+      line-height: 65px;
       padding: 0 15px;
       font-size: 15px;
       white-space: nowrap;
@@ -1346,13 +1358,15 @@ const handleView = (row) => {
   }
 
   .right {
+    height: 100%;
     //height: calc(100vh - 130px);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 
     .right-top {
-      height: 473px;
+      height: 100%;
+      //height: 473px;
       //flex: 0.61;
       overflow: hidden;
       border-radius: 10px;