50 lines
1.1 KiB
Markdown
50 lines
1.1 KiB
Markdown
|
||
# vue3版本！！！
|
||
vue2版本已经上线，欢迎下载使用。
|
||
[https://ext.dcloud.net.cn/plugin?id=13864](https://ext.dcloud.net.cn/plugin?id=13864)
|
||
|
||
## uniapp markdown渲染解析.md语法及代码高亮
|
||
> **组件名：uaMarkdown**
|
||
> 代码块： `<ua-markdown>`
|
||
|
||
|
||
uaMarkdown组件是基于uniapp+vue3自定义解析markdown语法结构插件、支持代码块高亮，编译兼容H5+小程序端+App端。
|
||
|
||
|
||
### 引入方式
|
||
|
||
本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，只需将本组件`ua-markdown`放在components目录，在页面`template`中即可直接使用。
|
||
|
||
|
||
### 基本用法
|
||
|
||
**示例**
|
||
|
||
- 基础用法
|
||
|
||
```html
|
||
const mdvalue = '### uniapp markdwon'
|
||
<ua-markdown :source="mdvalue" />
|
||
```
|
||
|
||
- 去掉代码块行号
|
||
|
||
```html
|
||
<ua-markdown :source="xxx" :showLine="false" />
|
||
```
|
||
|
||
|
||
### API
|
||
|
||
### uaMarkdown Props
|
||
|
||
|属性名|类型|默认值|说明|
|
||
|:-:|:-:|:-:|:-:|
|
||
|source|String|-| 渲染解析内容 |
|
||
|showLine|Boolean|true| 是否显示代码块行号 |
|
||
|
||
|
||
### 💝最后
|
||
|
||
开发不易，希望各位小伙伴们多多支持下哈~~ ☕️☕️
|