在vue项目中添加看板娘

在个人网站中如何加入好看的看板娘组件

效果如下:
在vue项目中添加看板娘_第1张图片
在vue项目中添加看板娘_第2张图片

  • 首先下载live2dw组件,地址:链接:https://pan.baidu.com/s/1K1hixvM9_2ySMV674KQDtQ 提取码:rs8g
  • 接下来将live2dw导入到vue项目的static目录下
    在vue项目中添加看板娘_第3张图片
    如上图所示
  • 在public文件夹下的index.html中添加


  • 接下来在App.vue中添加如下:


  • 以上就是如何给自己的vue项目添加看板娘
  • 最后说明一下如何更换人物,如图所示:
    在vue项目中添加看板娘_第4张图片

你可能感兴趣的