.d2-card 样式类

Former-commit-id: ebc32c296fb4536eca420e3c807a7fd7503a4f65 [formerly ebc32c296fb4536eca420e3c807a7fd7503a4f65 [formerly ebc32c296fb4536eca420e3c807a7fd7503a4f65 [formerly ebc32c296fb4536eca420e3c807a7fd7503a4f65 [formerly 7fdb616f73e2c36514f5138cb5bd8609159b2829 [formerly 81e8458c903cca7218568efd8bb7cfe0ec27c2cc]]]]]
Former-commit-id: d4ef6e0b6868352cf932ef40dba76f3558ddee6e
Former-commit-id: d60ca041eddfcf2eeb2c1cd9f251d25345add56f
Former-commit-id: 17e6d5fdb1436edf1ea269f32928c71682d00388 [formerly 1389028c3944a71da4eae8d3c730f99281280458]
Former-commit-id: 5b458e307c8ff34109ecaa836bb5828f59c1e36c
Former-commit-id: 838bc54e76eb119c2ac8dfc6aa4718d27d1e4984
Former-commit-id: bf2e0c07a945515850109240acc44d946799f21b
Former-commit-id: 7db1e253cbecc6195d80c95bd6dc614bf8b971d1
Former-commit-id: 39250e6a78db400e372f06523e084876b4e8307f

src/pages/demo/element/data-table/index.vue

@@ -1,26 +1,31 @@
 <template>
-  <d2-container>
+  <d2-container type="ghost">
+    <template slot="header">表格组件</template>
+    <div class="d2-mt d2-mr">
 
-    <h1 class="d2-mt-0">基础用法</h1>
-    <el-table
-      :data="tableData"
-      style="width: 100%">
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180">
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180">
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址">
-      </el-table-column>
-    </el-table>
+      <el-card shadow="never" class="d2-card">
+        <template slot="header">基础用法</template>
+        <el-table
+          :data="tableData"
+          style="width: 100%">
+          <el-table-column
+            prop="date"
+            label="日期"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="姓名"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="地址">
+          </el-table-column>
+        </el-table>
+      </el-card>
 
+    </div>
   </d2-container>
 </template>