在vue项目中添加看板娘

在vue项目中添加看板娘在个人网站中如何加入好看的看板娘组件效果如下 首先下载 live2dw 组件 地址 链接 https pan baidu com s 1K1hixvM9 2ySMV674KQDt 提取码 rs8g 接下来将 live2dw 导入到 vue 项目的 static 目录下如上图所示在 public 文件夹下的 index html 中添加

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

  • 首先下载live2dw组件,地址:链接:https://pan.baidu.com/s/1K1hixvM9_2ySMV674KQDtQ 提取码:rs8g
  • 接下来将live2dw导入到vue项目的static目录下
    在这里插入图片描述
    如上图所示




  • 在public文件夹下的index.html中添加
 
  • 接下来在App.vue中添加如下:
 
  • 以上就是如何给自己的vue项目添加看板娘
  • 最后说明一下如何更换人物,如图所示:
    在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/216133.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午12:28
下一篇 2026年3月18日 下午12:29


相关推荐

  • CSS3之border-radius圆角

    CSS3之border-radius圆角

    2021年9月21日
    55
  • ASP.NET_.NET

    ASP.NET_.NET我们在《ASP.NETCore项目实战的课程》第一章里面给identityserver4做了一个全面的介绍和示例的练习。如果想完全理解本文所涉及到的话题,你需要了解的背景知识有:什么是OpenIdConnect(OIDC)OIDC对oAuth进行了哪些扩展?IdentityServer4提供的OIDC认证服务(服务端)ASP.NETCore的权限体系中的OIDC认证框架(客户端)什

    2022年10月20日
    2
  • 如何修改Tomcat版本[通俗易懂]

    如何修改Tomcat版本[通俗易懂]1.找到tomcat所在位置进入lib目录apache-tomcat-8.0.0\lib2.lib目录下有个catalina.jar用解压缩软件打开(可以先解压再修改版本号再打成jar包这样太麻烦所以直接用解压缩软件打开就行,我用的是winzip)3.打开后在catalina.jar\org\apache\catalin

    2022年8月30日
    6
  • window.getcomputedstyle(get position)

    获取元素CSS值之getComputedStyle方法熟悉一、碎碎念~前言我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说,简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用,至少对创…

    2022年4月11日
    35
  • cboard企业版源码_CBoard「建议收藏」

    cboard企业版源码_CBoard「建议收藏」CBoardAnopenBIDashboardplatformthatsupportsinteractivemulti-dimensionalreportdesignanddataanalysisServersideframeworkisSpring+MyBatisandfront-endisbasedonAngularJS1andBootstra…

    2025年8月25日
    4
  • 百度密集布局OpenClaw 推出首款手机“龙虾 ”应用

    百度密集布局OpenClaw 推出首款手机“龙虾 ”应用

    2026年3月13日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号