diff --git a/src/pages/demo/components/contextmenu/custom-trigger.vue b/src/pages/demo/components/contextmenu/custom-trigger.vue
index 771b8ff7..9dc466a3 100644
--- a/src/pages/demo/components/contextmenu/custom-trigger.vue
+++ b/src/pages/demo/components/contextmenu/custom-trigger.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">自定义事件</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
diff --git a/src/pages/demo/components/contextmenu/disabled.vue b/src/pages/demo/components/contextmenu/disabled.vue
index 0c8576da..72013777 100644
--- a/src/pages/demo/components/contextmenu/disabled.vue
+++ b/src/pages/demo/components/contextmenu/disabled.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">禁用</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
diff --git a/src/pages/demo/components/contextmenu/divier.vue b/src/pages/demo/components/contextmenu/divier.vue
index 63e874bf..e8c2ebfb 100644
--- a/src/pages/demo/components/contextmenu/divier.vue
+++ b/src/pages/demo/components/contextmenu/divier.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">分割线</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
diff --git a/src/pages/demo/components/contextmenu/group.vue b/src/pages/demo/components/contextmenu/group.vue
index 8bc3312c..b47ca98f 100644
--- a/src/pages/demo/components/contextmenu/group.vue
+++ b/src/pages/demo/components/contextmenu/group.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">按钮组</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-group>
diff --git a/src/pages/demo/components/contextmenu/simple.vue b/src/pages/demo/components/contextmenu/simple.vue
index 09dd5183..cdcd2831 100644
--- a/src/pages/demo/components/contextmenu/simple.vue
+++ b/src/pages/demo/components/contextmenu/simple.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">基础</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
diff --git a/src/pages/demo/components/contextmenu/submenu.vue b/src/pages/demo/components/contextmenu/submenu.vue
index 4dbabcf4..2086b863 100644
--- a/src/pages/demo/components/contextmenu/submenu.vue
+++ b/src/pages/demo/components/contextmenu/submenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">子菜单</template>
     <v-contextmenu ref="contextmenu">
       <v-contextmenu-item @click="handleClick">菜单 1</v-contextmenu-item>
diff --git a/src/pages/demo/components/countup/index.vue b/src/pages/demo/components/countup/index.vue
index 1406fcc0..c0e21e46 100644
--- a/src/pages/demo/components/countup/index.vue
+++ b/src/pages/demo/components/countup/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container class="page">
+  <d2-container type="card" class="page">
     <template slot="header">数字动画组件</template>
     <el-row :gutter="20">
       <el-col :span="6">
diff --git a/src/pages/demo/components/layout/splitpane.vue b/src/pages/demo/components/layout/splitpane.vue
index 9963884c..b3519993 100644
--- a/src/pages/demo/components/layout/splitpane.vue
+++ b/src/pages/demo/components/layout/splitpane.vue
@@ -1,5 +1,5 @@
 <template>
-  <d2-container>
+  <d2-container type="card">
     <template slot="header">区域划分</template>
     <div style="height: 400px; margin: -16px;">
       <SplitPane :min-percent='20' :default-percent='30' split="vertical">