更改了项目管理项目卡片样式问题

src/views/ProjectManagement.vue

@@ -209,19 +209,24 @@
           box-shadow: 1px 2px 3px #ccc;
           border: 1px solid #ccc;
           border-radius: 5px;
-
+          display: flex;
+          flex-direction: column;
           .projectBlockPosition{    //完成状态
+            border-radius: 30px;
             position: absolute;
-            width: 100px;
-            height: 40px;
-            line-height: 40px;
+            top: 5px;
+            left: 5px;
+            width: 80px;
+            height: 30px;
+            // line-height: 40px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
             background: #000;
             opacity: 0.7;
-            left: 0px;
             font-size: 16px;
-            top: 0px;
             color:#d9dde7;
-            font-size: 14px;
+            // font-size: 14px;
           }
           img{
             width: 100%;height: 150px;
@@ -255,8 +260,13 @@
 
           .classBlockBtn{  //按钮栏
             box-sizing: border-box;
-            padding:0 5px;
+            padding:0 6px;
             display: flex;
+            flex: 1;
+            width: 100%;
+            justify-content: center;
+            align-items: center;
+            background-color:#dfdfdf ;
             .bt1{
               width: 100px;
               height: 35px;