no message

Former-commit-id: f0207a1b3d4a0b29e414db4e6b7162631f0521ca
Former-commit-id: 6c35c139c51e3077b285c7b2e7c64c197d5165f4
Former-commit-id: 082fdb8222ff834150dee83fbf18d2a3b5369003

src/pages/demo/components/highlight/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <Container type="ghost">
+    <el-card class="dd-mb">
+      <PageHeader
+        title="代码高亮组件"
+        url="https://github.com/isagalaev/highlight.js">
+      </PageHeader>
+    </el-card>
+    <el-card class="dd-mb">
+      <p slot="title">javascript</p>
+      <Highlight :code="codeJavascript"></Highlight>
+    </el-card>
+    <el-row :gutter="20">
+      <el-col :span="8">
+        <el-card class="dd-mb">
+          <p slot="title">css</p>
+          <Highlight :code="codeCSS"></Highlight>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card class="dd-mb">
+          <p slot="title">scss</p>
+          <Highlight :code="codeSCSS"></Highlight>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card class="dd-mb">
+          <p slot="title">html</p>
+          <Highlight :code="codeHTML"></Highlight>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-card>
+      <Markdown url="/static/md/组件 - 代码高亮.md"></Markdown>
+    </el-card>
+  </Container>
+</template>
+
+<script>
+import codeJavascript from './code/javascript'
+import codeCSS from './code/css'
+import codeSCSS from './code/scss'
+import codeHTML from './code/html'
+export default {
+  data () {
+    return {
+      codeJavascript,
+      codeCSS,
+      codeSCSS,
+      codeHTML
+    }
+  }
+}
+</script>