tt

components/page/filed.vue

@@ -22,46 +22,53 @@ export default {
 </script>
 <style lang="less">
 .detail {
-  display: table;
+  // display: table;
   height: 100%;
   border-collapse: collapse;
   .ivu-row {
     border: 1px solid #ddd;
     border-top: none;
-    height: 100%;
+    // height: 100px;
     .filed-col {
       max-width: 970px;
-      border: 1px solid #ddd;
-      border-right: none;
-      margin: 0 -1px -1px -1px;
+      border-top: 1px solid #ddd;
+      border-left: 1px solid #ddd;
+        margin-left: -1px;
       box-sizing: border-box;
+      // line-height: 70px;
+      max-height: 100px;
       .label {
-        background: #e8eaf1;
-        display: inline-block;
+        // background: #e8eaf1;
+        // display: inline-block;
         width: 100px;
         text-align: right;
+
         padding: 0 5px;
-        line-height: 35px;
+        // line-height: 40px;
         float: left;
-        height: 100%;
+        height: inherit;
       }
       p {
         max-width: 870px;
-        height: 100%;
+        height: inherit;
         word-break: break-all;
         word-wrap: break-word;
-        margin: 0 10px 0 110px;
-        line-height: 20px;
-        padding-top: 7px;
+        //  margin: 0 10px 0 110px;
+        padding: 5px;
+        line-height: 30px;
+        margin-left: 110px;
+        // border-left: 1px solid #ddd;
+        // padding-top: 10px;
       }
     }
     .ivu-col-span-24 {
       .label {
-        height: 100%;
-        line-height: 70px;
+        height: inherit;
+        padding: 0.5% 5px;
       }
       p {
-        padding-top: 10px;
+        height: inherit;
+        // padding-top: 1%;
       }
     }
   }