优化

Former-commit-id: 121e921de0a048fcf821596db7e7c516d6d44cc2 [formerly aa2ab1d34fe46d32f45649ff71b0054b76991aa8] [formerly 121e921de0a048fcf821596db7e7c516d6d44cc2 [formerly aa2ab1d34fe46d32f45649ff71b0054b76991aa8] [formerly 121e921de0a048fcf821596db7e7c516d6d44cc2 [formerly aa2ab1d34fe46d32f45649ff71b0054b76991aa8] [formerly aa2ab1d34fe46d32f45649ff71b0054b76991aa8 [formerly 11bcd39d25f8787a3962d16a166e2a702d5d0578 [formerly 5dac86d77cb507e2b89068cc2700b3d9f4fa54dc]]]]]
Former-commit-id: 61150ade70f19af15008156cee552c8f35e07e85
Former-commit-id: 854b3e9fe29503fdfeba5e0995da44975600f506
Former-commit-id: 8cc189c6b6eeee8ee876a67f17592c482513fdfa [formerly 030bd35325db27ffd3f933587c77ce9ba0544594]
Former-commit-id: 596ab4016d4a89806716d52e187d0a1f52f86294
Former-commit-id: 27a828385cab47d43d12a9dcea16a7866e3a563d
Former-commit-id: eaa1089257ce81ff31b7d02587e6c79076f8f7fe
Former-commit-id: 26641624bc3a4bb4d36490b5435b8aa109ccaeb8
Former-commit-id: 3bfa59554d13342ea6b1962aa8dfa8e7c0f51e71

src/pages/demo/components/container/card-slot.vue

@@ -1,18 +1,16 @@
 <template>
   <d2-container type="card">
     <template slot="header">header</template>
-    <d2-markdown :source="long"/>
+    <d2-demo-article/>
     <template slot="footer">footer</template>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/card.vue

@@ -1,16 +1,14 @@
 <template>
   <d2-container type="card">
-    <d2-markdown :source="long"/>
+    <d2-demo-article/>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/components/d2-demo-article.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <d2-markdown :source="long"/>
+  </div>
+</template>
+
+<script>
+import long from '../md/long'
+export default {
+  data () {
+    return {
+      long
+    }
+  }
+}
+</script>

src/pages/demo/components/container/full-bs.vue

@@ -1,18 +1,16 @@
 <template>
   <d2-container scroll>
     <template slot="header">header</template>
-    <d2-markdown :source="long"/>
+    <d2-demo-article/>
     <template slot="footer">header</template>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/full-slot.vue

@@ -1,18 +1,16 @@
 <template>
   <d2-container>
     <template slot="header">header</template>
-    <d2-markdown :source="long"/>
+    <d2-demo-article/>
     <template slot="footer">footer</template>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/full.vue

@@ -1,16 +1,14 @@
 <template>
   <d2-container>
-    <d2-markdown :source="long"/>
+    <d2-demo-article/>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/ghost-bs.vue

@@ -2,21 +2,17 @@
   <d2-container type="ghost" scroll>
     <template slot="header">header</template>
     <div class="d2-pt d2-pb">
-      <el-card shadow="never" style="width: 600px;">
-        <d2-markdown :source="long"/>
-      </el-card>
+      <d2-demo-article/>
     </div>
     <template slot="footer">footer</template>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/ghost-slot.vue

@@ -2,21 +2,17 @@
   <d2-container type="ghost">
     <template slot="header">header</template>
     <div class="d2-pt d2-pb">
-      <el-card shadow="never" style="width: 600px;">
-        <d2-markdown :source="long"/>
-      </el-card>
+      <d2-demo-article/>
     </div>
     <template slot="footer">footer</template>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>

src/pages/demo/components/container/ghost.vue

@@ -1,20 +1,16 @@
 <template>
   <d2-container type="ghost">
     <div class="d2-pt d2-pb">
-      <el-card shadow="never" style="width: 600px;">
-        <d2-markdown :source="long"/>
-      </el-card>
+      <d2-demo-article/>
     </div>
   </d2-container>
 </template>
 
 <script>
-import long from './md/long.md'
+import d2DemoArticle from './components/d2-demo-article'
 export default {
-  data () {
-    return {
-      long
-    }
+  components: {
+    'd2-demo-article': d2DemoArticle
   }
 }
 </script>