1 <!-- import Vue.js --> 2 <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> 3 <!DOCTYPE html> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 7 <title>Live2D</title> 8 9 <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/kousak/waifu.css"/> 10 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> 11 </head> 12 <body> 13 <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/kousak/waifu.css"> 14 <div class="waifu" id="waifu"> 15 <div class="waifu-tips" style="opacity: 1;"></div> 16 <canvas id="live2d" width="280" height="250" class="live2d"></canvas> 17 <div class="waifu-tool"> 18 <span class="fui-home"></span> 19 <span class="fui-chat"></span> 20 <span class="fui-eye"></span> 21 <span class="fui-user"></span> 22 <span class="fui-photo"></span> 23 <span class="fui-info-circle"></span> 24 <span class="fui-cross"></span> 25 </div> 26 </div> 27 <script src="https://files.cnblogs.com/files/kousak/live2d.js"></script> 28 <script src="https://files.cnblogs.com/files/kousak/waifu-tips.js"></script> 29 <script type="text/javascript">initModel()</script> 30 </body> 31 </html> 32 <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/> 33 <script type="text/javascript" language="javascript"> 34 //Setting ico for cnblogs 35 var linkObject = document.createElement('link'); 36 linkObject.rel = "shortcut icon"; 37 linkObject.href = "https://files.cnblogs.com/files/shewhen/egypt_sphynx_128px_1140289_easyicon.net.ico"; 38 document.getElementsByTagName("head")[0].appendChild(linkObject); 39 </script>
上面是放在页脚，看板娘