Browse Source

进行了CSS的修复

tags/v1.0
枫谷剑仙 7 years ago
parent
commit
a4573ee56d
3 changed files with 36 additions and 28 deletions
  1. +2
    -2
      index.html
  2. +6
    -2
      script.js
  3. +28
    -24
      style.css

+ 2
- 2
index.html View File

@@ -393,8 +393,8 @@
</div>
<div class="button-box">
<button class="button-null"><!--留空格子--></button>
<button class="button-delay"><!--应对威吓--></button>
<button class="button-null" disabled="true"><!--留空格子--></button>
<button class="button-delay" disabled="true"><!--应对威吓--></button>
<button class="button-done"><!--确认修改--></button>
<button class="button-cancel"><!--取消修改--></button>
</div>


+ 6
- 2
script.js View File

@@ -83,7 +83,7 @@ function initialize()
var monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".m-awoken-ul>.awoken-icon"));
monEditAwokens.forEach(function(akDom,idx,domArr){
akDom.onclick = function(){
if (idx >= domArr.filter(function(d){return !d.classList.contains("display-none")}).length-1)
if (idx>0 && idx>=domArr.filter(function(d){return !d.classList.contains("display-none")}).length-1)
domArr[0].innerHTML = "★";
else
domArr[0].innerHTML = idx;
@@ -178,6 +178,7 @@ function initialize()
btnDone.disabled = false;
editBox.member = null;
editBox.classList.add("display-none");
formationBox.classList.remove("blur-bg");
}
btnDone.onclick = function(){
var mD = editBox.member;
@@ -196,6 +197,7 @@ function initialize()
changeid(mD,editBox.monsterBox,editBox.latentBox);
editBox.classList.add("display-none");
formationBox.classList.remove("blur-bg");
}
}
function usedHole(latent) //计算用了多少潜觉格子
@@ -300,12 +302,14 @@ function editMon(AorB,isAssist,tempIdx)
var mD = formation.team[AorB][isAssist][tempIdx];
//对应的Dom
var formationBox = AorB?document.querySelector(".formation-box .formation-B-box"):document.querySelector(".formation-box .formation-A-box");
var teamBox = isAssist?formationBox.querySelector(".formation-assist"):formationBox.querySelector(".formation-team");
var memberBox = teamBox.querySelector(".member-" + (tempIdx+1));
var editBox = document.querySelector(".edit-box");
var monsterBox = memberBox.querySelector(".monster");
document.querySelector(".formation-box").classList.add("blur-bg");
editBox.classList.remove("display-none");
editBox.assist = isAssist;
editBox.monsterBox = monsterBox;
@@ -322,7 +326,7 @@ function editMon(AorB,isAssist,tempIdx)
monstersSearch.onchange();
var settingBox = editBox.querySelector(".setting-box");
var monEditAwokens = settingBox.querySelectorAll(".m-awoken-ul .awoken-icon");
monEditAwokens[mD.awoken].onclick();
if (mD.awoken>0) monEditAwokens[mD.awoken].onclick();
var monEditLv = settingBox.querySelector(".m-level");
monEditLv.value = mD.level;
var monEditAddHp = settingBox.querySelector(".m-plus-hp");


+ 28
- 24
style.css View File

@@ -142,10 +142,13 @@ ul{
.formation-assist, .formation-team{
display: inline-block;
}
.formation-A-box .formation-team{
.formation-latents{
height:47px;
}
.formation-A-box .formation-team,.formation-A-box .formation-latents{
background-color:pink;
}
.formation-B-box .formation-team{
.formation-B-box .formation-team,.formation-B-box .formation-latents{
background-color:lightblue;
}
.formation-A-bigbox, .formation-B-bigbox{
@@ -246,16 +249,14 @@ ul{
filter:blur(5px);
}
.edit-box{
background-color: rgba(200,255,200,0.8);
text-shadow: white 0 0 2px;
background-color: rgba(82, 53, 30, 0.8);
color: white;
position: absolute;
left:0;
top:0;
width:100%;
padding: 10px;
box-sizing: border-box;
min-width:664px;
width:664px; /*测试时手机上的最大宽度*/
}
.edit-box-title{
text-align: center;
@@ -265,11 +266,20 @@ ul{
.edit-box .edit-box-title::before{
content: "修改怪物";
}
.setting-row{
width: 100%;
.edit-box .monsterinfo-box{
font-family: 'FOT-KurokaneStd-EB';
color: white;
text-shadow: black 2px 2px 0;
height: 100px;
margin: 5px 0;
background-image: linear-gradient(#798421,#394914);
border-top: #B1BB39 solid 4px;
border-bottom: #72941D ridge 7px;
box-shadow: black 0 3px 3px;
padding: 5px 10px;
}
.edit-box .search-box::before{
content: "怪物ID";
content: "怪物ID";
}
.edit-box .search-box .m-id{
box-sizing: border-box;
@@ -282,17 +292,11 @@ ul{
height: 40px;
font-size: 25px;
}
.edit-box .monsterinfo-box{
font-family: 'FOT-KurokaneStd-EB';
color: white;
text-shadow: black 2px 2px 0;
height: 100px;
margin: 5px 0;
background-image: linear-gradient(#798421,#394914);
border-top: #B1BB39 solid 4px;
border-bottom: #72941D ridge 7px;
box-shadow: black 0 3px 3px;
padding: 5px;
.edit-box .search-box,.edit-box .setting-box{
padding: 0 10px;
}
.edit-box .setting-row{
width: 100%;
}
.monsterinfo-box .monster{
margin-right:5px;
@@ -345,7 +349,7 @@ ul{
}
.edit-box .setting-box .row-mon-level::before{
content: "怪物等级";
content: "怪物等级";
display: block;
}
.edit-box .setting-box .m-level{
@@ -364,7 +368,7 @@ ul{
content: "最高Lv";
}
.edit-box .setting-box .row-mon-awoken::before{
content: "怪物觉醒";
content: "怪物觉醒";
}
.row-mon-awoken .m-awoken-ul{
height: 32px;
@@ -384,7 +388,7 @@ ul{
text-align: center;
}
.edit-box .setting-box .row-mon-plus::before{
content: "怪物加值";
content: "怪物加值";
display: block;
}
.setting-box .m-plus-hp,.setting-box .m-plus-atk,.setting-box .m-plus-rcv{
@@ -418,7 +422,7 @@ ul{
font-size: 25px;
}
.edit-box .setting-box .row-mon-latent::before{
content: "潜在觉醒";
content: "潜在觉醒";
}
.m-latent-ul{
text-align: center;


Loading…
Cancel
Save