微信联系组件
哪吒 2024/1/1
# 微信联系组件使用
# 基础用法
使用默认配置的微信联系组件：
添加微信好友
扫描二维码添加微信
微信号： xiaoda0423
昵称： 哪吒
简介： 技术交流，学习分享
# 自定义配置
你可以通过传递props来自定义组件的显示内容：
添加微信好友
扫描二维码添加微信
微信号： xiaoda0423
昵称： 技术交流
简介： 专注于前端开发、后端架构、DevOps等技术分享
# 组件属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| wechat-id | String | 'your-wechat-id' | 微信号 |
| nickname | String | '哪吒' | 昵称 |
| description | String | '技术交流，学习分享' | 个人简介 |
| qr-code-url | String | '/assets/wechat-qr.png' | 二维码图片地址 |
| footer-text | String | '欢迎技术交流与学习分享' | 底部文字 |
# 更新二维码
要更新微信二维码，请将新的二维码图片放置到 docs/.vuepress/public/assets/ 目录下，然后更新 qr-code-url 属性。
例如：
<WechatContact qr-code-url="/assets/my-wechat-qr.png" />
💡 提示: 这个组件是基于 Vue.js 开发的 VuePress 自定义组件，可以在任何 Markdown 文件中直接使用。