diff --git a/src/pages/demo/chart/demo/PieBase.vue b/src/pages/demo/chart/demo/PieBase.vue
index 9ef6d16e..e651ffdc 100644
--- a/src/pages/demo/chart/demo/PieBase.vue
+++ b/src/pages/demo/chart/demo/PieBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2PieBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2PieBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/areaBase.vue b/src/pages/demo/chart/demo/areaBase.vue
index 9764ac57..5b59f7c4 100644
--- a/src/pages/demo/chart/demo/areaBase.vue
+++ b/src/pages/demo/chart/demo/areaBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2AreaBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2AreaBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/barBase.vue b/src/pages/demo/chart/demo/barBase.vue
index 7f4debef..1bd4a091 100644
--- a/src/pages/demo/chart/demo/barBase.vue
+++ b/src/pages/demo/chart/demo/barBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2BarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2BarBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/columnBase.vue b/src/pages/demo/chart/demo/columnBase.vue
index 9a840a47..77c9447b 100644
--- a/src/pages/demo/chart/demo/columnBase.vue
+++ b/src/pages/demo/chart/demo/columnBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2ColumnBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2ColumnBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/lineBase.vue b/src/pages/demo/chart/demo/lineBase.vue
index aa35854a..36354672 100644
--- a/src/pages/demo/chart/demo/lineBase.vue
+++ b/src/pages/demo/chart/demo/lineBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2LineBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/lineStep.vue b/src/pages/demo/chart/demo/lineStep.vue
index 4c77a05d..4a47b167 100644
--- a/src/pages/demo/chart/demo/lineStep.vue
+++ b/src/pages/demo/chart/demo/lineStep.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2LineStep slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineStep>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/nightingaleRoseBase.vue b/src/pages/demo/chart/demo/nightingaleRoseBase.vue
index 965335c6..a472a365 100644
--- a/src/pages/demo/chart/demo/nightingaleRoseBase.vue
+++ b/src/pages/demo/chart/demo/nightingaleRoseBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2NightingaleRoseBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2NightingaleRoseBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>
 
diff --git a/src/pages/demo/chart/demo/radarBase.vue b/src/pages/demo/chart/demo/radarBase.vue
index 2c1b2491..2140826e 100644
--- a/src/pages/demo/chart/demo/radarBase.vue
+++ b/src/pages/demo/chart/demo/radarBase.vue
@@ -3,7 +3,9 @@
     <ChartDemoCard v-bind="card" @resize="$refs.chart.resize()">
       <G2RadarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2RadarBase>
     </ChartDemoCard>
-    <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    <el-card>
+      <Markdown url="/static/markdownFiles/article/组件 - 图表.md"></Markdown>
+    </el-card>
   </Container>
 </template>