添加看板娘

themes/yilia/layout/_partial/left-col.ejs

@@ -2,11 +2,11 @@
 <div class="overlay" style="background: <%= theme.style && theme.style.header ? theme.style.header : defaultBg %>"></div>
 <div class="intrude-less">
 	<header id="header" class="inner">
-		<a href="<%=config.root%>" class="profilepic">
+		<a href="<%=config.root%>" @mouseover="linkMouseover('home')" class="profilepic">
 			<img src="<%=theme.avatar%>" class="js-avatar">
 		</a>
 		<hgroup>
-		  <h1 class="header-author"><a href="<%=config.root%>"><%=theme.author%></a></h1>
+		  <h1 class="header-author"><a href="<%=config.root%>" @mouseover="linkMouseover('home')"><%=theme.author%></a></h1>
 		</hgroup>
 		<% if (theme.subtitle){ %>
 		<p class="header-subtitle"><%=theme.subtitle%></p>
@@ -22,14 +22,14 @@
 		<nav class="header-smart-menu">
 			<% for (let menuName in theme.smart_menu){ 
 				if(theme.smart_menu[menuName]){ %>
-				<a @click="openSlider($event, '<%-menuName%>')" href="javascript:void(0)"><%= __(theme.smart_menu[menuName]) %></a>
+				<a @click="openSlider($event, '<%=menuName%>')" @mouseover="linkMouseover('<%=menuName%>')" href="javascript:void(0)"><%= __(theme.smart_menu[menuName]) %></a>
 				<% } 
 			} %>
 		</nav>
 		<nav class="header-nav">
 			<div class="social">
-				<% for (let i in theme.subnav){ %>
-					<a class="<%= i %>" target="_blank" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"><i class="icon-<%= i %>"></i></a>
+				<% for (let navName in theme.subnav){ %>
+					<a class="<%= navName %>" target="_blank" href="<%- url_for(theme.subnav[navName]) %>" @mouseover="linkMouseover('<%=navName %>')" title="<%= navName %>"><i class="icon-<%= navName %>"></i></a>
 		    <% } %>
 			</div>
 		</nav>

themes/yilia/layout/_partial/live2d.ejs

@@ -0,0 +1,13 @@
+<div class="waifu" @mouseover="waifu.showTools=true" @mouseout="waifu.showTools=false">
+  <div class="waifu-tips" v-text="waifu.tip" v-bind:style="{opacity: waifu.tipOpacity}"></div>
+  <div style="width: 250px;overflow: hidden;">
+    <canvas id="live2d" width="650" height="600" @mouseover="linkMouseover('waifu')" style="width: 325px;height: 300px;"></canvas>
+  </div>
+  <div class="waifu-tool" v-show="waifu.showTools">
+    <span class="fui-eye" @mouseover="linkMouseover('tools.eye')" @click="toolsClick('tools.eye')">夜间</span>
+    <span class="fui-chat" @mouseover="linkMouseover('tools.chart')" @click="toolsClick('tools.chart')">一言</span>
+    <span class="fui-photo" @mouseover="linkMouseover('tools.photo')" @click="toolsClick('tools.photo')">拍照</span>
+    <span class="fui-info-circle" @mouseover="linkMouseover('tools.info')">关于</span>
+    <span class="fui-cross" @mouseover="linkMouseover('tools.close')" @click="toolsClick('tools.close')">关闭</span>
+  </div>
+</div>

themes/yilia/layout/_partial/script.ejs

@@ -1,4 +1 @@
-<%- js('js/main.d4ce0a49f6a804442394.js') %>
-<%- js('js/mobile.a2383b4df99032c991a8.js') %>
-<%- js('js/slider.1b67fc1124692aad9054.js') %>
-<%- js('js/comment.9e7d076dca16e0a7c78e.js') %>
+<%- js('js/mobile.20f43113c8272156b4bc.js') %> <%- js('js/slider.04cd5097b8512828a2aa.js') %> <%- js('js/comment.3c5be78a9577afb4fddf.js') %> <%- js('js/main.bc3ad605ba4123d612db.js') %> <%- js('js/waifu.0fd1dce4d3ba6f0ae31d.js') %>

themes/yilia/layout/layout.ejs

@@ -4,6 +4,7 @@
     <canvas id="anm-canvas" class="anm-canvas"></canvas>
     <div class="left-col" :class="{show:isShow}">
       <%- partial('_partial/left-col', null, {cache: !config.relative_link}) %>
+      <%- partial('_partial/live2d') %>
     </div>
     <div class="mid-col" :class="{show:isShow,hide:!isShow}">
       <%- partial('_partial/mobile-nav', null, {cache: !config.relative_link}) %>