mapaler
/
PADDashFormation
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

添加数种语言

This commit is contained in:
枫谷剑仙 2019-06-13 18:00:53 +08:00
parent dde50936e6
commit c357e49af5
16 changed files with 739 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -6,6 +6,8 @@
<meta name="viewport" content="width=664" /> <meta name="viewport" content="width=664" />
<link href="style.css" rel="stylesheet" type="text/css"> <link href="style.css" rel="stylesheet" type="text/css">
<link href="style-monsterimages.css" rel="stylesheet" type="text/css"> <link href="style-monsterimages.css" rel="stylesheet" type="text/css">
<link id="language-css" href="languages/zh.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="language-list.js"></script>
<script type="text/javascript" src="universal_function.js"></script> <script type="text/javascript" src="universal_function.js"></script>
<script type="text/javascript" src="script.js"></script> <script type="text/javascript" src="script.js"></script>
</head> </head>
@ -332,7 +334,7 @@
</ul> </ul>
</div> </div>
<div class="search-box"> <div class="search-box">
<input type="search" class="m-id" list="monsters-list" placeholder="请在此输入怪物ID"/> <input type="search" class="m-id" list="monsters-list"/>
<datalist id="monsters-list"></datalist> <datalist id="monsters-list"></datalist>
</div> </div>
<div class="setting-box"> <div class="setting-box">
@ -353,7 +355,7 @@
</div> </div>
<div class="setting-row row-mon-level"> <div class="setting-row row-mon-level">
<!--怪物等级--> <!--怪物等级-->
<input type="number" class="m-level" min=1 max=110 placeholder="怪物等级"/> <input type="number" class="m-level" min=1 max=110/>
<button class="m-level-btn-max" value="99">99</button> <button class="m-level-btn-max" value="99">99</button>
</div> </div>
<div class="setting-row row-mon-plus"> <div class="setting-row row-mon-plus">

23
language-list.js Normal file
View File

@ -0,0 +1,23 @@
/**/
var languageList = [
{
name:"中文（简体）",i18n:"zh",searchlist:["ja","en"],
guideURL:"http://pad.skyozora.com/pets/$1"
},
{
name:"中文（繁體）",i18n:"zh-TW",searchlist:["ja","en"],
guideURL:"http://pad.skyozora.com/pets/$1"
},
{
name:"English",i18n:"en",searchlist:["en","ja"],
guideURL:"http://www.puzzledragonx.com/en/awokenskill.asp?n=$1"
},
{
name:"日本語",i18n:"ja",searchlist:["ja"],
guideURL:"https://pd.appbank.net/m$1" //or https://altema.jp/pazudora/monster/$1
},
{
name:"한국어",i18n:"ko",searchlist:["ko","ja"],
guideURL:"http://www.thisisgame.com/pad/info/monster/detail.php?code=$1"
},
];

128
languages/en.css Normal file
View File

@ -0,0 +1,128 @@
@charset "utf-8";
.delay .monster::before{
content: "Prevent\A Delay";
font-size: 22px;
}
.monster .level.max::before{
content: "Lv.Max";
}
.monster .plus .hp::before,
.monster .plus .atk::before,
.monster .plus .rcv::before,
.monster .plus ._297::before{
content: "+";
}
.monster .level::before{
content: "Lv.";
}
.formation-A-bigbox::after{
content: "Team\A A";
}
.formation-B-bigbox::before{
content: "Team\A B";
}
.formation-A-box .formation-assist .member::after{
content: "▼Assist";
}
.formation-B-box .formation-assist .member::before{
content: "▲Assist";
}
.edit-box .edit-box-title::before{
content: "Edit Member";
}
.edit-box .edit-box-title.edit-box-title-assist::before{
content: "Edit Assist";
}
.edit-box .search-box::before{
content: "▼Monster ID";
}
.monsterinfo-box .monster-id::before{
content: "No.";
}
.edit-box .setting-box .row-mon-level::before{
content: "▼Monster Level";
}
.m-level-btn-max::before{
content: "Max Lv";
}
.edit-box .setting-box .row-mon-awoken::before{
content: "▼Monster Awoken";
}
.edit-box .setting-box .row-mon-plus::before{
content: "▼Monster Plus";
}
.m-plus-hp-li::before{
content: "HP";
}
.m-plus-atk-li::before{
content: "ATK";
}
.m-plus-rcv-li::before{
content: "RCV";
}
.m-plus-hp-btn-99::before,
.m-plus-atk-btn-99::before,
.m-plus-rcv-btn-99::before,
.m-plus-btn-297::before{
content: "+";
}
.edit-box .setting-box .row-mon-latent::before{
content: "▼Latent Awoken";
}
.edit-box .button-box .button-null::after{
content: "Leave a blank";
}
.edit-box .button-box .button-delay::after{
content: "Prevent Delay";
}
.edit-box .button-box .button-cancel::after{
content: "Cancel";
}
.edit-box .button-box .button-done::after{
content: "Done";
}
.edit-box .button-box .button-null,
.edit-box .button-box .button-delay,
.edit-box .button-box .button-cancel,
.edit-box .button-box .button-done{
font-size: 15px;
}
.edit-box .button-box .button-done.cant-assist::after{
content: "Can't be Assist";
}
.type-name-4::after{
content: "Dragon";
}
.type-name-5::after{
content: "God";
}
.type-name-7::after{
content: "Devil";
}
.type-name-8::after{
content: "Machine";
}
.type-name-1::after{
content: "Balanced";
}
.type-name-6::after{
content: "Attacker";
}
.type-name-2::after{
content: "Physical";
}
.type-name-3::after{
content: "Healer";
}
.type-name-0::after{
content: "Evo Material";
}
.type-name-12::after{
content: "Awaken";
}
.type-name-14::after{
content: "Enhance Material";
}
.type-name-15::after{
content: "Redeemable";
}

4
languages/en.js Normal file
View File

@ -0,0 +1,4 @@
var txtTitle = document.querySelector(".title-box .title");
var txtDetail = document.querySelector(".detail-box .detail");
txtTitle.placeholder = "Input Formation Title";
txtDetail.placeholder = "Input Detail";

121
languages/ja.css Normal file
View File

@ -0,0 +1,121 @@
@charset "utf-8";
.delay .monster::before{
content: "遅 延\A対 策";
}
.monster .level.max::before{
content: "Lv.最大";
}
.monster .plus .hp::before,
.monster .plus .atk::before,
.monster .plus .rcv::before,
.monster .plus ._297::before{
content: "+";
}
.monster .level::before{
content: "Lv.";
}
.formation-A-bigbox::after{
content: "チーム\A A";
}
.formation-B-bigbox::before{
content: "チーム\A B";
}
.formation-A-box .formation-assist .member::after{
content: "▼継承";
}
.formation-B-box .formation-assist .member::before{
content: "▲継承";
}
.edit-box .edit-box-title::before{
content: "変更メンバー";
}
.edit-box .edit-box-title.edit-box-title-assist::before{
content: "変更継承";
}
.edit-box .search-box::before{
content: "▼モンスターID";
}
.monsterinfo-box .monster-id::before{
content: "No.";
}
.edit-box .setting-box .row-mon-level::before{
content: "▼モンスターレベル";
}
.m-level-btn-max::before{
content: "最高Lv";
}
.edit-box .setting-box .row-mon-awoken::before{
content: "▼モンスター覚醒";
}
.edit-box .setting-box .row-mon-plus::before{
content: "▼モンスタープラス";
}
.m-plus-hp-li::before{
content: "HP";
}
.m-plus-atk-li::before{
content: "攻撃";
}
.m-plus-rcv-li::before{
content: "回復";
}
.m-plus-hp-btn-99::before,
.m-plus-atk-btn-99::before,
.m-plus-rcv-btn-99::before,
.m-plus-btn-297::before{
content: "+";
}
.edit-box .setting-box .row-mon-latent::before{
content: "▼モンスター潜在覚醒";
}
.edit-box .button-box .button-null::after{
content: "空白のままに";
}
.edit-box .button-box .button-delay::after{
content: "遅延対策";
}
.edit-box .button-box .button-cancel::after{
content: "キャンセル";
}
.edit-box .button-box .button-done::after{
content: "確認する";
}
.edit-box .button-box .button-done.cant-assist::after{
content: "継承できない";
}
.type-name-4::after{
content: "ドラゴン";
}
.type-name-5::after{
content: "神";
}
.type-name-7::after{
content: "悪魔";
}
.type-name-8::after{
content: "マシン";
}
.type-name-1::after{
content: "バランス";
}
.type-name-6::after{
content: "攻撃";
}
.type-name-2::after{
content: "体力";
}
.type-name-3::after{
content: "回復";
}
.type-name-0::after{
content: "進化用";
}
.type-name-12::after{
content: "能力覚醒用";
}
.type-name-14::after{
content: "強化合成用";
}
.type-name-15::after{
content: "売却用";
}

4
languages/ja.js Normal file
View File

@ -0,0 +1,4 @@
var txtTitle = document.querySelector(".title-box .title");
var txtDetail = document.querySelector(".detail-box .detail");
txtTitle.placeholder = "入力フォーメーションのタイトル";
txtDetail.placeholder = "入力詳細";

121
languages/ko.css Normal file
View File

@ -0,0 +1,121 @@
@charset "utf-8";
.delay .monster::before{
content: "지 연\A방 지";
}
.monster .level.max::before{
content: "Lv.최대";
}
.monster .plus .hp::before,
.monster .plus .atk::before,
.monster .plus .rcv::before,
.monster .plus ._297::before{
content: "+";
}
.monster .level::before{
content: "Lv.";
}
.formation-A-bigbox::after{
content: "팀\A A";
}
.formation-B-bigbox::before{
content: "팀\A B";
}
.formation-A-box .formation-assist .member::after{
content: "▼돕다";
}
.formation-B-box .formation-assist .member::before{
content: "▲돕다";
}
.edit-box .edit-box-title::before{
content: "회원 수정";
}
.edit-box .edit-box-title.edit-box-title-assist::before{
content: "보조 수정";
}
.edit-box .search-box::before{
content: "▼몬스터 ID";
}
.monsterinfo-box .monster-id::before{
content: "No.";
}
.edit-box .setting-box .row-mon-level::before{
content: "▼몬스터 레벨";
}
.m-level-btn-max::before{
content: "최고Lv";
}
.edit-box .setting-box .row-mon-awoken::before{
content: "▼몬스터 각성";
}
.edit-box .setting-box .row-mon-plus::before{
content: "▼몬스터 플러스";
}
.m-plus-hp-li::before{
content: "HP";
}
.m-plus-atk-li::before{
content: "공격";
}
.m-plus-rcv-li::before{
content: "회복";
}
.m-plus-hp-btn-99::before,
.m-plus-atk-btn-99::before,
.m-plus-rcv-btn-99::before,
.m-plus-btn-297::before{
content: "+";
}
.edit-box .setting-box .row-mon-latent::before{
content: "▼몬스터 숨어있는";
}
.edit-box .button-box .button-null::after{
content: "비워 둡니다";
}
.edit-box .button-box .button-delay::after{
content: "지연 방지";
}
.edit-box .button-box .button-cancel::after{
content: "편집 취소";
}
.edit-box .button-box .button-done::after{
content: "수정 확인";
}
.edit-box .button-box .button-done.cant-assist::after{
content: "협조 할 수 없음";
}
.type-name-4::after{
content: "드래곤";
}
.type-name-5::after{
content: "신";
}
.type-name-7::after{
content: "악마";
}
.type-name-8::after{
content: "머신";
}
.type-name-1::after{
content: "밸런스";
}
.type-name-6::after{
content: "공격";
}
.type-name-2::after{
content: "체력";
}
.type-name-3::after{
content: "회복";
}
.type-name-0::after{
content: "진화용";
}
.type-name-12::after{
content: "능력각성";
}
.type-name-14::after{
content: "강화합성용";
}
.type-name-15::after{
content: "매각용";
}

4
languages/ko.js Normal file
View File

@ -0,0 +1,4 @@
var txtTitle = document.querySelector(".title-box .title");
var txtDetail = document.querySelector(".detail-box .detail");
txtTitle.placeholder = "편대 칭호 입력";
txtDetail.placeholder = "입력 내용";

121
languages/zh-TW.css Normal file
View File

@ -0,0 +1,121 @@
@charset "utf-8";
.delay .monster::before{
content: "應 對\A威 嚇";
}
.monster .level.max::before{
content: "Lv.最大";
}
.monster .plus .hp::before,
.monster .plus .atk::before,
.monster .plus .rcv::before,
.monster .plus ._297::before{
content: "+";
}
.monster .level::before{
content: "Lv.";
}
.formation-A-bigbox::after{
content: "隊伍\A A";
}
.formation-B-bigbox::before{
content: "隊伍\A B";
}
.formation-A-box .formation-assist .member::after{
content: "▼輔助";
}
.formation-B-box .formation-assist .member::before{
content: "▲輔助";
}
.edit-box .edit-box-title::before{
content: "修改隊員";
}
.edit-box .edit-box-title.edit-box-title-assist::before{
content: "修改輔助";
}
.edit-box .search-box::before{
content: "▼怪物ID";
}
.monsterinfo-box .monster-id::before{
content: "No.";
}
.edit-box .setting-box .row-mon-level::before{
content: "▼怪物等級";
}
.m-level-btn-max::before{
content: "最高Lv";
}
.edit-box .setting-box .row-mon-awoken::before{
content: "▼怪物覺醒";
}
.edit-box .setting-box .row-mon-plus::before{
content: "▼怪物加值";
}
.m-plus-hp-li::before{
content: "HP";
}
.m-plus-atk-li::before{
content: "攻擊";
}
.m-plus-rcv-li::before{
content: "回復";
}
.m-plus-hp-btn-99::before,
.m-plus-atk-btn-99::before,
.m-plus-rcv-btn-99::before,
.m-plus-btn-297::before{
content: "+";
}
.edit-box .setting-box .row-mon-latent::before{
content: "▼潛在覺醒";
}
.edit-box .button-box .button-null::after{
content: "留空格子";
}
.edit-box .button-box .button-delay::after{
content: "應對威嚇";
}
.edit-box .button-box .button-cancel::after{
content: "取消修改";
}
.edit-box .button-box .button-done::after{
content: "確認修改";
}
.edit-box .button-box .button-done.cant-assist::after{
content: "不能輔助";
}
.type-name-4::after{
content: "龍";
}
.type-name-5::after{
content: "神";
}
.type-name-7::after{
content: "惡魔";
}
.type-name-8::after{
content: "機械";
}
.type-name-1::after{
content: "平衡";
}
.type-name-6::after{
content: "攻撃";
}
.type-name-2::after{
content: "體力";
}
.type-name-3::after{
content: "回復";
}
.type-name-0::after{
content: "進化用";
}
.type-name-12::after{
content: "能力覺醒用";
}
.type-name-14::after{
content: "強化合成用";
}
.type-name-15::after{
content: "販賣用";
}

4
languages/zh-TW.js Normal file
View File

@ -0,0 +1,4 @@
var txtTitle = document.querySelector(".title-box .title");
var txtDetail = document.querySelector(".detail-box .detail");
txtTitle.placeholder = "輸入陣型標題";
txtDetail.placeholder = "輸入說明";

121
languages/zh.css Normal file
View File

@ -0,0 +1,121 @@
@charset "utf-8";
.delay .monster::before{
content: "应 对\A威 吓";
}
.monster .level.max::before{
content: "Lv.最大";
}
.monster .plus .hp::before,
.monster .plus .atk::before,
.monster .plus .rcv::before,
.monster .plus ._297::before{
content: "+";
}
.monster .level::before{
content: "Lv.";
}
.formation-A-bigbox::after{
content: "队伍\A A";
}
.formation-B-bigbox::before{
content: "队伍\A B";
}
.formation-A-box .formation-assist .member::after{
content: "▼辅助";
}
.formation-B-box .formation-assist .member::before{
content: "▲辅助";
}
.edit-box .edit-box-title::before{
content: "修改队员";
}
.edit-box .edit-box-title.edit-box-title-assist::before{
content: "修改辅助";
}
.edit-box .search-box::before{
content: "▼怪物ID";
}
.monsterinfo-box .monster-id::before{
content: "No.";
}
.edit-box .setting-box .row-mon-level::before{
content: "▼怪物等级";
}
.m-level-btn-max::before{
content: "最高Lv";
}
.edit-box .setting-box .row-mon-awoken::before{
content: "▼怪物觉醒";
}
.edit-box .setting-box .row-mon-plus::before{
content: "▼怪物加值";
}
.m-plus-hp-li::before{
content: "HP";
}
.m-plus-atk-li::before{
content: "攻击";
}
.m-plus-rcv-li::before{
content: "回复";
}
.m-plus-hp-btn-99::before,
.m-plus-atk-btn-99::before,
.m-plus-rcv-btn-99::before,
.m-plus-btn-297::before{
content: "+";
}
.edit-box .setting-box .row-mon-latent::before{
content: "▼潜在觉醒";
}
.edit-box .button-box .button-null::after{
content: "留空格子";
}
.edit-box .button-box .button-delay::after{
content: "应对威吓";
}
.edit-box .button-box .button-cancel::after{
content: "取消修改";
}
.edit-box .button-box .button-done::after{
content: "确认修改";
}
.edit-box .button-box .button-done.cant-assist::after{
content: "不能辅助";
}
.type-name-4::after{
content: "龍";
}
.type-name-5::after{
content: "神";
}
.type-name-7::after{
content: "惡魔";
}
.type-name-8::after{
content: "机械";
}
.type-name-1::after{
content: "平衡";
}
.type-name-6::after{
content: "攻撃";
}
.type-name-2::after{
content: "体力";
}
.type-name-3::after{
content: "回復";
}
.type-name-0::after{
content: "進化用";
}
.type-name-12::after{
content: "能力覺醒用";
}
.type-name-14::after{
content: "強化合成用";
}
.type-name-15::after{
content: "販賣用";
}

1
languages/zh.js Normal file
View File

@ -0,0 +1 @@


66
script.js
View File

@ -1,4 +1,5 @@
var ms = null; var ms = null;
var language = null;
var memberTeamObj = function(){ var memberTeamObj = function(){
return {id:0,level:0,awoken:0,plus:[0,0,0],latent:[]}; return {id:0,level:0,awoken:0,plus:[0,0,0],latent:[]};
} }
@ -8,20 +9,18 @@ var memberAssistObj = function(){
var teamObj = function(){ var teamObj = function(){
return [ return [
[ [
new memberTeamObj(), {id:0},
new memberTeamObj(), {id:0},
new memberTeamObj(), {id:0},
new memberTeamObj(), {id:0},
new memberTeamObj(), {id:0},
new memberTeamObj(),
], ],
[ [
new memberAssistObj(), {id:0},
new memberAssistObj(), {id:0},
new memberAssistObj(), {id:0},
new memberAssistObj(), {id:0},
new memberAssistObj(), {id:0},
new memberAssistObj(),
], ],
]; ];
} }
@ -35,6 +34,17 @@ var formation = {
}; };
window.onload = function() window.onload = function()
{ {
var language_i18n = getQueryString("lang"); //获取参数指定的语言
var browser_i18n = (navigator.language||navigator.userLanguage); //获取浏览器语言
var hasLanguage = languageList.filter(function(l){
if (language_i18n) //如果已指定就用指定的语言
return language_i18n.indexOf(l.i18n)>=0;
else
return browser_i18n.indexOf(l.i18n)>=0;
});
language = hasLanguage.length?hasLanguage[hasLanguage.length-1]:languageList[0];
document.head.querySelector("#language-css").href = "languages/"+language.i18n+".css";
GM_xmlhttpRequest({ GM_xmlhttpRequest({
method: "GET", method: "GET",
url:"monsters-info/mon.json", url:"monsters-info/mon.json",
@ -80,15 +90,10 @@ window.onpopstate = function()
function creatNewUrl(){ function creatNewUrl(){
if (!!(window.history && history.pushState)) { if (!!(window.history && history.pushState)) {
// 支持History API // 支持History API
history.pushState(null, null, '?data=' + encodeURIComponent(JSON.stringify(formation))); var language_i18n = getQueryString("lang"); //获取参数指定的语言
history.pushState(null, null, '?' + (language_i18n?'lang=' + language_i18n + '&':'') + 'data=' + encodeURIComponent(JSON.stringify(formation)));
} }
} }
//获取URL参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]); return null;
}
//初始化 //初始化
function initialize() function initialize()
{ {
@ -96,7 +101,11 @@ function initialize()
ms.forEach(function(m){ ms.forEach(function(m){
var opt = monstersList.appendChild(document.createElement("option")); var opt = monstersList.appendChild(document.createElement("option"));
opt.value = m.id; opt.value = m.id;
opt.label = m.id + " | " + m.name["ja"] + " | " + m.name["en"] + " | " + m.name["ko"]; opt.label = m.id + " - " + language.searchlist.map(function(lc){ //取出每种语言
return m.name[lc];
}).filter(function(ln){ //去掉空值
return ln.length>0;
}).join(" | ");
}); });
//标题和介绍文本框 //标题和介绍文本框
@ -282,14 +291,21 @@ function initialize()
creatNewUrl(); creatNewUrl();
editBox.hide(); editBox.hide();
} }
/*添对应语言执行的JS*/
var languageJS = document.head.appendChild(document.createElement("script"));
languageJS.id = "language-js";
languageJS.type = "text/javascript";
languageJS.src = "languages/"+language.i18n+".js";
} }
function usedHole(latent) //计算用了多少潜觉格子 //计算用了多少潜觉格子
function usedHole(latent)
{ {
return latent.reduce(function(previous,current){ return latent.reduce(function(previous,current){
return previous + (current>= 12?2:1); return previous + (current>= 12?2:1);
},0); },0);
} }
//改变一个怪物头像
function changeid(mon,monDom,latentDom) function changeid(mon,monDom,latentDom)
{ {
var md = ms[mon.id]; //怪物固定数据 var md = ms[mon.id]; //怪物固定数据
@ -314,8 +330,8 @@ function changeid(mon,monDom,latentDom)
monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号 monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性 monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性
monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性 monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性
monDom.title = "No." + mon.id + " " + md.name["ja"]; monDom.title = "No." + mon.id + " " + md.name[language.searchlist[0]] || md.name["ja"];
monDom.href = "http://pad.skyozora.com/pets/" + mon.id; monDom.href = mon.id.toString().replace(/^(\d+)$/ig,language.guideURL);
} }
if (mon.level>0) //如果提供了等级 if (mon.level>0) //如果提供了等级
{ {
@ -472,7 +488,7 @@ function editBoxChangeMonId(id)
var mRare = monInfoBox.querySelector(".monster-rare"); var mRare = monInfoBox.querySelector(".monster-rare");
mRare.className = "monster-rare rare-" + md.rare; mRare.className = "monster-rare rare-" + md.rare;
var mName = monInfoBox.querySelector(".monster-name"); var mName = monInfoBox.querySelector(".monster-name");
mName.innerHTML = md.name["ja"]; mName.innerHTML = md.name[language.searchlist[0]] || md.name["ja"];
var mType = monInfoBox.querySelectorAll(".monster-type li"); var mType = monInfoBox.querySelectorAll(".monster-type li");
for (var ti=0;ti<mType.length;ti++) for (var ti=0;ti<mType.length;ti++)
{ {

36
style-monsterimages.css
View File

@ -380,75 +380,39 @@
.type-icon-4{/*龙*/ .type-icon-4{/*龙*/
background-position: 0px 0px; background-position: 0px 0px;
} }
.type-name-4::after{
content: "龍";
}
.type-icon-5{/*神*/ .type-icon-5{/*神*/
background-position: 0px -32px; background-position: 0px -32px;
} }
.type-name-5::after{
content: "神";
}
.type-icon-7{/*恶魔*/ .type-icon-7{/*恶魔*/
background-position: 0px -64px; background-position: 0px -64px;
} }
.type-name-7::after{
content: "惡魔";
}
.type-icon-8{/*机械*/ .type-icon-8{/*机械*/
background-position: 0px -96px; background-position: 0px -96px;
} }
.type-name-8::after{
content: "机械";
}
.type-icon-1{/*平衡*/ .type-icon-1{/*平衡*/
background-position: 0px -128px; background-position: 0px -128px;
} }
.type-name-1::after{
content: "平衡";
}
.type-icon-6{/*攻击*/ .type-icon-6{/*攻击*/
background-position: 0px -160px; background-position: 0px -160px;
} }
.type-name-6::after{
content: "攻撃";
}
.type-icon-2{/*体力*/ .type-icon-2{/*体力*/
background-position: 0px -192px; background-position: 0px -192px;
} }
.type-name-2::after{
content: "体力";
}
.type-icon-3{/*回复*/ .type-icon-3{/*回复*/
background-position: 0px -224px; background-position: 0px -224px;
} }
.type-name-3::after{
content: "回復";
}
.type-icon-0{/*进化用*/ .type-icon-0{/*进化用*/
background-position: 0px -256px; background-position: 0px -256px;
} }
.type-name-0::after{
content: "進化用";
}
.type-icon-12{/*能力觉醒用*/ .type-icon-12{/*能力觉醒用*/
background-position: 0px -288px; background-position: 0px -288px;
} }
.type-name-12::after{
content: "能力覺醒用";
}
.type-icon-14{/*强化合成用*/ .type-icon-14{/*强化合成用*/
background-position: 0px -320px; background-position: 0px -320px;
} }
.type-name-14::after{
content: "強化合成用";
}
.type-icon-15{/*贩卖用*/ .type-icon-15{/*贩卖用*/
background-position: 0px -352px; background-position: 0px -352px;
} }
.type-name-15::after{
content: "販賣用";
}
/*潜在觉醒*/ /*潜在觉醒*/
.latent-icon{ .latent-icon{
background-image: url(images/latent.png); background-image: url(images/latent.png);

73
style.css
View File

@ -26,10 +26,13 @@
width:100%; width:100%;
border: none; border: none;
background: none; background: none;
box-sizing: border-box;
padding: 1px;
} }
.title:focus,.detail:focus{ .title:focus,.detail:focus{
border: black solid 1px;; border: black solid 1px;;
background-color: #eee; background-color: #eee;
padding: 0;
} }
ul{ ul{
margin: 0; margin: 0;
@ -38,19 +41,13 @@ ul{
} }
/*队伍的整个盒子*/ /*队伍的整个盒子*/
.formation-box{ .formation-box{
width: 648px; /*width: 648px;*/
min-width: 648px; min-width: 648px;
} }
/*辅助行*/
.formation-assist{
}
/*队伍行*/
.formation-team{
}
/*单个怪物*/ /*单个怪物*/
.monster{ .monster{
font-family: 'FOT-KurokaneStd-EB'; font-family: 'FOT-KurokaneStd-EB',"Source Han Sans","Microsoft Yahei",Arial, Helvetica, sans-serif;
width: 100px; width: 100px;
height: 100px; height: 100px;
margin: 0; margin: 0;
@ -91,7 +88,8 @@ ul{
line-height: 47px; line-height: 47px;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
content: "应 对\A威 吓"; /*content: "应 对\A威 吓";*/
font-family: "Source Han Sans","Microsoft Yahei",Arial, Helvetica, sans-serif;
white-space: pre-wrap; white-space: pre-wrap;
display: inline-block; display: inline-block;
} }
@ -120,12 +118,12 @@ ul{
.null .level,.delay .level{ .null .level,.delay .level{
display:none; display:none;
} }
.monster .plus .hp::before, /*.monster .plus .hp::before,
.monster .plus .atk::before, .monster .plus .atk::before,
.monster .plus .rcv::before, .monster .plus .rcv::before,
.monster .plus ._297::before{ .monster .plus ._297::before{
content: "+"; content: "+";
} }*/
.monster .plus ._297{ /*297默认不显示*/ .monster .plus ._297{ /*297默认不显示*/
display:none; display:none;
} }
@ -162,7 +160,7 @@ ul{
font-size: 18px; font-size: 18px;
line-height: 27px; line-height: 27px;
height: 27px; height: 27px;
text-shadow: black 2px 2px 0; text-shadow: black 0 0 1px, black 2px 2px 0;
position: absolute; position: absolute;
left: 5px; left: 5px;
bottom: 0; bottom: 0;
@ -171,15 +169,15 @@ ul{
.monster .level._110{ .monster .level._110{
color: lightskyblue; color: lightskyblue;
} }
.monster .level::before{ /*.monster .level::before{
content: "Lv."; content: "Lv.";
} }*/
.monster .level.max{ .monster .level.max{
font-size: 0; font-size: 0;
} }
.monster .level.max::before{ .monster .level.max::before{
font-size: 18px; font-size: 18px;
content: "Lv.最大"; /*content: "Lv.最大";*/
} }
/*辅助和队伍的每一只框架*/ /*辅助和队伍的每一只框架*/
.member, .acquisitus-awoken-icon { .member, .acquisitus-awoken-icon {
@ -222,12 +220,12 @@ ul{
.formation-A-bigbox::after{ .formation-A-bigbox::after{
color:red; color:red;
background-color:pink; background-color:pink;
content: "队伍\A A"; /*content: "队伍\A A";*/
} }
.formation-B-bigbox::before{ .formation-B-bigbox::before{
color:blue; color:blue;
background-color:lightblue; background-color:lightblue;
content: "队伍\A B"; /*content: "队伍\A B";*/
vertical-align:top; vertical-align:top;
} }
.formation-A-box, .formation-B-box{ .formation-A-box, .formation-B-box{
@ -245,11 +243,11 @@ ul{
} }
.formation-A-box .formation-assist .member::after{ .formation-A-box .formation-assist .member::after{
color:red; color:red;
content: "▼辅助"; /*content: "▼辅助";*/
} }
.formation-B-box .formation-assist .member::before{ .formation-B-box .formation-assist .member::before{
color:blue; color:blue;
content: "▲辅助"; /*content: "▲辅助";*/
} }
/*队伍的潜觉*/ /*队伍的潜觉*/
@ -315,12 +313,12 @@ ul{
font-size: 2em; font-size: 2em;
font-weight: bold; font-weight: bold;
} }
.edit-box .edit-box-title::before{ /*.edit-box .edit-box-title::before{
content: "修改队员"; content: "修改队员";
} }
.edit-box .edit-box-title.edit-box-title-assist::before{ .edit-box .edit-box-title.edit-box-title-assist::before{
content: "修改辅助"; content: "修改辅助";
} }*/
.edit-box .monsterinfo-box{ .edit-box .monsterinfo-box{
font-family: 'FOT-KurokaneStd-EB'; font-family: 'FOT-KurokaneStd-EB';
color: white; color: white;
@ -333,9 +331,9 @@ ul{
box-shadow: black 0 3px 3px; box-shadow: black 0 3px 3px;
padding: 5px 10px; padding: 5px 10px;
} }
.edit-box .search-box::before{ /*.edit-box .search-box::before{
content: "▼怪物ID"; content: "▼怪物ID";
} }*/
.edit-box .search-box .m-id{ .edit-box .search-box .m-id{
box-sizing: border-box; box-sizing: border-box;
font-size: 25px; font-size: 25px;
@ -360,9 +358,9 @@ ul{
display:inline-block; display:inline-block;
width:150px; width:150px;
} }
.monsterinfo-box .monster-id::before{ /*.monsterinfo-box .monster-id::before{
content: "No."; content: "No.";
} }*/
.monsterinfo-box .monster-rare{ .monsterinfo-box .monster-rare{
display:inline-block; display:inline-block;
} }
@ -404,7 +402,7 @@ ul{
} }
.edit-box .setting-box .row-mon-level::before{ .edit-box .setting-box .row-mon-level::before{
content: "▼怪物等级"; /*content: "▼怪物等级";*/
display: block; display: block;
} }
.edit-box .setting-box .m-level{ .edit-box .setting-box .m-level{
@ -419,12 +417,12 @@ ul{
box-sizing: border-box; box-sizing: border-box;
font-size: 25px; font-size: 25px;
} }
.m-level-btn-max::before{ /*.m-level-btn-max::before{
content: "最高Lv"; content: "最高Lv";
} }
.edit-box .setting-box .row-mon-awoken::before{ .edit-box .setting-box .row-mon-awoken::before{
content: "▼怪物觉醒"; content: "▼怪物觉醒";
} }*/
.row-mon-awoken .m-awoken-ul{ .row-mon-awoken .m-awoken-ul{
height: 32px; height: 32px;
} }
@ -443,7 +441,7 @@ ul{
text-align: center; text-align: center;
} }
.edit-box .setting-box .row-mon-plus::before{ .edit-box .setting-box .row-mon-plus::before{
content: "▼怪物加值"; /*content: "▼怪物加值";*/
display: block; display: block;
} }
.setting-box .m-plus-hp,.setting-box .m-plus-atk,.setting-box .m-plus-rcv{ .setting-box .m-plus-hp,.setting-box .m-plus-atk,.setting-box .m-plus-rcv{
@ -457,18 +455,18 @@ ul{
width: 55px; width: 55px;
display: inline-block; display: inline-block;
} }
.m-plus-hp-li::before{content: "HP";} /*.m-plus-hp-li::before{content: "HP";}
.m-plus-atk-li::before{content: "攻击";} .m-plus-atk-li::before{content: "攻击";}
.m-plus-rcv-li::before{content: "回复";} .m-plus-rcv-li::before{content: "回复";}*/
.m-plus-hp-btn-99,.m-plus-atk-btn-99,.m-plus-rcv-btn-99{ .m-plus-hp-btn-99,.m-plus-atk-btn-99,.m-plus-rcv-btn-99{
height: 40px; height: 40px;
width: 70px; width: 70px;
box-sizing: border-box; box-sizing: border-box;
font-size: 25px; font-size: 25px;
} }
.m-plus-hp-btn-99::before,.m-plus-atk-btn-99::before,.m-plus-rcv-btn-99::before,.m-plus-btn-297::before{ /*.m-plus-hp-btn-99::before,.m-plus-atk-btn-99::before,.m-plus-rcv-btn-99::before,.m-plus-btn-297::before{
content: "+"; content: "+";
} }*/
.m-plus-btn-297{ .m-plus-btn-297{
float:right; float:right;
width: 85px; width: 85px;
@ -476,9 +474,9 @@ ul{
box-sizing: border-box; box-sizing: border-box;
font-size: 25px; font-size: 25px;
} }
.edit-box .setting-box .row-mon-latent::before{ /*.edit-box .setting-box .row-mon-latent::before{
content: "▼潜在觉醒"; content: "▼潜在觉醒";
} }*/
.m-latent-ul{ .m-latent-ul{
text-align: center; text-align: center;
font-size: 0; font-size: 0;
@ -527,7 +525,6 @@ ul{
.edit-box .button-box .button-cancel, .edit-box .button-box .button-cancel,
.edit-box .button-box .button-done{ .edit-box .button-box .button-done{
height: 50px; height: 50px;
width: 130px;
box-sizing: border-box; box-sizing: border-box;
font-size: 25px; font-size: 25px;
font-weight: bold; font-weight: bold;
@ -542,7 +539,7 @@ ul{
float: right; float: right;
margin-left:5px; margin-left:5px;
} }
.edit-box .button-box .button-null::after{ /*.edit-box .button-box .button-null::after{
content: "留空格子"; content: "留空格子";
} }
.edit-box .button-box .button-delay::after{ .edit-box .button-box .button-delay::after{
@ -556,4 +553,4 @@ ul{
} }
.edit-box .button-box .button-done.cant-assist::after{ .edit-box .button-box .button-done.cant-assist::after{
content: "不能辅助"; content: "不能辅助";
} }*/

9
universal_function.js
View File

@ -1,5 +1,4 @@
 //类型允许的潜觉杀，前面的数字是官方数据的类型编号，后面的杀是自己做的图片中的潜觉序号
//类型允许的潜觉杀，前面的数字是官方数据的类型编号，后面的杀是自己做的图片中的潜觉序号
var type_allowable_latent = { var type_allowable_latent = {
"0":[], //0进化 "0":[], //0进化
"12":[], //12觉醒 "12":[], //12觉醒
@ -44,6 +43,12 @@ function PrefixInteger(num, length)
{ {
return (Array(length).join('0') + num).slice(-length); return (Array(length).join('0') + num).slice(-length);
} }
//获取URL参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURIComponent(r[2]); return null;
}
//数组去重 //数组去重
/* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html /* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html
* 实现思路：获取没重复的最右一值放入新数组。 * 实现思路：获取没重复的最右一值放入新数组。