filed 样试

components/page/filed.vue

 <template>
   <Col :span="span" class="filed-col">
     <div class="label">
-      <label  v-text="name"></label>
+      <label v-text="name"></label>
     </div>
     <div class="value">
       <slot></slot>
@@ -40,7 +40,7 @@ export default {
       display: flex;
       flex-direction: row;
       line-height: 40px;
-      >.label {
+      > .label {
         background: #f7f7f7;
         flex-grow: 0;
         width: 120px;
@@ -49,25 +49,27 @@ export default {
         border-right: 1px solid #ddd;
         flex-shrink: 0;
       }
-      >.value {
+      > .value {
         word-break: break-all;
         word-wrap: break-word;
         flex-grow: 1;
         padding-left: 10px;
-        >div{
+        > div {
           line-height: 30px;
         }
       }
     }
   }
 }
-.new_detail {
+.new-detail {
   .ivu-row {
     width: 100% !important;
     .filed-col {
       box-sizing: border-box;
       line-height: 70px;
-      >.label {
+      display: flex;
+      flex-direction: row;
+      > .label {
         display: inline-block;
         width: 100px;
         text-align: right;
@@ -75,7 +77,7 @@ export default {
         height: 100%;
         font-weight: bold;
       }
-      >p {
+      > .value {
         text-align: left;
         height: 100%;
         word-break: break-all;