From cd55c035282cabb617cd6ad403feb6eba9485094 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= Date: Sun, 12 Jan 2020 00:49:54 +0800 Subject: [PATCH] =?UTF-8?q?=E5=87=86=E5=A4=87=E5=86=99=E7=AD=9B=E9=80=89?= =?UTF-8?q?=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- images/orb-small-dark.png | Bin 0 -> 2171 bytes images/orb-small-fire.png | Bin 0 -> 2107 bytes images/orb-small-light.png | Bin 0 -> 2164 bytes images/orb-small-water.png | Bin 0 -> 2092 bytes images/orb-small-wood.png | Bin 0 -> 2163 bytes languages/zh.css | 34 +++- script.js | 128 +++++++++++- solo.html | 393 +++++++++++++++++++------------------ style-monsterimages.css | 17 ++ style.css | 202 +++++++++++++++---- universal_function.js | 4 + 11 files changed, 542 insertions(+), 236 deletions(-) create mode 100644 images/orb-small-dark.png create mode 100644 images/orb-small-fire.png create mode 100644 images/orb-small-light.png create mode 100644 images/orb-small-water.png create mode 100644 images/orb-small-wood.png diff --git a/images/orb-small-dark.png b/images/orb-small-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..dba966b8984b6772807a45bd96dd6957873658e6 GIT binary patch literal 2171 zcmV->2!!{EP)K){0l0010xMObuGZ)S9NVRB^vL1b@YWgtdra%FdKa%*!SLsK^Byt0e{00+}a zL_t(YiItXlY#j9!$3JuIuJ^Eay=$+}?Aiv$PU0MP2qc8iKmtum1cHDNBrPD?(n>v4 z_@koGfQrpQ;Id(H0b-2G#1nsPMs z`_KF_Gw(C+&F_8R6Zm3k0$PAL5COb^0H{C;7zT#suK!cQCGK|vOM$j8_+f)UKXBy# z1y%t!1D6A=U$;KI_0DY_-OGDg8k*}PRiR2R0)moJ)QRz_)bYgep`Cx;F|hZ*>(g`Z zCxKTfXMagG06zjAU%PtkuMfWV=CSlhMlVbk9YfU}$FZIN$aaj9;S^IvCp(ridJh~* zY+S$b8Q^i?QOdvJza)JI>;b^_*pDCUdh&^S~Mo5AL4=R!}Z;=Cev#3490eJ^R$NS8d(AZBzPO0mrZ@ zBsKDb8kTBP5t8xOyAdUU;-pR~VA{D=*;%zQHC@EUWvK}58;rDN=c%^1la*gw^33$#VH;2 zf`)~IGODubn(o#}eI&R4&Ha-=6gYk{um`yMisdVV&;07?yN3TZ?aGdpC{1gi+Qi%a zM4LT$d;-W8qtht{KAK{9B!gNoaBK(LvM~({OS32yEegX$uHSl1Ti>z1)5)Qv8_vQ}uaU`1Su}qE)lku~m^qszGn{Aa@C@xu z3p+M#*i;9^fXl`Cqx-eHw{pk(0_L^PL)PLae|lF{5OTfefA)k~L9 z7p_JWM0yhmUhRE{X=93>n_?_nT8or5$!ChpCUa!Y=Y?%|ZCyN9$+$?_uITCRX`M}G z$)}1Kx=v$r1^JV+s5uqG>(GB;jLw!AjgbhVAdt@GQ8kT8MIqMOK=jMmRT_!sYiNd0l9t zjp_zPFp0;TsIQLl(#wZ<@~1mFek6$?gCN@!3MF!r1;U|lXbu>XDH|~!x5ry5lql&X zJT3uI0>d_OM2GQ#3I6p)ACrj-)ZZJRGuR9j67L^6kH->8W=9AK9y%8`@!pXSNuEwI zJF5_k`6#I+BvE$H0p0S)4j_Q#SQw6h>mi2l)0p4`2QYPX*%ubUJZIDGgl6C)X(f8hYCsZ+fmKy|C1nzk@IezB{64mdQQVe;K$@1{_64E zwuw;O2LXozeP_t4Djt`NEV%f_`VDM|FT>P9%iBb}A#Bs({rAstsJ9=@(8y?cJQ11T z0xzv=8aY3hJh%6)*DnBLz`(qDdw}*c{R5NV{QiC2CABCO(kioAg^z}(iB$Rt`n^=R zU39m$(BO}tDHb0j&XY(aIguE|w5@Vh3jzcieO$h_iLM(utRH;u!IuZe1{KO{$M8IG z42WHr9FIb=z{D|J{rGp4;`@SzrX%eerk#7zI|obM(+utfs}@boceGwrJw<$^;t& z7(tjY^Ni#(3}#b|X*m?XMPOkiZEG57Xb%&t_tCsGO3zoj*t_Ro?}OWa`1V}vmw-Hc zdWmWQ?giNX&`)|E`0o8TPK``^rjj!lB@;ve+p@7N8$l3|T@tcOL=XjB9+_}sh?)hp z=AVAQ6xXd<7u~-7(Jyr^@9b2vil}4@=&FuoS~!3t ziMT7=1cH77p-Rr4J~#05pZ)T!egE7${#mfk0|L|no0*#=8`s@Xf5(-Dmc^v1ja}GqDF4|774xEyAmTF3Lmti)b7;1@wO2 x1D68M>oUsO#(@wp@BRkm6>xsl|L{_Q{tY^cd|p+(9994T002ovPDHLkV1g|52|WM+ literal 0 HcmV?d00001 diff --git a/images/orb-small-fire.png b/images/orb-small-fire.png new file mode 100644 index 0000000000000000000000000000000000000000..b6c3dc2a5a4c485fd9b582d11e72f505b3f7bd2f GIT binary patch literal 2107 zcmV-B2*me^P)K){0l0010xMObuGZ)S9NVRB^vL1b@YWgtdra%FdKa%*!SLsK^Byt0e{00)yv zL_t(YiItXXtQ=(-$A9lTv$H#UcF*qFJ@=klPfJ>Rqdld9Ed;rWMv0+R3yLAccnKC0 z3^67IYe*Vm{6a7x1~4IBh%^|KBBW9*g%D^dEv>zr(|Yc=-93BGUT0?K>WAHffW_kf z%Sb(%-odo_Mul#-F*FZ zzXtXK4^w{)ACqzk*!O|Z-k&|R;fY`F`{qDftWQX(1V$BiX&%2;Me5B60Zw)tXJMMa zt|0`nD;e$Bwd>AJ=~T)%`1;{2u$lTc7cRA>ao~qQ^vPd6cJ+O`civW;J&*5rIP()Y z*-1RBiV}&UCfh(Nc*O-=ql^;P3AObS>Ks67Dq81i_P_f2>-T)`{x<;+coJCnWQV(e z&W9g-VEvE3d++V#fc_PN-HE%f~YPT z&RIAjM6xYSEHG)U=J1LprIAsru`zMaUAxyccCuemw=1q1+PbnbHj1&3$Es90cV?E6 zzrIE_pQXDiP0kmLW^H0k0!@RE77%X|jAv~!E_8RLs21~#{N?YQJvD<_H8Apvlt)L| zv~knGM}cX8u8z*Mkmpq0bZ*>4Tn)Rf$M?{Lpq_O<{d0A z!1aTVS(yr0fNolrCG@E7DGIKT2q`d^JhC~Dw!RSUoeHWd2?9ybsG)`-B#bD-XE% zhR@=>k5oX){{W=~slZak$E^kk>G9rZp5qfm(4#2H7UC-hIeGHr@?f4+sk=G9e}4bD zZ``r-hSA+ATjoNxLVK!-6@>)7-4RywtLS>&^J`YX^n}aQjK%a~iR@AZ z%l6Tm<0y#)v4H`a2M2lXvB%CdfD>w?!?CyDKf#I9r_c6%VaJB-#S2tQWu)Vv373*l zBU{O_SdLRJG_h{8ju3G6l*#Cv!9<}<7!OUAxZx&3sWkeE6?9*-o#C;ui+_9L$Q&>O zj4XR;7`Wp6nSW;P+w;H{*EE!BK9A$N7^cnY7LD7lZDsYK&geu1&-5uS+GG|?c6>h0 zm3>hvMW1XaLA1MvSa%nF+jlT<)6L%fd-l9AHZxP99y=zNfipngY%UiG*|o~o?!9lV zRjJ_GHbU2#sd`Mzm9ZTQzveJ9QDio25RC@p9hajs3fa^k=_}R{@9Ls!%Mk0ozLRI3 ze(K;;&+i`wrhpgWK@br5K0*kjsv;EyAtj-3m_&Cs@tz*{*=K%x=%Gg+eWy|L zkHE+>;8Lk=0Qe3duiv(eFI=wBzX79Hbn>qo_Ei7?002ovPDHLkV1nm3=q~^O literal 0 HcmV?d00001 diff --git a/images/orb-small-light.png b/images/orb-small-light.png new file mode 100644 index 0000000000000000000000000000000000000000..9e639e4b39b20720c64b7dfb874f52b18154d373 GIT binary patch literal 2164 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 literal 0 HcmV?d00001 diff --git a/languages/zh.css b/languages/zh.css index f8c4380b..ebe098f7 100644 --- a/languages/zh.css +++ b/languages/zh.css @@ -38,7 +38,7 @@ .edit-box .edit-box-title.edit-box-title-assist::before{ content: "修改辅助"; } -.edit-box .search-box::before{ +.edit-box .setting-box .row-mon-id::before{ content: "▼怪物ID"; } .monsterinfo-box .monster-id::before{ @@ -162,15 +162,45 @@ content: "总回复(队伍觉醒和徽章)："; } -.search-box .open-search::before{ +.setting-box .row-mon-id .open-search::before{ content: "搜索怪物"; } +.search-box::before{ + content: "▼简易搜索"; +} +.search-box .attrs .attr-list-1::before{ + content: "属性1"; +} +.search-box .attrs .attr-list-2::before{ + content: "属性2"; +} +.search-box .attrs .fix-main-color-label::after{ + content: "限制属性1为主属性，属性2为副属性"; +} .attrs .attr-all::before{ content: "不限"; } .attrs .attr-none::before{ content: "无"; } +.search-box .types-div::before{ + content: "类型"; +} +.search-box .awoken-div::before{ + content: "觉醒"; +} +.search-box .sawoken-div::before{ + content: "超觉醒"; +} +.control-div .search-start::before{ + content: "🔍开始搜索"; +} +.control-div .search-clear::before{ + content: "清空搜索条件"; +} +.control-div .search-close::before{ + content: "关闭搜索"; +} /*Some icons, style different from the Japanese version*/ .awoken-46, diff --git a/script.js b/script.js index 05c5c911..c20382ca 100644 --- a/script.js +++ b/script.js @@ -464,9 +464,127 @@ function initialize() controlBox.classList.remove("blur-bg"); } + const searchBox = editBox.querySelector(".search-box"); + let s_attr1s = Array.prototype.slice.call(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio")); + let s_attr2s = Array.prototype.slice.call(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio")); + let s_fixMainColor = searchBox.querySelector(".attrs .fix-main-color"); + let s_types = Array.prototype.slice.call(searchBox.querySelectorAll(".types-div .type-check")); + let s_awokensItem = Array.prototype.slice.call(searchBox.querySelectorAll(".awoken-div .awoken-count")); + let s_awokensIcon = s_awokensItem.map(it=>{ + return it.querySelector(".awoken-icon"); + }) + let s_awokensCount = s_awokensItem.map(it=>{ + return it.querySelector(".count"); + }) + /*let s_awokensIcon = Array.prototype.slice.call(searchBox.querySelectorAll(".awoken-div .awoken-icon")); + let s_awokensCount = Array.prototype.slice.call(searchBox.querySelectorAll(".awoken-div .count"));*/ + let s_sawokens = Array.prototype.slice.call(searchBox.querySelectorAll(".sawoken-div .sawoken-check")); + s_awokensIcon.forEach((b,idx)=>{ //每种觉醒增加1 + b.onclick = ()=>{ + const countDom = s_awokensCount[idx]; + let count = parseInt(countDom.innerHTML,10); + if (count<9) + { + count++; + countDom.innerHTML = count; + b.parentNode.classList.remove("zero"); + } + }; + }) + function searchSubAwoken() + { + let count = parseInt(this.innerHTML,10); + if (count>0) + { + count--; + this.innerHTML = count; + if (count === 0) + { + this.parentNode.classList.add("zero"); + } + } + } + s_awokensCount.forEach((b,idx)=>{ //每种觉醒减少1 + b.onclick = searchSubAwoken; + }) + + + const searchStart = searchBox.querySelector(".control-div .search-start"); + const searchClose = searchBox.querySelector(".control-div .search-close"); + const searchClear = searchBox.querySelector(".control-div .search-clear"); + function returnCheckedInput(ipt) + { + return ipt.checked == true; + } + function returnInputValue(ipt) + { + return ipt.value; + } + function Str2Int(str) + { + return parseInt(str, 10); + } + searchStart.onclick = ()=>{ + const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue); + const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue); + const fixMainColor = s_fixMainColor.checked; + let attr1,attr2; + if (attr1Filter.length>0) + { + if (!isNaN(attr1Filter[0])) + { + attr1 = parseInt(attr1Filter[0],10); + }else + { + attr1 = null; + } + } + if (attr2Filter.length>0) + { + if (!isNaN(attr2Filter[0])) + { + attr2 = parseInt(attr2Filter[0],10); + }else + { + attr2 = null; + } + } + const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); + const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); + const awokensFilter = s_awokensCount.filter(btn=>{return parseInt(btn.innerHTML,10)>0;}).map(btn=>{ + return [parseInt(btn.value,10),parseInt(btn.innerHTML,10)]; + }); + let searchResult = searchCards(Cards,attr1,attr2,fixMainColor,typesFilter,awokensFilter,sawokensFilter); + //console.log(Cards,attr1,attr2,fixMainColor,typesFilter,awokensFilter,sawokensFilter) + } + + searchClose.onclick = ()=>{ + searchBox.classList.add("display-none"); + } + searchClear.onclick = ()=>{ //清空搜索选项 + s_attr1s[0].checked = true; + s_attr2s[0].checked = true; + s_types.forEach(t=>{ + t.checked = false; + }); + s_awokensCount.forEach(t=>{ + t.innerHTML = 0; + }); + s_awokensItem.forEach(t=>{ + t.classList.add("zero"); + }); + s_sawokens.forEach(t=>{ + t.checked = false; + }); + } const settingBox = editBox.querySelector(".setting-box") + const searchOpen = settingBox.querySelector(".row-mon-id .open-search"); + searchOpen.onclick = ()=>{ + searchBox.classList.remove("display-none"); + } + //id搜索 - const monstersID = editBox.querySelector(".edit-box .m-id"); + const monstersID = settingBox.querySelector(".row-mon-id .m-id"); monstersID.onchange = function(){ if (/^\d+$/.test(this.value)) { @@ -1113,10 +1231,10 @@ function editMon(AorB,isAssist,tempIdx) editBox.latentBox = latentBox; } - var monstersID = editBox.querySelector(".search-box .m-id"); + var settingBox = editBox.querySelector(".setting-box"); + var monstersID = settingBox.querySelector(".row-mon-id .m-id"); monstersID.value = mon.id>0?mon.id:0; monstersID.onchange(); - var settingBox = editBox.querySelector(".setting-box"); //觉醒 var monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon"); if (mon.awoken>0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].onclick(); @@ -1169,7 +1287,7 @@ function editBoxChangeMonId(id) const settingBox = editBox.querySelector(".setting-box"); //id搜索 - const monstersID = searchBox.querySelector(".m-id"); + const monstersID = settingBox.querySelector(".row-mon-id .m-id"); const monHead = monInfoBox.querySelector(".monster"); changeid({id:id},monHead); //改变图像 const mId = monInfoBox.querySelector(".monster-id"); @@ -1179,7 +1297,7 @@ function editBoxChangeMonId(id) const mName = monInfoBox.querySelector(".monster-name"); mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0]; - const evoCardUl = searchBox.querySelector(".evo-card-list"); + const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list"); evoCardUl.style.display = "none"; evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好 diff --git a/solo.html b/solo.html index 3ae107d2..b5e6863f 100644 --- a/solo.html +++ b/solo.html @@ -378,203 +378,208 @@ var formation = new Formation(1,6);
- -
-
-
    -
    • -
    • -
    • -
    • -
    • -
    • -
-
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
-
-
-
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
-
-
-
    -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
  • 0
    • -
-
-
-
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
- -
-
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
      • +
    +
      +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
    + +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
    +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
    +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
    - - -
      +
      + + + +
      +
        +
        + + + +
          +
            diff --git a/style-monsterimages.css b/style-monsterimages.css index 94537add..9c209454 100644 --- a/style-monsterimages.css +++ b/style-monsterimages.css @@ -866,4 +866,21 @@ var sawokens = [ } .badge-13{ background-position-y: -390px; +} + +/*搜索框中用到的属性图片*/ +.attrs .attr-t0::before{ + content: url(images/orb-small-fire.png); +} +.attrs .attr-t1::before{ + content: url(images/orb-small-water.png); +} +.attrs .attr-t2::before{ + content: url(images/orb-small-wood.png); +} +.attrs .attr-t3::before{ + content: url(images/orb-small-light.png); +} +.attrs .attr-t4::before{ + content: url(images/orb-small-dark.png); } \ No newline at end of file diff --git a/style.css b/style.css index e25f2ace..0b561254 100644 --- a/style.css +++ b/style.css @@ -9,8 +9,12 @@ url("fonts/FOT-KurokaneStd-EB.eot") format('embedded-opentype'), url("fonts/FOT-KurokaneStd-EB.svg") format('svg'); } + body{ font-family: "Microsoft Yahei","Source Han Sans",Arial, Helvetica, sans-serif; + --search-list-title-width: 50px; + --search-list-title-font-size: 16px; + --search-icon-unchecked: 0.3; } .display-none{ display:none !important; @@ -417,80 +421,210 @@ ul{ box-shadow: black 0 3px 3px; padding: 5px 10px; } -/*.edit-box .search-box::before{ +.edit-box .search-box, +.edit-box .setting-box{ + padding: 0 10px; +} +/*.edit-box .setting-box .row-mon-id::before{ content: "▼怪物ID"; }*/ -.edit-box .search-box .m-id{ +.edit-box .setting-box .row-mon-id .m-id{ box-sizing: border-box; font-size: 25px; height: 40px; width: 100%; } -.edit-box .search-box .unable-monster{ +.edit-box .setting-box .row-mon-id .unable-monster{ pointer-events: none; opacity: 0.5; } -.edit-box .search-box .unable-monster .monster{ +.edit-box .setting-box .row-mon-id .unable-monster .monster{ box-sizing: border-box; border: 5px solid red; border-radius: 10px; overflow: hidden; } -.edit-box .search-box .unable-monster .id{ +.edit-box .setting-box .row-mon-id .unable-monster .id{ display: none; } -.edit-box .search-box .search-button{ +.edit-box .setting-box .row-mon-id .search-button{ width: 100%; height: 40px; font-size: 25px; } -.edit-box .search-box,.edit-box .setting-box{ - padding: 0 10px; -} -.edit-box .search-box .evo-card-list li{ +.edit-box .setting-box .row-mon-id .evo-card-list li{ display: inline-block; vertical-align: top; top: 0; width: 75px; height: 75px; } -.edit-box .search-box .evo-card-list .monster{ +.edit-box .setting-box .row-mon-id .evo-card-list .monster{ float: none; transform: scale(0.75) translate(-13px,-13px); } -.edit-box .search-box .evo-card-list .monster .id{ +.edit-box .setting-box .row-mon-id .evo-card-list .monster .id{ bottom: 5px; font-size: 20px; } -/* -.attr-radio{ +/*.setting-box .row-mon-id .open-search::before{ + content: "搜索怪物"; +} +.search-box::before{ + content: "▼简易搜索"; +} +.attrs .attr-all::before{ + content: "不限"; +} +.attrs .attr-none::before{ + content: "无"; +}*/ +.search-box>div{ + margin-bottom: 5px; +} +.search-box>div ul{ + display: inline-block; +} +.search-box .attrs ul{ + display: block; +} +.search-box>div ul>li{ + display: inline-block; + vertical-align: top; + font-size:16px; + overflow: hidden; +} +.search-box>div ul>li>label{ + cursor: pointer; + display: block; + text-align: center; +} + +.attrs .attr-list-1::before, +.attrs .attr-list-2::before, +.types-div::before, +.awoken-div::before, +.sawoken-div::before{ + /*float: left;*/ + font-size: 16px; + width: 55px; + display: inline-block; +} +/*.search-box .attrs .attr-list-1::before{ + content: "属性1"; +} +.search-box .attrs .attr-list-2::before{ + content: "属性2"; +} +.search-box .attrs .fix-main-color-label::after{ + content: "限制属性1为主属性，属性2为副属性"; +}*/ +.attr-radio,.type-check,.sawoken-check{ display: none; } +.attrs .attr-list{ + font-size:0; +} .attrs .attr-list li{ - display: inline-block; + border: 1px solid white; + border-left: none; + background: #947244; +} +.attrs .attr-list li:hover{ + background: #E9CB9E; +} +.attrs .attr-list li:first-of-type{ + border-radius: 8px 0 0 8px; + border-left: 1px solid white; +} +.attrs .attr-list li:last-of-type{ + border-radius: 0 8px 8px 0; +} +.attrs .attr-list li label{ + line-height: 30px; + width: 55px; + height: 30px; +} +.attrs .attr-list input:checked~label{ + background-color:#8C4242; + box-shadow: inset black 0 0 5px; + cursor: auto; +} +.attr-list-1{ + margin-bottom: 5px; +} +/*.search-box .types-div::before{ + content: "类型"; }*/ -/*.attrs .attr-all::after{ - content: "不限"; +.types-div .type-list li label{ + opacity: var(--search-icon-unchecked); } -.attrs .attr-none::after{ - content: "无"; +.types-div .type-list input:checked~label{ + opacity: 1; +} +/*.search-box .awoken-div::before{ + content: "觉醒"; }*/ -.attrs .attr-t0::before{ - content: url(images/orb-small-fire.png); +.search-box .awoken-list .awoken-count{ + float: none; } -.attrs .attr-t1::before{ - content: url(images/orb-small-water.png); +.search-box .awoken-list button{ + border: none; + background-color: unset; + font-family: 'FOT-KurokaneStd-EB'; + color: white; + line-height: 32px; + font-size: 16px; + padding: 0; +} +.search-box .awoken-list .awoken-count.zero{ + opacity: var(--search-icon-unchecked); } -.attrs .attr-t2::before{ - content: url(images/orb-small-wood.png); +.search-box .awoken-list .count{ + width: 30px; } -.attrs .attr-t3::before{ - content: url(images/orb-small-light.png); +.search-box .awoken-list .awoken-count .awoken-icon{ + cursor: pointer; } -.attrs .attr-t4::before{ - content: url(images/orb-small-dark.png); +.search-box .awoken-list .awoken-count .count{ + cursor: pointer; } +.search-box .awoken-list .awoken-count.zero .count{ + cursor: auto; +} +/*.search-box .sawoken-div::before{ + content: "超觉醒"; +}*/ +.sawoken-div .sawoken-list li label{ + opacity: var(--search-icon-unchecked); +} +.sawoken-div .sawoken-list input:checked~label{ + opacity: 1; +} + +.control-div button{ + font-size: 20px; +} +.control-div .search-start{ + float: right; + margin-left: 5px; +} +/*.control-div .search-start::before{ + content: "开始搜索"; +} +.control-div .search-clear::before{ + content: "清空搜索条件"; +} +.control-div .search-close::before{ + content: "关闭搜索"; +}*/ +.search-box .search-mon-list{ + border: 1px solid white; +} +.setting-box .row-mon-id .open-search{ + float: right; +} .edit-box .setting-row{ width: 100%; @@ -749,7 +883,7 @@ ul{ margin-top:5px; } .awoken-total-box .awoken-ul .awoken-count, -.search-mon-control-box .awoken-list .awoken-count{ +.search-box .awoken-list .awoken-count{ font-size: 16px; line-height: 32px; font-family: 'FOT-KurokaneStd-EB'; @@ -757,14 +891,14 @@ ul{ margin-right: 3px; } .awoken-total-box .awoken-ul .count, -.search-mon-control-box .awoken-list .count{ +.search-box .awoken-list .count{ height: 32px; width: 37px; display: inline-block; vertical-align: middle; } .awoken-total-box .awoken-ul .count::before, -.search-mon-control-box .awoken-list .count::before{ +.search-box .awoken-list .count::before{ content: "×"; } /*控制框*/ @@ -774,9 +908,7 @@ ul{ .control-box .languages-label::before{ content: "Lanuage:"; } -.control-box .solo-link,.control-box .multi-link{ - /*margin-left: 10px;*/ -} + .control-box .solo-link::before{ content: "Jump To Solo Version"; } diff --git a/universal_function.js b/universal_function.js index e25ebea1..c49dfe6c 100644 --- a/universal_function.js +++ b/universal_function.js @@ -207,4 +207,8 @@ function calculateAbility(monid = 0,level = 1,plus = [0,0,0],awoken = 0,latent = return reValue; }) return abilitys; +} +function searchCards(cards,attr1,attr2,fixMainColor,types,awokens,sawokens) +{ + } \ No newline at end of file