提取公共的card样式

src/views/ems/zddt/index.vue

@@ -6,9 +6,9 @@
       <div class="zd-msg-container">
         <div class="zd-msg-top">
           <zd-select></zd-select>
-          <el-card class="single-zd-detail-container">
+          <el-card class="common-card-container">
             <div slot="header">
-              <span class="header-title">基本信息</span>
+              <span class="card-title">基本信息</span>
               <el-button style="float: right; padding: 3px 0" type="text" size="small">查看详情</el-button>
             </div>
             <div class="single-zd-name">上海电动工具所站</div>
@@ -92,13 +92,6 @@ export default {
   .zd-msg-container{
     width: 500px;
     padding: 24px;
-    ::v-deep .el-card__header{
-      background: #F1F5FB;
-      border-bottom: none;
-      .header-title{
-        font-weight: 500;
-      }
-    }
     .single-zd-name{
       font-weight: 500;
       line-height: 23px;