加入系列的搜索
This commit is contained in:
parent
a7045cc8b8
commit
e86cbd13f5
64
README.md
64
README.md
|
|
@ -1,19 +1,7 @@
|
|||
智龙迷城队伍图制作工具 | Puzzle & Dragons Formation Maker
|
||||
======
|
||||
这个工具可以帮助你方便的制作和分享车队阵型或单人队形。易用的编辑界面，电脑、手机上都可以轻松使用。
|
||||
This tool can help you easily create and share Swipe Formation or Solo Formation. Easy to use editing interface and use on your PC and Phone.
|
||||
**Some similar English names with Swipe Formation**, information comes from [this post](https://puzzleanddragonsforum.com/threads/107636).
|
||||
* co-op speed farming
|
||||
* ALB farming
|
||||
* green row
|
||||
* swipe team
|
||||
* swipe farming
|
||||
### 车队示例 \| Multi Team Sample
|
||||
|
||||
### 单人示例 \| Solo Sample
|
||||
|
||||
### 手机预览 \| Mobile Preview
|
||||
|
||||
This tool can help you easily create and share Swipe Formation or Solo Formation. Easy to use editing interface and use on your PC and Phone.
|
||||
|
||||
## 目前支持的语言 | Supported Languages
|
||||
1. 中文（简体）
|
||||
|
|
@ -22,41 +10,23 @@ This tool can help you easily create and share Swipe Formation or Solo Formation
|
|||
1. 日本語 (by google translate)
|
||||
1. 한국어 (by google translate)
|
||||
|
||||
# 如何使用 | HOW TO USE
|
||||
## 在哪里打开 | Where to open
|
||||
### 快速使用在线版 | Online Quick Start
|
||||
* https://mapaler.github.io/PADDashFormation/ (Github Pages)
|
||||
* http://mapaler.gitee.io/paddashformation/ (码云的镜象，国内比较快|Chinese mirror)
|
||||
* 示例 \| Sample
|
||||
* [车队示例 \| Multi Team Sample](//mapaler.github.io/PADDashFormation/multi.html?d=%7B%22t%22%3A%22%E6%88%91%E7%9A%84%E6%9C%A8%E8%BD%A6%E9%98%9F%7CMy%20Wood%20Dash%20Formation%22%2C%22d%22%3A%22%E6%88%91%E5%B9%B3%E6%97%B6%E7%9A%84%E6%9C%A8%E8%BD%A6%E9%98%9F%5Cn5%E4%B8%AASX%E5%88%9A%E5%A5%BD%E5%A4%9F%5Cn%E5%BC%80%E8%BD%A6%E4%BA%86%EF%BC%8C%E6%BB%B4%E6%BB%B4%22%2C%22f%22%3A%5B%5B%5B%5B4813%2C110%2C9%2C99%2C%5B20%2C20%2C20%5D%2C1%5D%2C%5B2948%2C99%2C6%2C99%2C%5B21%2C21%2C21%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B22%2C22%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B19%2C19%5D%5D%2C%5B5323%2C99%2C9%2C99%2C%5B20%2C20%2C11%2C11%5D%5D%5D%2C%5B%5B5267%2C99%2C5%5D%2C%5B3640%2C99%2C8%5D%2C%5B4986%2C1%2C4%5D%2C%5B0%5D%2C%5B0%5D%5D%5D%2C%5B%5B%5B2948%2C99%2C6%2C99%2C%5B22%2C13%2C13%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B21%2C21%2C21%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B22%2C22%2C22%5D%5D%2C%5B4813%2C110%2C9%2C99%2C%5B20%2C20%2C11%2C11%5D%2C1%5D%2C%5B5042%2C101%2C9%2C99%2C%5B20%2C20%2C11%2C11%5D%2C2%5D%5D%2C%5B%5B3640%2C99%2C8%5D%2C%5B4986%2C1%2C4%5D%2C%5B0%5D%2C%5B5267%2C1%2C5%2C99%5D%2C%5B5267%2C1%2C5%5D%5D%5D%5D%7D)
|
||||
* [单人示例 \| Solo Sample](//mapaler.github.io/PADDashFormation/solo.html?d=%7B%22t%22%3A%22%E5%A4%A7%E5%8F%B7%E6%89%93%E9%87%8C%C2%B7%E4%B8%89%E9%92%88%22%2C%22d%22%3A%22%E6%B3%A8%E6%84%8F%E5%89%8D%E9%9D%A2%E5%87%A0%E5%85%B3%E8%A6%81%E5%BF%AB%E7%82%B9%E6%89%93%EF%BC%8C%E4%B8%8D%E7%84%B6%E5%B0%8F%E6%8A%A4%E5%A3%AB2%E6%8A%80%E8%B7%B3%E4%BA%86%EF%BC%8C%E4%BC%9A%E8%A2%AB%E5%B0%81%E8%A7%89%E9%86%92%E9%98%9F%E9%95%BF%E6%8D%B6%E6%AD%BB%E3%80%82%22%2C%22f%22%3A%5B%5B%5B%5B5139%2C102%2C9%2C99%2C%5B17%2C17%2C11%2C11%5D%2C1%5D%2C%5B4635%2C110%2C9%2C99%2C%5B27%2C27%2C27%5D%2C2%5D%2C%5B5004%2C110%2C9%2C99%2C%5B17%2C17%2C17%5D%2C0%5D%2C%5B4137%2C101%2C8%2C99%2C%5B23%2C23%2C11%2C11%5D%2C1%5D%2C%5B5331%2C110%2C9%2C99%2C%5B18%2C18%2C11%2C11%5D%2C2%5D%2C%5B5139%2C110%2C9%2C99%2C%5B17%2C17%2C11%2C11%5D%2C2%5D%5D%2C%5B%5B4140%2C99%2C5%2C99%5D%2C%5B4148%2C71%2C5%5D%2C%5B5257%2C99%2C6%5D%2C%5B5239%2C1%2C6%5D%2C%5B4154%2C99%2C5%5D%2C%5B4897%2C99%2C5%5D%5D%5D%5D%7D)
|
||||
### 下载后使用本地版 | Use the local version after downloaded
|
||||
[下载压缩包](//github.com/Mapaler/PADDashFormation/archive/master.zip)后使用浏览器打开`index.html`。火狐68.0及以后需要在`about:config`设定`privacy.file_unique_origin`为`false`。
|
||||
[Download ZIP](//github.com/Mapaler/PADDashFormation/archive/master.zip), and open the `index.html` with Browser. Firefox 68.0 or above need setting the `privacy.file_unique_origin` to `false` in `about:config`.
|
||||
### [单人示例 \| Solo Sample](//mapaler.github.io/PADDashFormation/solo.html?d=%7B%22t%22%3A%22%E5%A4%A7%E5%8F%B7%E6%89%93%E9%87%8C%C2%B7%E4%B8%89%E9%92%88%22%2C%22d%22%3A%22%E6%B3%A8%E6%84%8F%E5%89%8D%E9%9D%A2%E5%87%A0%E5%85%B3%E8%A6%81%E5%BF%AB%E7%82%B9%E6%89%93%EF%BC%8C%E4%B8%8D%E7%84%B6%E5%B0%8F%E6%8A%A4%E5%A3%AB2%E6%8A%80%E8%B7%B3%E4%BA%86%EF%BC%8C%E4%BC%9A%E8%A2%AB%E5%B0%81%E8%A7%89%E9%86%92%E9%98%9F%E9%95%BF%E6%8D%B6%E6%AD%BB%E3%80%82%22%2C%22f%22%3A%5B%5B%5B%5B5139%2C102%2C9%2C99%2C%5B17%2C17%2C11%2C11%5D%2C1%5D%2C%5B4635%2C110%2C9%2C99%2C%5B27%2C27%2C27%5D%2C2%5D%2C%5B5004%2C110%2C9%2C99%2C%5B17%2C17%2C17%5D%2C0%5D%2C%5B4137%2C101%2C8%2C99%2C%5B23%2C23%2C11%2C11%5D%2C1%5D%2C%5B5331%2C110%2C9%2C99%2C%5B18%2C18%2C11%2C11%5D%2C2%5D%2C%5B5139%2C110%2C9%2C99%2C%5B17%2C17%2C11%2C11%5D%2C2%5D%5D%2C%5B%5B4140%2C99%2C5%2C99%5D%2C%5B4148%2C71%2C5%5D%2C%5B5257%2C99%2C6%5D%2C%5B5239%2C1%2C6%5D%2C%5B4154%2C99%2C5%5D%2C%5B4897%2C99%2C5%5D%5D%5D%5D%7D)
|
||||
|
||||
### [车队示例 \| Multi Team Sample](//mapaler.github.io/PADDashFormation/multi.html?d=%7B%22t%22%3A%22%E6%88%91%E7%9A%84%E6%9C%A8%E8%BD%A6%E9%98%9F%7CMy%20Wood%20Dash%20Formation%22%2C%22d%22%3A%22%E6%88%91%E5%B9%B3%E6%97%B6%E7%9A%84%E6%9C%A8%E8%BD%A6%E9%98%9F%5Cn5%E4%B8%AASX%E5%88%9A%E5%A5%BD%E5%A4%9F%5Cn%E5%BC%80%E8%BD%A6%E4%BA%86%EF%BC%8C%E6%BB%B4%E6%BB%B4%22%2C%22f%22%3A%5B%5B%5B%5B4813%2C110%2C9%2C99%2C%5B20%2C20%2C20%5D%2C1%5D%2C%5B2948%2C99%2C6%2C99%2C%5B21%2C21%2C21%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B22%2C22%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B19%2C19%5D%5D%2C%5B5323%2C99%2C9%2C99%2C%5B20%2C20%2C11%2C11%5D%5D%5D%2C%5B%5B5267%2C99%2C5%5D%2C%5B3640%2C99%2C8%5D%2C%5B4986%2C1%2C4%5D%2C%5B0%5D%2C%5B0%5D%5D%5D%2C%5B%5B%5B2948%2C99%2C6%2C99%2C%5B22%2C13%2C13%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B21%2C21%2C21%5D%5D%2C%5B2948%2C99%2C6%2C99%2C%5B22%2C22%2C22%5D%5D%2C%5B4813%2C110%2C9%2C99%2C%5B20%2C20%2C11%2C11%5D%2C1%5D%2C%5B5042%2C101%2C9%2C99%2C%5B20%2C20%2C11%2C11%5D%2C2%5D%5D%2C%5B%5B3640%2C99%2C8%5D%2C%5B4986%2C1%2C4%5D%2C%5B0%5D%2C%5B5267%2C1%2C5%2C99%5D%2C%5B5267%2C1%2C5%5D%5D%5D%5D%7D)
|
||||
|
||||
### 手机预览 \| Mobile Preview
|
||||
|
||||
|
||||
## 小提示 | Tips
|
||||
* 直接复制网址即可分享组队或自己添加收藏夹保存。你可以使用*短网址服务*进一步缩短网址。
|
||||
Copy the URL directly to share the Formation, or add a Bookmark to archives. You can use any *Short URL Service* to further shorten the URL.
|
||||
|
||||
* 使用后退即可撤销上一次修改。
|
||||
Use back to undo the last edit.
|
||||
|
||||
* 拖拽怪物头像即可快速切换位置，也支持手机触屏。
|
||||
Drag monster avatars to quickly switch positions, also supports mobile touch screen.
|
||||
|
||||
* 点击编辑界面的怪物头像可以跳转到攻略网站。
|
||||
Click on the monster avatar in the editing interface to jump to the Guide.
|
||||
|
||||
在队伍界面的怪物头像上点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。
|
||||
Or click the middle mouse button on the monster avatar of the formation interface to jump to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new tab.
|
||||
|
||||
* 可以在编辑界面的怪物ID输入怪物名称来搜索怪物。
|
||||
You can search for monsters by entering the monster name in the monster ID of the editing interface.
|
||||
|
||||
* 车队模式只显示部分共用的觉醒的统计，单人则全部显示。
|
||||
2-Player Multi Games Mode only show several common awoken statistics, but solo mode shows all.
|
||||
* 如果发现 BUG，请先按 Ctrl+F5 强制刷新后测试，如仍有问题可以在 [Issues](//github.com/Mapaler/PADDashFormation/issues) 报告。
|
||||
If a BUG is found, first test again after force refresh by Ctrl-F5, if there is still a problem, you can report it at the [Issues](//github.com/Mapaler/PADDashFormation/issues).
|
||||
# 如何使用 | HOW TO USE
|
||||
## 快速使用在线版 | Online Quick Start
|
||||
* https://mapaler.github.io/PADDashFormation/ (Github Pages)
|
||||
* http://mapaler.gitee.io/paddashformation/ (码云的镜象，国内这个更快|Chinese mirror)
|
||||
|
||||
## 下载后使用本地版 | Use the local version after downloaded
|
||||
[下载压缩包](//github.com/Mapaler/PADDashFormation/archive/master.zip)或`git clone`后使用浏览器打开`index.html`。火狐68.0及以后需要在`about:config`设定`privacy.file_unique_origin`为`false`。
|
||||
[Download ZIP](//github.com/Mapaler/PADDashFormation/archive/master.zip) or `git clone`, and open the `index.html` with Browser. Firefox 68.0 or above need setting the `privacy.file_unique_origin` to `false` in `about:config`.
|
||||
|
||||
## [帮助和提示 | Help and Tips](help.md)
|
||||
|
||||
# 翻译我 | TRANSLATE ME
|
||||
## How to **Pull requests**
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
13
help.md
13
help.md
|
|
@ -9,15 +9,18 @@ Use back to undo the last edit.
|
|||
* 拖拽怪物头像即可快速切换位置，也支持手机触屏。
|
||||
Drag monster avatars to quickly switch positions, also supports mobile touch screen.
|
||||
|
||||
* 可以在编辑界面的怪物ID输入怪物名称来搜索怪物。
|
||||
You can search for monsters by entering the monster name in the monster ID of the editing interface.
|
||||
|
||||
点击系列ID或系列名称，可搜索该系列
|
||||
Clisk the **Series ID** or **Series Name** to search for series.
|
||||
|
||||
* 点击编辑界面的怪物头像可以跳转到攻略网站。
|
||||
Click on the monster avatar in the editing interface to jump to the Guide.
|
||||
|
||||
在队伍界面的怪物头像上点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。
|
||||
Or click the middle mouse button on the monster avatar of the formation interface to jump to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new tab.
|
||||
在队伍界面和搜索结果的怪物头像上，点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。
|
||||
Or click the middle mouse button on the monster avatar of the formation interface and search results to jump to the Guide. On your phone, you're long-pressing the monster avatar and then selecting to open it in a new tab.
|
||||
|
||||
* 可以在编辑界面的怪物ID输入怪物名称来搜索怪物。
|
||||
You can search for monsters by entering the monster name in the monster ID of the editing interface.
|
||||
|
||||
* 车队模式只显示部分共用的觉醒的统计，单人则全部显示。
|
||||
2-Player Multi Games Mode only show several common awoken statistics, but solo mode shows all.
|
||||
* 如果发现 BUG，请先按 Ctrl+F5 强制刷新后测试，如仍有问题可以在 [Issues](//github.com/Mapaler/PADDashFormation/issues) 报告。
|
||||
|
|
|
|||
|
|
@ -54,6 +54,12 @@
|
|||
.monsterinfo-box .monster-cost::before{
|
||||
content: "COST:";
|
||||
}
|
||||
.monsterinfo-box .monster-collabId::before{
|
||||
content: "Series ID：";
|
||||
}
|
||||
.monsterinfo-box .monster-altName::before{
|
||||
content: "Series name：";
|
||||
}
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
content: "▼Monster Level";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,6 +44,12 @@
|
|||
.monsterinfo-box .monster-cost::before{
|
||||
content: "コスト:";
|
||||
}
|
||||
.monsterinfo-box .monster-collabId::before{
|
||||
content: "シリーズ ID：";
|
||||
}
|
||||
.monsterinfo-box .monster-altName::before{
|
||||
content: "シリーズの名前：";
|
||||
}
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
content: "▼モンスターレベル";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,6 +44,12 @@
|
|||
.monsterinfo-box .monster-cost::before{
|
||||
content: "코스트:";
|
||||
}
|
||||
.monsterinfo-box .monster-collabId::before{
|
||||
content: "시리즈 ID：";
|
||||
}
|
||||
.monsterinfo-box .monster-altName::before{
|
||||
content: "시리즈 이름：";
|
||||
}
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
content: "▼몬스터 레벨";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -56,6 +56,12 @@
|
|||
.monsterinfo-box .monster-cost::before{
|
||||
content: "消耗:";
|
||||
}
|
||||
.monsterinfo-box .monster-collabId::before{
|
||||
content: "系列ID：";
|
||||
}
|
||||
.monsterinfo-box .monster-altName::before{
|
||||
content: "系列名称：";
|
||||
}
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
content: "▼怪物等级";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1121,7 +1121,7 @@ function parseSkillDescription(skill)
|
|||
str = `队员组成全是`;
|
||||
strArr = sk.slice(0,3).filter(s=>{return s>0;}); //最多3种id
|
||||
str += strArr.map(s=>{
|
||||
return `<a class="detail-search" onclick="showSearch(Cards.filter(card=>{return card.collabId == ${s};}));">【No.${s}】</a>`;
|
||||
return `<a class="detail-search monster-collabId" data-collabId="${s}" onclick="searchColla(this.getAttribute('data-collabId'));">${s}</a>`;
|
||||
}).join("、");
|
||||
str += `系列角色时，所有宠物的${getFixedHpAtkRcvString({hp:sk[3],atk:sk[4],rcv:sk[5]})}`;
|
||||
break;
|
||||
|
|
|
|||
|
|
@ -56,6 +56,12 @@
|
|||
.monsterinfo-box .monster-cost::before{
|
||||
content: "消耗:";
|
||||
}
|
||||
.monsterinfo-box .monster-collabId::before{
|
||||
content: "系列ID：";
|
||||
}
|
||||
.monsterinfo-box .monster-altName::before{
|
||||
content: "系列名称：";
|
||||
}
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
content: "▼怪物等級";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -56,6 +56,12 @@
|
|||
.monsterinfo-box .monster-cost::before{
|
||||
content: "消耗:";
|
||||
}
|
||||
.monsterinfo-box .monster-collabId::before{
|
||||
content: "系列ID：";
|
||||
}
|
||||
.monsterinfo-box .monster-altName::before{
|
||||
content: "系列名称：";
|
||||
}
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
content: "▼怪物等级";
|
||||
}
|
||||
|
|
|
|||
25
multi.html
25
multi.html
|
|
@ -428,15 +428,22 @@ var formation = new Formation(2,5);
|
|||
<div class="subproperty"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="monster-id"></div>
|
||||
<div class="monster-rare"></div>
|
||||
<div class="monster-cost"></div>
|
||||
<div class="monster-name"></div>
|
||||
<ul class="monster-type">
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
</ul>
|
||||
<div class="monsterinfo-line">
|
||||
<div class="monster-id"></div>
|
||||
<div class="monster-rare"></div>
|
||||
<div class="monster-cost"></div>
|
||||
</div>
|
||||
<div class="monsterinfo-line">
|
||||
<div class="monster-name"></div>
|
||||
</div>
|
||||
<div class="monsterinfo-line">
|
||||
<ul class="monster-type">
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
</ul>
|
||||
<div class="monster-collabId"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box display-none">
|
||||
<div class="attrs"><!--属性-->
|
||||
|
|
|
|||
61
script.js
61
script.js
|
|
@ -522,6 +522,28 @@ function initialize()
|
|||
controlBox.classList.remove("blur-bg");
|
||||
};
|
||||
|
||||
const smonsterinfoBox = editBox.querySelector(".monsterinfo-box");
|
||||
const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
|
||||
mCollabId.onclick = function(){ //搜索合作
|
||||
const collabId = parseInt(this.getAttribute('data-collabId'));
|
||||
if (collabId>0);
|
||||
{
|
||||
searchColla(this.getAttribute('data-collabId'));
|
||||
}
|
||||
};
|
||||
const mAltName = smonsterinfoBox.querySelector(".monster-altName");
|
||||
mAltName.onclick = function(){ //搜索合作
|
||||
const altName = this.getAttribute('data-altName');
|
||||
const splitAltName = altName.split("|");
|
||||
if (altName.length>0);
|
||||
{
|
||||
showSearch(Cards.filter(card=>{
|
||||
return splitAltName.some(alt=>{
|
||||
return card.altName.indexOf(alt)>=0;
|
||||
});
|
||||
}));
|
||||
}
|
||||
};
|
||||
//创建一个新的怪物头像
|
||||
editBox.createCardHead = function(id)
|
||||
{
|
||||
|
|
@ -543,7 +565,7 @@ function initialize()
|
|||
const settingBox = editBox.querySelector(".setting-box");
|
||||
const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
|
||||
searchOpen.onclick = function(){
|
||||
searchBox.classList.remove("display-none");
|
||||
searchBox.classList.toggle("display-none");
|
||||
};
|
||||
|
||||
let s_attr1s = Array.prototype.slice.call(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
|
||||
|
|
@ -624,7 +646,7 @@ function initialize()
|
|||
//将搜索结果显示出来（也可用于其他的搜索）
|
||||
showSearch = function(searchArr){
|
||||
editBox.show();
|
||||
searchOpen.onclick();
|
||||
searchBox.classList.remove("display-none");
|
||||
const createCardHead = editBox.createCardHead;
|
||||
|
||||
searchMonList.classList.add("display-none");
|
||||
|
|
@ -1420,6 +1442,7 @@ function editMon(AorB,isAssist,tempIdx)
|
|||
}
|
||||
skillLevel.onchange();
|
||||
|
||||
const editBoxTitle = editBox.querySelector(".edit-box-title");
|
||||
if (!isAssist)
|
||||
{
|
||||
editBox.latent = mon.latent ? mon.latent.concat() : [];
|
||||
|
|
@ -1430,13 +1453,13 @@ function editMon(AorB,isAssist,tempIdx)
|
|||
//{
|
||||
// settingBox.querySelector(".row-mon-super-awoken").classList.remove("display-none");
|
||||
//}
|
||||
editBox.querySelector(".edit-box-title").classList.remove("edit-box-title-assist");
|
||||
editBoxTitle.classList.remove("edit-box-title-assist");
|
||||
}else
|
||||
{
|
||||
btnDelay.classList.remove("display-none");
|
||||
settingBox.querySelector(".row-mon-latent").classList.add("display-none");
|
||||
//settingBox.querySelector(".row-mon-super-awoken").classList.add("display-none");
|
||||
editBox.querySelector(".edit-box-title").classList.add("edit-box-title-assist");
|
||||
editBoxTitle.classList.add("edit-box-title-assist");
|
||||
}
|
||||
editBox.reCalculateAbility();
|
||||
}
|
||||
|
|
@ -1469,6 +1492,30 @@ function editBoxChangeMonId(id)
|
|||
mCost.innerHTML = card.cost;
|
||||
const mName = monInfoBox.querySelector(".monster-name");
|
||||
mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
|
||||
const mCollabId = monInfoBox.querySelector(".monster-collabId");
|
||||
mCollabId.innerHTML = card.collabId;
|
||||
mCollabId.setAttribute("data-collabId",card.collabId);
|
||||
if (card.collabId == 0)
|
||||
{
|
||||
mCollabId.classList.add("display-none");
|
||||
}else
|
||||
{
|
||||
mCollabId.classList.remove("display-none");
|
||||
}
|
||||
const mAltName = monInfoBox.querySelector(".monster-altName");
|
||||
mAltName.innerHTML = card.altName;
|
||||
mAltName.setAttribute("data-altName",card.altName);
|
||||
/*const splitAltName = card.altName.split("|"); //取出分段的那种的第一段
|
||||
const hasGroup = splitAltName.some(alt=>{ //自己的名称是否只有一个
|
||||
return Cards.some(c=>{return c.id != card.id && c.altName.indexOf(alt)>=0;});
|
||||
});*/
|
||||
if (card.altName.length == 0)
|
||||
{ //当没有合作名
|
||||
mAltName.classList.add("display-none");
|
||||
}else
|
||||
{
|
||||
mAltName.classList.remove("display-none");
|
||||
}
|
||||
|
||||
const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
|
||||
evoCardUl.style.display = "none";
|
||||
|
|
@ -1635,6 +1682,12 @@ function editBoxChangeMonId(id)
|
|||
editBox.refreshLatent(editBox.latent,id);
|
||||
editBox.reCalculateAbility();
|
||||
}
|
||||
//搜索并显示合作
|
||||
function searchColla(collabId)
|
||||
{
|
||||
if (typeof(collabId) == "string") collabId = parseInt(collabId,10);
|
||||
showSearch(Cards.filter(card=>{return card.collabId == collabId;}));
|
||||
}
|
||||
//刷新整个队伍
|
||||
function refreshAll(formationData){
|
||||
let fragment = document.createDocumentFragment(); //创建节点用的临时空间
|
||||
|
|
|
|||
28
solo.html
28
solo.html
|
|
@ -384,15 +384,25 @@ var formation = new Formation(1,6);
|
|||
<div class="subproperty"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="monster-id"></div>
|
||||
<div class="monster-rare"></div>
|
||||
<div class="monster-cost"></div>
|
||||
<div class="monster-name"></div>
|
||||
<ul class="monster-type">
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
</ul>
|
||||
<div class="monsterinfo-line">
|
||||
<div class="monster-id"></div>
|
||||
<div class="monster-rare"></div>
|
||||
<div class="monster-cost"></div>
|
||||
</div>
|
||||
<div class="monsterinfo-line">
|
||||
<div class="monster-name"></div>
|
||||
</div>
|
||||
<div class="monsterinfo-line">
|
||||
<ul class="monster-type">
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
<li class="type-name"><div class="type-icon"></div></li>
|
||||
</ul>
|
||||
<div class="monsterinfo-cell">
|
||||
<div class="monster-collabId"></div>
|
||||
<div class="monster-altName"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box display-none">
|
||||
<div class="attrs"><!--属性-->
|
||||
|
|
|
|||
30
style.css
30
style.css
|
|
@ -698,15 +698,28 @@ ul{
|
|||
float: left;
|
||||
margin-right:5px;
|
||||
}
|
||||
.monsterinfo-box .monster-id,
|
||||
.monsterinfo-box .monster-rare,
|
||||
.monsterinfo-box .monster-cost
|
||||
.monsterinfo-box .monsterinfo-line>div,
|
||||
.monsterinfo-box .monsterinfo-line>ul
|
||||
{
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.monsterinfo-box .monster-id{
|
||||
width:150px;
|
||||
}
|
||||
.monsterinfo-box .monster-collabId,
|
||||
.monsterinfo-box .monster-altName{
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
vertical-align: bottom;
|
||||
max-width: 270px;
|
||||
white-space:nowrap;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
}
|
||||
/*.monsterinfo-box .monster-id::before{
|
||||
content: "No.";
|
||||
}*/
|
||||
|
|
@ -728,17 +741,6 @@ ul{
|
|||
.rare-8::before{content: "★★★★★★★★";}
|
||||
.rare-9::before{content: "★★★★★★★★★";}
|
||||
.rare-10::before{content: "★★★★★★★★★★";}
|
||||
.monsterinfo-box .monster-id,
|
||||
.monsterinfo-box .monster-rare,
|
||||
.monsterinfo-box .monster-cost,
|
||||
.monsterinfo-box .monster-name
|
||||
{
|
||||
vertical-align: top;
|
||||
margin:0;
|
||||
height: 34px;
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.monsterinfo-box .monster-type{
|
||||
font-size: 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue