先传一部分吧
This commit is contained in:
parent
62596345b3
commit
951ae61848
|
@ -27,6 +27,8 @@
|
||||||
random_skills: (element)=>[`Activates these random skills:`, element],
|
random_skills: (element)=>[`Activates these random skills:`, element],
|
||||||
delay: ()=> `Delays enemies' next move`,
|
delay: ()=> `Delays enemies' next move`,
|
||||||
mass_attack: ()=> `plus Mass Attack`,
|
mass_attack: ()=> `plus Mass Attack`,
|
||||||
|
leader_change: ()=> `Switches places with Leader Monster; use again to switch back`,
|
||||||
|
no_skyfall: ()=> `No Skyfall Combos`,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -6,6 +6,8 @@ const localTranslating = {
|
||||||
random_skills: (element)=>[`随机执行以下技能:`, element],
|
random_skills: (element)=>[`随机执行以下技能:`, element],
|
||||||
delay: ()=> `将敌人的攻击延迟`,
|
delay: ()=> `将敌人的攻击延迟`,
|
||||||
mass_attack: ()=> `所有攻击变为全体攻击`,
|
mass_attack: ()=> `所有攻击变为全体攻击`,
|
||||||
|
leader_change: ()=> `将自身换为队长,再次使用则换回来`,
|
||||||
|
no_skyfall: ()=> `天降的宝珠不会消除`,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -659,6 +659,12 @@ function renderSkill(skill)
|
||||||
return fragment.appendChild(arg);
|
return fragment.appendChild(arg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
function createIcon(iconType){
|
||||||
|
const idoc = document.createElement("icon");
|
||||||
|
idoc.className = "icon-skill";
|
||||||
|
idoc.setAttribute("data-icon-type", iconType);
|
||||||
|
return idoc;
|
||||||
|
}
|
||||||
const fragment = document.createDocumentFragment();
|
const fragment = document.createDocumentFragment();
|
||||||
if (typeof localTranslating == "undefined") return fragment;
|
if (typeof localTranslating == "undefined") return fragment;
|
||||||
const tsp = localTranslating.skill_parse;
|
const tsp = localTranslating.skill_parse;
|
||||||
|
@ -682,34 +688,26 @@ function renderSkill(skill)
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case SkillKinds.Delay: {
|
case SkillKinds.Delay: {
|
||||||
const idoc = document.createElement("icon");
|
appendToFragment(createIcon("delay"));
|
||||||
idoc.className = "icon-delay";
|
|
||||||
appendToFragment(idoc);
|
|
||||||
appendToFragment(tsp.delay());
|
appendToFragment(tsp.delay());
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case SkillKinds.MassAttack: {
|
case SkillKinds.MassAttack: {
|
||||||
const idoc = document.createElement("icon");
|
appendToFragment(createIcon("mass-attack"));
|
||||||
idoc.className = "icon-mass-attack";
|
|
||||||
appendToFragment(idoc);
|
|
||||||
appendToFragment(tsp.mass_attack());
|
appendToFragment(tsp.mass_attack());
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
/*
|
|
||||||
case SkillKinds.LeaderChange: {
|
case SkillKinds.LeaderChange: {
|
||||||
return (
|
appendToFragment(createIcon("leader-change"));
|
||||||
<span className="CardSkill-skill">
|
appendToFragment(tsp.leader_change());
|
||||||
<Asset assetId="status-leader-change" className="CardSkill-icon" title="Leader change" />
|
break;
|
||||||
</span>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
case SkillKinds.NoSkyfall: {
|
case SkillKinds.NoSkyfall: {
|
||||||
return (
|
appendToFragment(createIcon("no-skyfall"));
|
||||||
<span className="CardSkill-skill">
|
appendToFragment(tsp.no_skyfall());
|
||||||
<Asset assetId="status-no-skyfall" className="CardSkill-icon" title="No skyfall" />
|
break;
|
||||||
</span>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
/*
|
||||||
case SkillKinds.Heal: {
|
case SkillKinds.Heal: {
|
||||||
const { value } = skill as Skill.WithValue;
|
const { value } = skill as Skill.WithValue;
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -3,45 +3,44 @@
|
||||||
.property{ /*主属性*/
|
.property{ /*主属性*/
|
||||||
background-position-y: 0;
|
background-position-y: 0;
|
||||||
}
|
}
|
||||||
.property[data-property='-1']{
|
.property[data-property='-1'],
|
||||||
|
.subproperty[data-property='-1']
|
||||||
|
{
|
||||||
background: none; /*无*/
|
background: none; /*无*/
|
||||||
}
|
}
|
||||||
.property[data-property='0']{
|
.property[data-property='0'],
|
||||||
|
.subproperty[data-property='0']
|
||||||
|
{
|
||||||
background-position-x: calc(-102px * 0); /*火*/
|
background-position-x: calc(-102px * 0); /*火*/
|
||||||
}
|
}
|
||||||
.property[data-property='1']{
|
.property[data-property='1'],
|
||||||
|
.subproperty[data-property='1']
|
||||||
|
{
|
||||||
background-position-x: calc(-102px * 1); /*水*/
|
background-position-x: calc(-102px * 1); /*水*/
|
||||||
}
|
}
|
||||||
.property[data-property='2']{
|
.property[data-property='2'],
|
||||||
|
.subproperty[data-property='2']
|
||||||
|
{
|
||||||
background-position-x: calc(-102px * 2); /*木*/
|
background-position-x: calc(-102px * 2); /*木*/
|
||||||
}
|
}
|
||||||
.property[data-property='3']{
|
.property[data-property='3'],
|
||||||
|
.subproperty[data-property='3']
|
||||||
|
{
|
||||||
background-position-x: calc(-102px * 3); /*光*/
|
background-position-x: calc(-102px * 3); /*光*/
|
||||||
}
|
}
|
||||||
.property[data-property='4']{
|
.property[data-property='4'],
|
||||||
|
.subproperty[data-property='4']
|
||||||
|
{
|
||||||
background-position-x: calc(-102px * 4); /*暗*/
|
background-position-x: calc(-102px * 4); /*暗*/
|
||||||
}
|
}
|
||||||
|
.property[data-property='6']
|
||||||
|
{
|
||||||
|
background-image: url(images/CARDFRAMEW.PNG);
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
.subproperty{ /*副属性*/
|
.subproperty{ /*副属性*/
|
||||||
background-position-y: -104px;
|
background-position-y: -104px;
|
||||||
}
|
}
|
||||||
.subproperty[data-property='-1']{
|
|
||||||
background: none; /*无*/
|
|
||||||
}
|
|
||||||
.subproperty[data-property='0']{
|
|
||||||
background-position-x: calc(-102px * 0); /*火*/
|
|
||||||
}
|
|
||||||
.subproperty[data-property='1']{
|
|
||||||
background-position-x: calc(-102px * 1); /*水*/
|
|
||||||
}
|
|
||||||
.subproperty[data-property='2']{
|
|
||||||
background-position-x: calc(-102px * 2); /*木*/
|
|
||||||
}
|
|
||||||
.subproperty[data-property='3']{
|
|
||||||
background-position-x: calc(-102px * 3); /*光*/
|
|
||||||
}
|
|
||||||
.subproperty[data-property='4']{
|
|
||||||
background-position-x: calc(-102px * 4); /*暗*/
|
|
||||||
}
|
|
||||||
/*宠物头像所用的图片*/
|
/*宠物头像所用的图片*/
|
||||||
.monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
|
.monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
|
||||||
.monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}
|
.monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}
|
||||||
|
|
31
style.css
31
style.css
|
@ -243,10 +243,6 @@ ul{
|
||||||
background-image: url(images/CARDFRAME2.PNG);
|
background-image: url(images/CARDFRAME2.PNG);
|
||||||
background-position: 100px 100px; /*默认都不显示*/
|
background-position: 100px 100px; /*默认都不显示*/
|
||||||
}
|
}
|
||||||
.property[data-property='6']{
|
|
||||||
background-image: url(images/CARDFRAMEW.PNG);
|
|
||||||
background-position: 0 0;
|
|
||||||
}
|
|
||||||
/*怪物-加值*/
|
/*怪物-加值*/
|
||||||
.monster .plus{
|
.monster .plus{
|
||||||
color: yellow;
|
color: yellow;
|
||||||
|
@ -2751,4 +2747,31 @@ table .orb-icon
|
||||||
.henshin-loop .evo-panel-right
|
.henshin-loop .evo-panel-right
|
||||||
{
|
{
|
||||||
border-color: #7F00FF;
|
border-color: #7F00FF;
|
||||||
|
}
|
||||||
|
.icon-skill
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
background-image: url(images/icon-skills.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
vertical-align: bottom;
|
||||||
|
transform: scale(0.75);
|
||||||
|
margin: -4px;
|
||||||
|
}
|
||||||
|
.icon-skill[data-icon-type="delay"]
|
||||||
|
{
|
||||||
|
background-position-y:calc(-36px * 0);
|
||||||
|
}
|
||||||
|
.icon-skill[data-icon-type="mass-attack"]
|
||||||
|
{
|
||||||
|
background-position-y:calc(-36px * 1);
|
||||||
|
}
|
||||||
|
.icon-skill[data-icon-type="leader-change"]
|
||||||
|
{
|
||||||
|
background-position-y:calc(-36px * 2);
|
||||||
|
}
|
||||||
|
.icon-skill[data-icon-type="no-skyfall"]
|
||||||
|
{
|
||||||
|
background-position-y:calc(-36px * 3);
|
||||||
}
|
}
|
Loading…
Reference in New Issue