mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
Browse Source

加入系列的搜索

tags/v8.0
枫谷剑仙 6 years ago
parent
a7045cc8b8
commit
e86cbd13f5
15 changed files with 168 additions and 87 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +15
    -45
      README.md
  2. +0
    -0
      document/tips-search-name.png
  3. BIN
      document/tips-search-series.png
  4. +8
    -5
      help.md
  5. +6
    -0
      languages/en.css
  6. +6
    -0
      languages/ja.css
  7. +6
    -0
      languages/ko.css
  8. +6
    -0
      languages/zh-CN.css
  9. +1
    -1
      languages/zh-CN.js
  10. +6
    -0
      languages/zh-TW.css
  11. +6
    -0
      languages/zh.css
  12. +16
    -9
      multi.html
  13. +57
    -4
      script.js
  14. +19
    -9
      solo.html
  15. +16
    -14
      style.css

+ 15
- 45
README.md View File

@@ -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
![协力界面预览](document/preview-main.png)
### 单人示例 \| Solo Sample
![单人界面预览](document/preview-solo.png)
### 手机预览 \| Mobile Preview
![手机端预览](document/preview-mobile.jpg)
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)
### [单人示例 \| 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)
![单人界面预览](document/preview-solo.png)
### [车队示例 \| 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)
![协力界面预览](document/preview-main.png)
### 手机预览 \| Mobile Preview
![手机端预览](document/preview-mobile.jpg)
# 如何使用 | HOW TO USE
## 在哪里打开 | Where to open
### 快速使用在线版 | Online Quick Start
## 快速使用在线版 | 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`.
* 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`.
## 小提示 | 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.
![分享组队](document/tips-share.png)
* 使用后退即可撤销上一次修改。
Use back to undo the last edit.
![撤銷修改](document/tips-undo.png)
* 拖拽怪物头像即可快速切换位置，也支持手机触屏。
Drag monster avatars to quickly switch positions, also supports mobile touch screen.
![切换位置](document/tips-interchangeCard.png)
* 点击编辑界面的怪物头像可以跳转到攻略网站。
Click on the monster avatar in the editing interface to jump to the Guide.
![攻略网站](document/tips-guide.png)
在队伍界面的怪物头像上点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。
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.
![攻略网站2](document/tips-guide2.png)
* 可以在编辑界面的怪物ID输入怪物名称来搜索怪物。
You can search for monsters by entering the monster name in the monster ID of the editing interface.
![搜索怪物](document/tips-search.png)
* 车队模式只显示部分共用的觉醒的统计，单人则全部显示。
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).
## [帮助和提示 | Help and Tips](help.md)
# 翻译我 | TRANSLATE ME
## How to **Pull requests**


document/tips-search.png → document/tips-search-name.png View File


BIN
document/tips-search-series.png View File

Before After
Width: 502  |  Height: 498  |  Size: 100 kB

+ 8
- 5
help.md View File

@@ -9,15 +9,18 @@ Use back to undo the last edit.
* 拖拽怪物头像即可快速切换位置，也支持手机触屏。
Drag monster avatars to quickly switch positions, also supports mobile touch screen.
![切换位置](document/tips-interchangeCard.png)
* 可以在编辑界面的怪物ID输入怪物名称来搜索怪物。
You can search for monsters by entering the monster name in the monster ID of the editing interface.
![搜索怪物名称](document/tips-search-name.png)
点击系列ID或系列名称，可搜索该系列
Clisk the **Series ID** or **Series Name** to search for series.
![搜索怪物系列](document/tips-search-series.png)
* 点击编辑界面的怪物头像可以跳转到攻略网站。
Click on the monster avatar in the editing interface to jump to the Guide.
![攻略网站](document/tips-guide.png)
在队伍界面的怪物头像上点击鼠标中键也可以跳转到攻略网站。在手机上则是长按怪物头像然后选择在新标签页打开。
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.
![攻略网站2](document/tips-guide2.png)
* 可以在编辑界面的怪物ID输入怪物名称来搜索怪物。
You can search for monsters by entering the monster name in the monster ID of the editing interface.
![搜索怪物](document/tips-search.png)
* 车队模式只显示部分共用的觉醒的统计，单人则全部显示。
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) 报告。

+ 6
- 0
languages/en.css View File

@@ -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";
}


+ 6
- 0
languages/ja.css View File

@@ -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: "▼モンスターレベル";
}


+ 6
- 0
languages/ko.css View File

@@ -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: "▼몬스터 레벨";
}


+ 6
- 0
languages/zh-CN.css View File

@@ -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: "▼怪物等级";
}


+ 1
- 1
languages/zh-CN.js View File

@@ -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;


+ 6
- 0
languages/zh-TW.css View File

@@ -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: "▼怪物等級";
}


+ 6
- 0
languages/zh.css View File

@@ -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: "▼怪物等级";
}


+ 16
- 9
multi.html View File

@@ -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"><!--属性-->


+ 57
- 4
script.js View File

@@ -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(); //创建节点用的临时空间


+ 19
- 9
solo.html View File

@@ -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"><!--属性-->


+ 16
- 14
style.css View File

@@ -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;
}


Write Preview
Loading…
Cancel
Save