mirror of
https://github.com/caojiezi2003/live2d-widget.git
synced 2024-11-10 04:49:47 +00:00
Replace anchor with button
This commit is contained in:
parent
76174366c4
commit
f0aa9f3078
@ -56,7 +56,7 @@ body {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
#stage a {
|
#stage button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 2em;
|
width: 2em;
|
||||||
height: 2em;
|
height: 2em;
|
||||||
@ -134,8 +134,8 @@ body {
|
|||||||
</div>
|
</div>
|
||||||
<canvas class="mb-4" id="live2d" width="800" height="800"></canvas>
|
<canvas class="mb-4" id="live2d" width="800" height="800"></canvas>
|
||||||
</div>
|
</div>
|
||||||
<a id="info" href="javascript:info()"><i class="fa fa-lg fa-info"></i></a>
|
<button class="btn btn-link" id="info"><i class="fa fa-lg fa-info"></i></button>
|
||||||
<a id="refresh" href="javascript:refresh()"><i class="fa fa-lg fa-refresh"></i></a>
|
<button class="btn btn-link" id="refresh"><i class="fa fa-lg fa-refresh"></i></button>
|
||||||
</div>
|
</div>
|
||||||
<h1 class="h3 mb-3 fw-normal">看板娘登陆平台</h1>
|
<h1 class="h3 mb-3 fw-normal">看板娘登陆平台</h1>
|
||||||
<label for="room" class="sr-only">用户名</label>
|
<label for="room" class="sr-only">用户名</label>
|
||||||
@ -178,7 +178,8 @@ window.addEventListener("load", () => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
let apiPath = "https://live2d.fghrsh.net/api", state = 0,
|
const apiPath = "https://live2d.fghrsh.net/api";
|
||||||
|
let state = 0, loading = false,
|
||||||
modelId = localStorage.getItem("modelId"),
|
modelId = localStorage.getItem("modelId"),
|
||||||
modelTexturesId = localStorage.getItem("modelTexturesId");
|
modelTexturesId = localStorage.getItem("modelTexturesId");
|
||||||
if (modelId === null) {
|
if (modelId === null) {
|
||||||
@ -209,7 +210,7 @@ window.addEventListener("load", () => {
|
|||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
state = 2;
|
state = 2;
|
||||||
coverPosition("80%");
|
coverPosition("80%");
|
||||||
document.getElementById("refresh").setAttribute("href", "javascript:refresh()");
|
loading = false;
|
||||||
}, 1000);
|
}, 1000);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -227,20 +228,21 @@ window.addEventListener("load", () => {
|
|||||||
document.getElementById("cover").style.bottom = pos;
|
document.getElementById("cover").style.bottom = pos;
|
||||||
}
|
}
|
||||||
|
|
||||||
window.info = function() {
|
document.getElementById("info").addEventListener("click", () => {
|
||||||
fetch("https://v1.hitokoto.cn")
|
fetch("https://v1.hitokoto.cn")
|
||||||
.then(response => response.json())
|
.then(response => response.json())
|
||||||
.then(result => {
|
.then(result => {
|
||||||
alert("「" + result.hitokoto + "」——" + result.from);
|
alert("「" + result.hitokoto + "」——" + result.from);
|
||||||
});
|
});
|
||||||
};
|
});
|
||||||
|
|
||||||
window.refresh = function() {
|
document.getElementById("refresh").addEventListener("click", () => {
|
||||||
|
if (loading) return;
|
||||||
state = 0;
|
state = 0;
|
||||||
coverPosition("10%");
|
coverPosition("10%");
|
||||||
document.getElementById("refresh").setAttribute("href", "javascript:void(0)");
|
loading = true;
|
||||||
setTimeout(loadRandModel, 1000);
|
setTimeout(loadRandModel, 1000);
|
||||||
};
|
});
|
||||||
|
|
||||||
document.getElementById("handle").addEventListener("click", () => {
|
document.getElementById("handle").addEventListener("click", () => {
|
||||||
if (state === 1) {
|
if (state === 1) {
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"mouseover": [{
|
"mouseover": [{
|
||||||
"selector": "#waifu #live2d",
|
"selector": "#live2d",
|
||||||
"text": ["干嘛呢你,快把手拿开~~", "鼠…鼠标放错地方了!", "你要干嘛呀?", "喵喵喵?", "怕怕(ノ≧∇≦)ノ", "非礼呀!救命!", "这样的话,只能使用武力了!", "我要生气了哦", "不要动手动脚的!", "真…真的是不知羞耻!", "Hentai!"]
|
"text": ["干嘛呢你,快把手拿开~~", "鼠…鼠标放错地方了!", "你要干嘛呀?", "喵喵喵?", "怕怕(ノ≧∇≦)ノ", "非礼呀!救命!", "这样的话,只能使用武力了!", "我要生气了哦", "不要动手动脚的!", "真…真的是不知羞耻!", "Hentai!"]
|
||||||
}, {
|
}, {
|
||||||
"selector": "#waifu-tool .fa-comment",
|
"selector": "#waifu-tool .fa-comment",
|
||||||
@ -63,7 +63,7 @@
|
|||||||
"selector": ".links-of-author",
|
"selector": ".links-of-author",
|
||||||
"text": ["这里是主人的常驻地址哦。", "这里有主人的联系方式!"]
|
"text": ["这里是主人的常驻地址哦。", "这里有主人的联系方式!"]
|
||||||
}, {
|
}, {
|
||||||
"selector": "#qrcode",
|
"selector": ".followme",
|
||||||
"text": ["手机扫一下就能继续看,很方便呢~", "扫一扫,打开新世界的大门!"]
|
"text": ["手机扫一下就能继续看,很方便呢~", "扫一扫,打开新世界的大门!"]
|
||||||
}, {
|
}, {
|
||||||
"selector": ".fancybox img, img.medium-zoom-image",
|
"selector": ".fancybox img, img.medium-zoom-image",
|
||||||
@ -175,7 +175,7 @@
|
|||||||
"text": ["哇,快看看这个精彩评论!", "如果有疑问,请尽快留言哦~"]
|
"text": ["哇,快看看这个精彩评论!", "如果有疑问,请尽快留言哦~"]
|
||||||
}],
|
}],
|
||||||
"click": [{
|
"click": [{
|
||||||
"selector": "#waifu #live2d",
|
"selector": "#live2d",
|
||||||
"text": ["是…是不小心碰到了吧…", "萝莉控是什么呀?", "你看到我的小熊了吗?", "再摸的话我可要报警了!⌇●﹏●⌇", "110 吗,这里有个变态一直在摸我(ó﹏ò。)", "不要摸我了,我会告诉老婆来打你的!", "干嘛动我呀!小心我咬你!", "别摸我,有什么好摸的!"]
|
"text": ["是…是不小心碰到了吧…", "萝莉控是什么呀?", "你看到我的小熊了吗?", "再摸的话我可要报警了!⌇●﹏●⌇", "110 吗,这里有个变态一直在摸我(ó﹏ò。)", "不要摸我了,我会告诉老婆来打你的!", "干嘛动我呀!小心我咬你!", "别摸我,有什么好摸的!"]
|
||||||
}, {
|
}, {
|
||||||
"selector": ".veditor",
|
"selector": ".veditor",
|
||||||
|
@ -66,14 +66,14 @@
|
|||||||
color: #0099cc;
|
color: #0099cc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#waifu #live2d {
|
#live2d {
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#waifu #live2d:active {
|
#live2d:active {
|
||||||
cursor: grabbing;
|
cursor: grabbing;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user