no message

Former-commit-id: afef3af60139bd559aa150052fc3a72ec2f384a4 Former-commit-id: e2b324d8476ca2a52c625f2aee16972708a43bec Former-commit-id: ab3a3d9097c684c0fb1b54b1a5f228157b2f81ff
2018-06-10 08:39:06 +08:00
parent 75d5500f22
commit 8cc55e1bf7
54 changed files with 121 additions and 115 deletions
--- a/src/assets/style/fixed/base.scss
+++ b/src/assets/style/fixed/base.scss
@@ -10,10 +10,6 @@ html, body {
    bottom: 0px;
    left: 0px;
    right: 0px;
-    pre {
-      margin: 0px;
-      border-radius: 4px;
-    }
    a {
      text-decoration: none;
    }
--- a/src/components/core/Highlight/index.vue
+++ b/src/components/core/Highlight/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <pre v-html="highlightHTML"></pre>
+  <pre class="high-light-component" v-html="highlightHTML"></pre>
 </template>

 <script>
@@ -34,3 +34,10 @@ export default {
  }
 }
 </script>
+
+<style lang="scss" scoped>
+.high-light-component {
+  margin: 0px;
+  border-radius: 4px;
+}
+</style>
--- a/src/components/core/d2-container-full/index.vue
+++ b/src/components/core/d2-container-full/index.vue
@@ -14,6 +14,7 @@

 <script>
 export default {
+  name: 'd2-container-full',
  props: {
    // 定位 上 右 下 左
    top: {
--- a/src/components/core/d2-container/index.vue
+++ b/src/components/core/d2-container/index.vue
@@ -11,16 +11,17 @@
      <slot></slot>
    </div>
    <!-- [container-full] 撑满 -->
-    <container-full v-if="type === 'full'" :right="20" :bottom="0">
+    <d2-container-full v-if="type === 'full'" :right="20" :bottom="0">
      <slot v-if="$slots.header" name="header" slot="header"></slot>
      <slot></slot>
      <slot v-if="$slots.footer" name="footer" slot="footer"></slot>
-    </container-full>
+    </d2-container-full>
  </div>
 </template>

 <script>
 export default {
+  name: 'd2-container',
  props: {
    // 容器样式
    type: {
@@ -36,7 +37,7 @@ export default {
    }
  },
  components: {
-    containerFull: () => import('../ContainerFull/index.vue')
+    'd2-container-full': () => import('../d2-container-full/index.vue')
  }
 }
 </script>
--- a/src/components/core/register.js
+++ b/src/components/core/register.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'

-Vue.component('Container', resolve => { require(['@/components/core/Container'], resolve) })
+Vue.component('d2-container', resolve => { require(['@/components/core/d2-container'], resolve) })
 Vue.component('CountUp', resolve => { require(['@/components/core/CountUp'], resolve) })
 Vue.component('Highlight', resolve => { require(['@/components/core/Highlight'], resolve) })
 Vue.component('Icon', resolve => { require(['@/components/core/Icon'], resolve) })
--- a/src/pages/core/index/index.vue
+++ b/src/pages/core/index/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <PageIndexArticle
      title="I AM D2ADMIN"
      sub-title="追求简约美感 & 上手即用的后台管理系统模板">
      <img src="@/assets/image/logo/w500.png">
    </PageIndexArticle>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/business/index/index.vue
+++ b/src/pages/demo/business/index/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <PageIndexArticle
      title="示例业务页面"
      sub-title="如果用不到 建议删除相关代码">
      <img src="@/assets/image/logo/w500-business.png">
    </PageIndexArticle>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/business/user-center/home/index.vue
+++ b/src/pages/demo/business/user-center/home/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <template slot="header">
      用户中心
    </template>
    doing...
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/chart/all/index.vue
+++ b/src/pages/demo/chart/all/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost" :responsive="true" class="demo-chart-index">
+  <d2-container type="ghost" :responsive="true" class="demo-chart-index">
    <el-row :gutter="20">
      <el-col class="col" :span="8">
        <el-card class="header-in">
@@ -50,7 +50,7 @@
        </el-card>
      </el-col>
    </el-row>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/PieBase.vue
+++ b/src/pages/demo/chart/demo/PieBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2PieBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2PieBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/areaBase.vue
+++ b/src/pages/demo/chart/demo/areaBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2AreaBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2AreaBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/barBase.vue
+++ b/src/pages/demo/chart/demo/barBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2BarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2BarBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/columnBase.vue
+++ b/src/pages/demo/chart/demo/columnBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2ColumnBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2ColumnBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/lineBase.vue
+++ b/src/pages/demo/chart/demo/lineBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2LineBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/lineStep.vue
+++ b/src/pages/demo/chart/demo/lineStep.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2LineStep slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2LineStep>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/nightingaleRoseBase.vue
+++ b/src/pages/demo/chart/demo/nightingaleRoseBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2NightingaleRoseBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2NightingaleRoseBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/demo/radarBase.vue
+++ b/src/pages/demo/chart/demo/radarBase.vue
@@ -1,12 +1,12 @@
 <template>
-  <Container type="ghost" :responsive="true">
+  <d2-container type="ghost" :responsive="true">
    <ChartDemoCard class="d2-mb" v-bind="card" @resize="$refs.chart.resize()">
      <G2RadarBase slot-scope="{data}" ref="chart" :data="data" v-bind="chart"></G2RadarBase>
    </ChartDemoCard>
    <el-card>
      <Markdown url="/static/md/组件 - 图表.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/dynamicSize/index.vue
+++ b/src/pages/demo/chart/dynamicSize/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost" :responsive="true" class="demo-chart-index">
+  <d2-container type="ghost" :responsive="true" class="demo-chart-index">
    <GridLayout v-bind="layout" @layout-updated="layoutUpdatedHandler">
      <!-- 卡片 -->
      <GridItem v-bind="layout.layout[0]" @resized="handleResized(chart[0].refName)">
@@ -58,7 +58,7 @@
        </el-card>
      </GridItem>
    </GridLayout>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/chart/index/index.vue
+++ b/src/pages/demo/chart/index/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <PageIndexArticle
      title="内置 G2 图表库"
      sub-title="如果用不到 建议删除相关代码和依赖">
      <img src="@/assets/image/logo/w500-chart.png">
    </PageIndexArticle>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/components/container/full.vue
+++ b/src/pages/demo/components/container/full.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <template slot="header">
      我是插入到 header 中的内容
    </template>
@@ -7,5 +7,5 @@
    <template slot="footer">
      我是插入到 footer 中的内容
    </template>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/components/container/ghost.vue
+++ b/src/pages/demo/components/container/ghost.vue
@@ -1,7 +1,7 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card style="width: 50%;">
      <Markdown url="/static/md/组件 - 页面容器 - 隐形.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/components/container/normal.vue
+++ b/src/pages/demo/components/container/normal.vue
@@ -1,6 +1,6 @@
 <template>
-  <Container>
+  <d2-container>
    <template slot="header">我是插入到 header 中的内容</template>
    <Markdown url="/static/md/组件 - 页面容器 - 基础.md"></Markdown>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/components/countup/index.vue
+++ b/src/pages/demo/components/countup/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost" class="page">
+  <d2-container type="ghost" class="page">
    <el-card>
      <PageHeader
        title="数字动画组件"
@@ -59,7 +59,7 @@
    <el-card>
      <Markdown url="/static/md/组件 - 数字动画.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/editor-quill/index.vue
+++ b/src/pages/demo/components/editor-quill/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -18,7 +18,7 @@
      <template slot="header">输出</template>
      <Highlight :code="formated"></Highlight>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/editor-simpleMDE/index.vue
+++ b/src/pages/demo/components/editor-simpleMDE/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -15,7 +15,7 @@
      <template slot="header">输出</template>
      <pre>{{text}}</pre>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/highlight/index.vue
+++ b/src/pages/demo/components/highlight/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        title="代码高亮组件"
@@ -33,7 +33,7 @@
    <el-card>
      <Markdown url="/static/md/组件 - 代码高亮.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/icon/icon.vue
+++ b/src/pages/demo/components/icon/icon.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -14,7 +14,7 @@
    <el-card>
      <Markdown url="/static/md/组件 - 图标组件.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <style lang="scss">
--- a/src/pages/demo/components/icon/list.vue
+++ b/src/pages/demo/components/icon/list.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card>
      <template slot="header">
        <el-radio-group v-model="showIndex" size="mini">
@@ -23,7 +23,7 @@
        </el-col>
      </el-row>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/icon/select.vue
+++ b/src/pages/demo/components/icon/select.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -32,7 +32,7 @@
    <el-card>
      <Markdown url="/static/md/组件 - 图标选择器.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/icon/svg.vue
+++ b/src/pages/demo/components/icon/svg.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -17,7 +17,7 @@
    <el-card>
      <Markdown url="/static/md/组件 - 图标组件 - svg.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <style lang="scss" scoped>
--- a/src/pages/demo/components/index/index.vue
+++ b/src/pages/demo/components/index/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <PageIndexArticle
      title="内置组件"
      sub-title="D2Admin 为你提供了一些上手即用的组件">
      <img src="@/assets/image/logo/w500-component.png">
    </PageIndexArticle>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/components/layout/grid.vue
+++ b/src/pages/demo/components/layout/grid.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost" class="demo-plugins-vue-grid-layout-demo">
+  <d2-container type="ghost" class="demo-plugins-vue-grid-layout-demo">
    <GridLayout
      v-bind="layout"
      @layout-updated="layoutUpdatedHandler">
@@ -26,7 +26,7 @@
        </el-card>
      </GridItem>
    </GridLayout>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/layout/splitpane.vue
+++ b/src/pages/demo/components/layout/splitpane.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="基本示例"
@@ -16,7 +16,7 @@
        </template>
      </SplitPane>
    </div>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/components/markdown/index.vue
+++ b/src/pages/demo/components/markdown/index.vue
@@ -1,10 +1,10 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="效果演示"
      url="https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Markdown/index.vue">
    </PageHeader>
    <markdown url="/static/md/组件 - markdown - 演示.md"></markdown>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/plugins/build/index.vue
+++ b/src/pages/demo/plugins/build/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <template slot="header">
      多环境发布
    </template>
    <p>当前是{{$env ? '开发' : '生产'}}环境</p>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/plugins/clipboard-polyfill/index.vue
+++ b/src/pages/demo/plugins/clipboard-polyfill/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="基本示例"
@@ -31,7 +31,7 @@
        <el-input type="textarea" placeholder="在这里检验你的剪贴板 ( text/plain 数据 )"></el-input>
      </el-col>
    </el-row>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/export/table.vue
+++ b/src/pages/demo/plugins/export/table.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="导出表格">
@@ -23,7 +23,7 @@
      </el-table-column>
    </el-table>
    <Markdown url="/static/md/插件 - 导出.md"></Markdown>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/export/txt.vue
+++ b/src/pages/demo/plugins/export/txt.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="导出文本">
@@ -17,7 +17,7 @@
      </el-button>
    </div>
    <Markdown url="/static/md/插件 - 导出.md"></Markdown>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/i18n/demo1.vue
+++ b/src/pages/demo/plugins/i18n/demo1.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      :title="`${$t('pub.pageHeader.demo')} 1`"
@@ -7,7 +7,7 @@
    </PageHeader>
    <DemoI18nControl></DemoI18nControl>
    <DemoI18n></DemoI18n>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/i18n/demo2.vue
+++ b/src/pages/demo/plugins/i18n/demo2.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      :title="`${$t('pub.pageHeader.demo')} 2`"
@@ -7,7 +7,7 @@
    </PageHeader>
    <DemoI18nControl></DemoI18nControl>
    <DemoI18n></DemoI18n>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/import/csv.vue
+++ b/src/pages/demo/plugins/import/csv.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="导入 csv"
@@ -28,7 +28,7 @@
      </el-table-column>
    </el-table>
    <Markdown url="/static/md/插件 - 导入.md"></Markdown>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/import/xlsx.vue
+++ b/src/pages/demo/plugins/import/xlsx.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container>
+  <d2-container>
    <PageHeader
      slot="header"
      title="导入 xlsx"
@@ -28,7 +28,7 @@
      </el-table-column>
    </el-table>
    <Markdown url="/static/md/插件 - 导入.md"></Markdown>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <Container type="full">
+  <d2-container type="full">
    <PageIndexArticle
      title="插件演示"
      sub-title="D2Admin 集成了许多实用插件">
      <img src="@/assets/image/logo/w500-plugin.png">
    </PageIndexArticle>
-  </Container>
+  </d2-container>
 </template>
--- a/src/pages/demo/plugins/js-cookie/index.vue
+++ b/src/pages/demo/plugins/js-cookie/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -17,7 +17,7 @@
      <p>获取所有可以获得的数据</p>
      <el-button type="info" @click="getAll">getAll</el-button>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card>
      <div slot="header">
        <el-button @click="ajax">发送请求</el-button>
@@ -14,7 +14,7 @@
      </el-table>
      <Markdown url="/static/md/插件 - mock拦截ajax.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/mock/dpd.vue
+++ b/src/pages/demo/plugins/mock/dpd.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -16,7 +16,7 @@
      :mock="mockResult[index]"
      @reload="doMock(index)">
    </MockDemoCard>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/mock/dtd.vue
+++ b/src/pages/demo/plugins/mock/dtd.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        slot="header"
@@ -28,7 +28,7 @@
      :mock="regexp.mocked"
      @reload="regexpMock()">
    </MockDemoCard>
-  </Container>
+  </d2-container>
 </template>

 <script>
--- a/src/pages/demo/plugins/timeago/index.vue
+++ b/src/pages/demo/plugins/timeago/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost">
+  <d2-container type="ghost">
    <el-card class="d2-mb">
      <PageHeader
        title="基本示例"
@@ -27,7 +27,7 @@
    <el-card>
      <Markdown url="/static/md/插件 - timeago.md"></Markdown>
    </el-card>
-  </Container>
+  </d2-container>
 </template>

 <script>