功能-文章显示拼音功能

介绍

点击“音”按钮可以显示文章的拼音，再次点击“音”按钮可以取消显示。

组件库

pinyin-pro 实现拼音功能
https://gitee.com/zhuqinpeng/pinyin-pro
https://github.com/zh-lx/pinyin-pro

vant组件:移动端组件库
https://vant-ui.github.io/vant/#/zh-CN/quickstart
- npm install vant
- 需要再main.js 中加上样式  
    - import 'vant/lib/index.css';

代码地址

https://gitee.com/xiaobaiwwws/learn_note/blob/master/qianduan_note/011_%E6%96%87%E7%AB%A0%E6%98%BE%E7%A4%BA%E6%8B%BC%E9%9F%B3/main.vue

效果示例

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。