coding
最代碼人間蒸發的gravatar頭像
最代碼人間蒸發2019-08-25 14:33:38
沙雕程序員(六)—— vue中使用看板娘-----裝逼利器,Interesting!!!

普通的html中,咱們要引入這個太簡單了!

新建一個頁面,復制下邊代碼就可以出來了!

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>
<div id="page_end_html">

  <script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>
  <script type="text/javascript">
      L2Dwidget.init({"display": {
              "superSample": 2,
              "width": 200,
              "height": 400,
              "position": "right",
              "hOffset": 0,
              "vOffset": 0
          }
      });
  </script>
</div>
</body>
</html>

 

在vue中,就不是這么用了。!

起初我以為需要,可以引入插件,于是找到了live2d4vue,這個東西已經是一年前的的,而且作者也杳無音信了。浪費了一番周折之后,找到了新的辦法!

 

在具體講這個之前,說一下這個的用處!

毫無用處,只為裝逼!

懂了吧!

那么我現在給大家簡單介紹一些,非常簡單!

只需要三步!

1.到我的百度云盤中下載,這些個你的老婆,有好多!你們老婆作者的github地址,https://github.com/EYHN/hexo-helper-live2d  你們先去拜訪一下老丈人,感興趣可以star一下!

然后咱們看再看看,你的老丈人給你提供了,哪些個老婆。風格迥異,各取所需!

https://huaji8.top/post/live2d-plugin-2.0/!

我的網盤:https://pan.baidu.com/s/1cvkqdrn9UO9_Embw84i0Cg   不好使群里找我要,或者看我資料,留了聯系方式,本人帥的一批,非誠勿擾哦!

2.下載好以后,把live2dw這個文件復制到你的vue項目的static下,如圖!

沙雕程序員(六)—— vue中使用看板娘-----裝逼利器,Interesting!!!

并在index.html中引入js

<script type="text/javascript" src="/static/live2dw/lib/L2Dwidget.min.js"></script>

3.這么快就最后一步啦!耐心看完哦!

在你的APP.vue文件中,在created中加入

created () {
  setTimeout(() => {
    window.L2Dwidget.init({
      pluginRootPath: 'static/live2dw/',
      pluginJsPath: 'lib/',
      pluginModelPath: 'live2d-widget-model-koharu/assets/',
      tagMode: false,
      debug: false,
      model: { jsonPath: '/static/live2dw/live2d-widget-model-      koharu/assets/koharu.model.json' },
      display: { position: 'left', width: 150, height: 300 },
      mobile: { show: true },
      log: false
    })
  }, 1000)
}

這里具體講一下,沙雕程序員(六)—— vue中使用看板娘-----裝逼利器,Interesting!!!

ok,大張旗鼓三步走結束,咱們看一下效果!  

ok,又跟大家說再見的時候了,請愛惜自己的老婆,拜了個拜!

 


打賞

已有1人打賞

最代碼官方的gravatar頭像

分享到:

最近瀏覽
a694110193 LV12小時前
星星
xxljxgz LV207小時前
太陽月亮
Jason_zqw LV311小時前
星星星星星星
你吃屎 LV2前天
星星星星
墨冰之痕 LV1前天
星星
陳簫goddess LV15前天
月亮月亮月亮星星星星星星
kisn888 LV1410月11日
月亮月亮月亮星星星星
SW0769 LV110月11日
星星
頂部客服微信二維碼底部
>掃描二維碼關注最代碼為好友掃描二維碼關注最代碼為好友
2008大乐透走势图