0894798515
Former-commit-id: fc287cc8f6ab2052af26400abf0893008c9a21d3 Former-commit-id: 976fdd8400a9c855446ec171549fb3d489fda9f5 Former-commit-id: 69af7ddb348f8f80321bec6a5f7c636c5cc85487
47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<template>
|
|
<d2-container>
|
|
<template slot="header">代码高亮组件</template>
|
|
<el-card shadow="never" class="d2-mb">
|
|
<p slot="title">javascript</p>
|
|
<d2-highlight :code="codeJavascript"/>
|
|
</el-card>
|
|
<el-row :gutter="20">
|
|
<el-col :span="8">
|
|
<el-card shadow="never">
|
|
<p slot="title">css</p>
|
|
<d2-highlight :code="codeCSS"/>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-card shadow="never">
|
|
<p slot="title">scss</p>
|
|
<d2-highlight :code="codeSCSS"/>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-card shadow="never">
|
|
<p slot="title">html</p>
|
|
<d2-highlight :code="codeHTML"/>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</d2-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>
|