fix: project list style problem

src/components/dashboard/WorkPlace.vue

@@ -20,7 +20,7 @@
     <div>
       <a-row style="margin: 0 -12px">
         <a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24">
-          <a-card :loading="loading" style="margin-bottom: 24px;" :bordered="false" title="进行中的项目" :body-style="{padding: 0}">
+          <a-card class="project-list" :loading="loading" style="margin-bottom: 24px;" :bordered="false" title="进行中的项目" :body-style="{padding: 0}">
             <a slot="extra">全部项目</a>
             <div>
               <a-card-grid :key="i" v-for="(item, i) in projects">
@@ -170,7 +170,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="less">
   .content {
     position: relative;
     top: 4px;
@@ -185,40 +185,50 @@ export default {
       margin-bottom: 12px;
     }
   }
-  .card-title {
+  .project-list {
-    font-size: 0;
+    .card-title {
-    a {
+      font-size: 0;
-      color: rgba(0, 0, 0, 0.85);
+      a {
-      margin-left: 12px;
+        color: rgba(0, 0, 0, 0.85);
-      line-height: 24px;
+        margin-left: 12px;
-      height: 24px;
+        line-height: 24px;
-      display: inline-block;
+        height: 24px;
-      vertical-align: top;
+        display: inline-block;
-      font-size: 14px;
+        vertical-align: top;
-      &:hover {
+        font-size: 14px;
-        color: #1890ff;
+        &:hover {
+          color: #1890ff;
+        }
       }
     }
-  }
+    .project-item {
-  .project-item {
+      display: flex;
-    display: flex;
+      margin-top: 8px;
-    margin-top: 8px;
+      overflow: hidden;
-    overflow: hidden;
+      font-size: 12px;
-    font-size: 12px;
+      height: 20px;
-    height: 20px;
+      line-height: 20px;
-    line-height: 20px;
+      a {
-    a {
+        color: rgba(0, 0, 0, 0.45);
-      color: rgba(0, 0, 0, 0.45);
+        display: inline-block;
-      display: inline-block;
+        flex: 1 1 0;
-      flex: 1 1 0;
+        &:hover {
-      &:hover {
+          color: #1890ff;
-        color: #1890ff;
+        }
+      }
+      .datetime {
+        color: rgba(0, 0, 0, 0.25);
+        flex: 0 0 auto;
+        float: right;
       }
     }
-    .datetime {
+    :global {
-      color: rgba(0, 0, 0, 0.25);
+      .ant-card-meta-description {
-      flex: 0 0 auto;
+        color: rgba(0, 0, 0, 0.45);
-      float: right;
+        height: 44px;
+        line-height: 22px;
+        overflow: hidden;
+      }
     }
   }
   .item-group{