ok

components/page/filed.vue

@@ -34,24 +34,21 @@ export default {
       border-right: none;
       margin: 0 -1px -1px -1px;
       box-sizing: border-box;
-      line-height: 70px;
+      display: flex;
+      line-height: 40px;
       .label {
-        background: #e8eaf1;
+        background: #f7f7f7;
         display: inline-block;
-        width: 100px;
+        width: 110px;
         text-align: right;
-        padding: 0 5px;
-        line-height: 40px;
-        float: left;
-        height: 100%;
+        padding: 0 10px 0 0;
+        border-right: 1px solid #ddd;
       }
       p {
-        height: 100%;
         word-break: break-all;
         word-wrap: break-word;
-        margin: 0 10px 0 110px;
-        line-height: 20px;
-        padding-top: 10px;
+        flex-grow: 1;
+        padding-left: 10px;
       }
     }
     .ivu-col-span-24 {
@@ -65,7 +62,7 @@ export default {
     }
   }
 }
-.new-detail {
+.new_detail {
   .ivu-row {
     width: 100% !important;
     .filed-col {
@@ -76,7 +73,6 @@ export default {
         width: 100px;
         text-align: right;
         line-height: 40px;
-        float: left;
         height: 100%;
         font-weight: bold;
       }

package-lock.json

@@ -9538,7 +9538,8 @@
       "dependencies": {
         "deepmerge": {
           "version": "2.2.1",
-          "bundled": true
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
+          "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA=="
         }
       }
     },
@@ -19890,7 +19891,8 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
       "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "rx-lite-aggregates": {
       "version": "4.0.8",