13 lines
1.0 KiB
Plaintext
13 lines
1.0 KiB
Plaintext
<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="icon icon-eye" @mouseover="linkMouseover('tools.eye')" @click="toolsClick('tools.eye')"></span>
|
|
<span class="icon icon-comment-o" @mouseover="linkMouseover('tools.chart')" @click="toolsClick('tools.chart')"></span>
|
|
<span class="icon icon-camera" @mouseover="linkMouseover('tools.photo')" @click="toolsClick('tools.photo')"></span>
|
|
<span class="icon icon-info-circle" @mouseover="linkMouseover('tools.info')" @click="toolsClick('tools.info')"></span>
|
|
<span class="icon icon-close" @mouseover="linkMouseover('tools.close')" @click="toolsClick('tools.close')"></span>
|
|
</div>
|
|
</div> |