修复DetailList影响其他组件css样式的bug

src/components/detail/BasicDetail.vue

@@ -175,7 +175,7 @@ const scheduleData = [
     rate: '申请审批通过',
     status: 'success',
     operator: '系统',
-    cost: '1h',
+    cost: '1h'
   },
   {
     key: '5',

src/components/tool/DetailList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="detail-list">
     <div class="title">{{title}}</div>
     <a-row>
       <slot></slot>
@@ -67,36 +67,34 @@ export default {
 </script>
 
 <style lang="less">
-  .title {
+  .detail-list{
-    font-size: 16px;
+    .title {
-    color: rgba(0,0,0,.85);
+      font-size: 16px;
-    font-weight: 500;
+      color: rgba(0,0,0,.85);
-    margin-bottom: 16px;
+      font-weight: 500;
-  }
+      margin-bottom: 16px;
-  .term {
+    }
-    // Line-height is 22px IE dom height will calculate error
+    .term {
-    line-height: 20px;
+      // Line-height is 22px IE dom height will calculate error
-    padding-bottom: 16px;
+      line-height: 20px;
-    margin-right: 8px;
+      padding-bottom: 16px;
-    color: rgba(0,0,0,.85);
+      margin-right: 8px;
-    white-space: nowrap;
+      color: rgba(0,0,0,.85);
-    display: table-cell;
+      white-space: nowrap;
-    &:after {
+      display: table-cell;
-      content: ':';
+      &:after {
-      margin: 0 8px 0 2px;
+        content: ':';
-      position: relative;
+        margin: 0 8px 0 2px;
-      top: -0.5px;
+        position: relative;
+        top: -0.5px;
+      }
+    }
+    .content{
+      line-height: 22px;
+      width: 100%;
+      padding-bottom: 16px;
+      color: rgba(0,0,0,.85);
+      display: table-cell;
     }
-  }
-  .content{
-    line-height: 22px;
-    width: 100%;
-    padding-bottom: 16px;
-    color: rgba(0,0,0,.85);
-    display: table-cell;
-  }
-  .term,
-  .content{
-    padding-bottom: 8px;
   }
 </style>