fdsfd

src/assets/scss/people.scss

@@ -2,6 +2,29 @@
 @import "c/function";
 
 .m-people {
-    width: 400px;
+    width: 850px;
-    // height: 400px;
+
+    .title {
+        padding: 10px;
+        font-size: 22px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+
+        img {
+            display: block;
+            margin-right: 5px;
+        }
+        span {
+            display: block;
+        }
+    }
+
+    .ren {
+        .pic-ren {
+            margin: 0 auto;
+        }
+    }
 }

src/assets/scss/shuju-card.scss

@@ -4,9 +4,10 @@
 .m-card {
     position: relative;
     box-sizing: border-box;
+    min-width: 200px;
     width: 100%;
     height: 100%;
-    padding: 11px;
+    padding: 22px;
 
     .corner {
         position: absolute;
@@ -36,36 +37,36 @@
 
         &.line-t {
             background-image: url(../img/shuju/card/line-t.png);
-            left: 11px;
+            left: 22px;
-            right: 120px;
+            right: 240px;
             top: 0;
-            height: 11px;
+            height: 22px;
         }
         &.line-r {
             background-image: url(../img/shuju/card/line-r.png);
-            top: 11px;
+            top: 22px;
-            bottom: 11px;
+            bottom: 22px;
             right: 0;
-            width: 11px;
+            width: 22px;
         }
         &.line-b {
             background-image: url(../img/shuju/card/line-b.png);
-            left: 11px;
+            left: 22px;
-            right: 120px;
+            right: 240px;
             bottom: 0;
-            height: 11px;
+            height: 22px;
         }
         &.line-l {
             background-image: url(../img/shuju/card/line-l.png);
-            top: 11px;
+            top: 22px;
-            bottom: 11px;
+            bottom: 22px;
             left: 0;
-            width: 11px;
+            width: 22px;
         }
     }
 
     .cnt {
-        height: 300px;
+        min-height: 200px;
         background-image: url(../img/shuju/card/bg.png);
         background-repeat: repeat;
     }

src/views/modules/visual/basicinfo/people.vue

@@ -3,7 +3,13 @@
     <div class="g-l">
       <div class="m-people">
         <cpt-card>
-          哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+          <div class="title">
+            <img src="@/assets/img/shuju/title-tip.png" />
+            <span>人员情况</span>
+          </div>
+          <div class="ren">
+            <img class="pic-ren" src="@/assets/img/shuju/people/ren.png" />
+          </div>
         </cpt-card>
       </div>
     </div>