Browse Source

支持等级和绑定数据

tags/v1.0
枫谷剑仙 7 years ago
parent
commit
89cf495b87
4 changed files with 62 additions and 55 deletions
  1. BIN
      images/awoken-bg.png
  2. +1
    -1
      index.html
  3. +39
    -48
      script.js
  4. +22
    -6
      style.css

BIN
images/awoken-bg.png View File

Before After
Width: 34  |  Height: 38  |  Size: 1.4 kB Width: 34  |  Height: 76  |  Size: 4.7 kB

+ 1
- 1
index.html View File

@@ -292,7 +292,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="edit-box">
<div class="edit-box display-none">
<div class="edit-box-title"><!--修改怪物--></div> <div class="edit-box-title"><!--修改怪物--></div>
<div class="monsterinfo-box"> <div class="monsterinfo-box">
<a class="monster" target="_blank"> <a class="monster" target="_blank">


+ 39
- 48
script.js View File

@@ -132,44 +132,12 @@ function initialize()
else if (lIdx < 12 && usedHoleN<=5) else if (lIdx < 12 && usedHoleN<=5)
latent.push(lIdx); latent.push(lIdx);
refreshLatent(); refreshLatent();
/*
var allowHole = monEditLatents.filter(function(l){ //返回空余潜觉格子
return !l.classList.contains("display-none") && //没被隐藏的
Array.prototype.slice.call(l.classList).filter(function(c){ //存在觉醒图标className的
return /^latent\-icon\-\d+$/ig.test(c);
}).length<1;
})
var lIdx = parseInt(this.value);
if (lIdx >= 12)
{ //占两格
if (allowHole.length>=2)
{
allowHole[0].className = "latent-icon latent-icon-" + lIdx;
allowHole.value = lIdx;
allowHole[allowHole.length-1].className = "display-none";
}
}else
{ //占一格
if (allowHole.length>=1)
{
allowHole[0].className = "latent-icon latent-icon-" + lIdx;
allowHole.value = lIdx;
}
}
*/
} }
}) })
} }
function changeid(mon,monDom,awokenDom) function changeid(mon,monDom,awokenDom)
{ {
var md = ms[mon.id]; //怪物固定数据 var md = ms[mon.id]; //怪物固定数据
/*
mon.id
mon.level
mon.awoken
mon.addition
mon.acquisitusAwoken
*/
if (mon.id>-1) //如果提供了id if (mon.id>-1) //如果提供了id
{ {
monDom.className = "monster"; monDom.className = "monster";
@@ -184,7 +152,20 @@ function changeid(mon,monDom,awokenDom)
} }
if (mon.level>0) //如果提供了等级 if (mon.level>0) //如果提供了等级
{ {
monDom.querySelector(".level").innerHTML = mon.level || 99;
var levelDom = monDom.querySelector(".level");
if (mon.level == 99 || (mon.level >= md.maxLevel && md.maxLevel <=99))
{
//levelDom.innerHTML = "Max";
levelDom.classList.add("max");
}else
{
levelDom.innerHTML = mon.level;
levelDom.classList.remove("max");
}
if (md.maxLevel>99 && mon.level>=99)
levelDom.classList.add("_110");
else
levelDom.classList.remove("_110");
} }
if (mon.awoken>-1) //如果提供了觉醒 if (mon.awoken>-1) //如果提供了觉醒
{ {
@@ -197,9 +178,15 @@ function changeid(mon,monDom,awokenDom)
{ {
awokenIcon.classList.remove("display-none"); awokenIcon.classList.remove("display-none");
if (mon.awoken < md.awoken.length) //觉醒没满直接写数字 if (mon.awoken < md.awoken.length) //觉醒没满直接写数字
{
awokenIcon.innerHTML = mon.awoken; awokenIcon.innerHTML = mon.awoken;
else //满觉醒打星星
awokenIcon.classList.remove("allowable-assist");
}else //满觉醒打星星
{
awokenIcon.innerHTML = "★"; awokenIcon.innerHTML = "★";
if (md.assist)
awokenIcon.classList.add("allowable-assist");
}
} }
} }
if (mon.addition) //如果提供了加值 if (mon.addition) //如果提供了加值
@@ -215,25 +202,12 @@ function changeid(mon,monDom,awokenDom)
monDom.querySelector(".addition").classList.remove("has297"); monDom.querySelector(".addition").classList.remove("has297");
} }
} }
if (awokenDom && mon.acquisitusAwoken) //如果提供了潜觉
if (awokenDom && mon.latent) //如果提供了潜觉
{ {
} }
} }
function test()
{
var m1 = document.querySelector(".formation-A-box .formation-team .team-1 .monster");
var a1 = document.querySelector(".formation-A-box .formation-team .team-1 .acquisitus-awoken-ul");
changeid({
id:5209,
level:98,
awoken:8,
addition:[99,99,99],
acquisitusAwoken:[],
},m1,a1)
editChangeMonId(3264);
}
function editChangeMonId(id) function editChangeMonId(id)
{ {
@@ -305,4 +279,21 @@ function editChangeMonId(id)
editBox.latent.length = 0; editBox.latent.length = 0;
editBox.refreshLatent(); editBox.refreshLatent();
}
function test()
{
var m1 = document.querySelector(".formation-A-box .formation-team .team-1 .monster");
var a1 = document.querySelector(".formation-A-box .formation-team .team-1 .acquisitus-awoken-ul");
changeid({
id:5209,
level:99,
awoken:9,
addition:[99,99,99],
latent:[],
},m1,a1)
editChangeMonId(3264);
} }

+ 22
- 6
style.css View File

@@ -75,29 +75,45 @@ ul{
/*怪物-觉醒*/ /*怪物-觉醒*/
.monster .awoken-count{ .monster .awoken-count{
color: yellow; color: yellow;
font-size: 18px;
line-height: 24px;
font-size: 20px;
line-height: 30px;
font-weight: bold; font-weight: bold;
text-shadow: black 0 0 4px; text-shadow: black 0 0 4px;
text-align: center; text-align: center;
background-image: url(images/awoken-bg.png); background-image: url(images/awoken-bg.png);
background-size: 27px 30px;
width: 27px;
height: 30px;
background-repeat: no-repeat;
width: 34px;
height: 38px;
position: absolute; position: absolute;
right: 0; right: 0;
} }
.monster .awoken-count.allowable-assist{
font-size: 0;
text-shadow: none;
background-position: 0 -38px;
}
/*怪物-等级*/ /*怪物-等级*/
.monster .level{ .monster .level{
color: white; color: white;
font-size: 18px; font-size: 18px;
font-weight: bold;
text-shadow: black 2px 2px 0; text-shadow: black 2px 2px 0;
position: absolute; position: absolute;
left: 5px; left: 5px;
bottom: 0; bottom: 0;
} }
.monster .level._110{
color: lightskyblue;
}
.monster .level::before{ .monster .level::before{
content: "Lv";
content: "Lv.";
}
.monster .level.max{
font-size: 0;
}
.monster .level.max::before{
font-size: 18px;
content: "Lv.最大";
} }
/*辅助和队伍的每一只框架*/ /*辅助和队伍的每一只框架*/
.assist, .team, .acquisitus-awoken-icon { .assist, .team, .acquisitus-awoken-icon {


Loading…
Cancel
Save