diff --git a/src/pages/demo/components/scrollbar/index.vue b/src/pages/demo/components/scrollbar/index.vue
index 2ea1be4b..289abea3 100644
--- a/src/pages/demo/components/scrollbar/index.vue
+++ b/src/pages/demo/components/scrollbar/index.vue
@@ -12,10 +12,22 @@
         </el-scrollbar>
       </div>
     </el-card>
-    <d2-markdown :source="`#Hello`"/>
+    <d2-markdown :source="doc"/>
   </d2-container>
 </template>
 
+<script>
+import doc from './md/doc.md'
+export default {
+  data () {
+    return {
+      doc
+    }
+  }
+}
+</script>
+
+
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .demo-scrollbar-card {