From 14c749fd503258eb47cfff6746a85ef26a916490 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= Date: Thu, 19 Mar 2020 19:24:13 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=A8=80=E6=9C=89=E5=BA=A6?= =?UTF-8?q?=E5=92=8C297?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- multi.html | 70 ++++++++++++++++++------------------ script.js | 27 +++++++------- solo.html | 28 +++++++-------- style.css | 61 +++++++++++++++++++------------ triple.html | 102 ++++++++++++++++++++++++++-------------------------- 5 files changed, 149 insertions(+), 139 deletions(-) diff --git a/multi.html b/multi.html index e929994a..34fdf562 100644 --- a/multi.html +++ b/multi.html @@ -56,7 +56,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -67,7 +67,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -78,7 +78,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -89,7 +89,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -100,7 +100,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -175,7 +175,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -187,7 +187,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -199,7 +199,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -211,7 +211,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -223,7 +223,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -243,7 +243,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -255,7 +255,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -267,7 +267,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -279,7 +279,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -291,7 +291,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -367,7 +367,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -378,7 +378,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -389,7 +389,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -400,7 +400,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -411,7 +411,7 @@ var formation = new Formation(teamsCount,5);
-
297
+
@@ -462,18 +462,18 @@ var formation = new Formation(teamsCount,5);
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
@@ -663,9 +663,7 @@ var formation = new Formation(teamsCount,5);
    -
    • -
    • -
    • +
@@ -717,7 +715,7 @@ var formation = new Formation(teamsCount,5);
- +
    -
    • -
    • -
    • +
diff --git a/style.css b/style.css index fc954d43..21f68bb7 100644 --- a/style.css +++ b/style.css @@ -235,20 +235,19 @@ ul{ .monster .plus .hp::before, .monster .plus .atk::before, .monster .plus .rcv::before, -.monster .plus ._297::before{ +.monster .plus.has297::before +{ content: "+"; } -.monster .plus ._297{ /*297默认不显示*/ - display:none; +.monster .plus.has297::after{ + content: "297"; } -.monster .plus.has297 .hp,.monster .plus.zero .hp, -.monster .plus.has297 .atk,.monster .plus.zero .atk, -.monster .plus.has297 .rcv,.monster .plus.zero .rcv{ /*当是297时隐藏3维*/ +.monster .plus.has297 .hp, +.monster .plus.has297 .atk, +.monster .plus.has297 .rcv +{ /*当是297时隐藏3维*/ display:none; } -.monster .plus.has297 ._297{ /*当是297时显示297*/ - display:block; -} /*怪物-觉醒*/ .monster .awoken-count{ color: yellow; @@ -946,7 +945,7 @@ ul{ line-height: 22px; } .monsterinfo-box .monster-id{ - width:150px; + width:120px; } .monsterinfo-box .monster-seriesId, .monsterinfo-box .monster-collabId, @@ -972,22 +971,40 @@ ul{ }*/ .monsterinfo-box .monster-rare{ - width: 230px; + width: 260px; } -.monsterinfo-box .monster-rare::before{ +.monsterinfo-box .monster-rare::before, +.monsterinfo-box .monster-rare::after +{ color:gold; text-shadow: black 0 0 3px,black 0 2px 3px; } -.rare-1::before{content: "★";} -.rare-2::before{content: "★★";} -.rare-3::before{content: "★★★";} -.rare-4::before{content: "★★★★";} -.rare-5::before{content: "★★★★★";} -.rare-6::before{content: "★★★★★★";} -.rare-7::before{content: "★★★★★★★";} -.rare-8::before{content: "★★★★★★★★";} -.rare-9::before{content: "★★★★★★★★★";} -.rare-10::before{content: "★★★★★★★★★★";} +.monsterinfo-box .monster-rare::before +{ + display: inline-block; + width: 30px; + text-align: right; +} +.monster-rare[data-rarity='1']::after{content: "★";} +.monster-rare[data-rarity='2']::after{content: "★★";} +.monster-rare[data-rarity='3']::after{content: "★★★";} +.monster-rare[data-rarity='4']::after{content: "★★★★";} +.monster-rare[data-rarity='5']::after{content: "★★★★★";} +.monster-rare[data-rarity='6']::after{content: "★★★★★★";} +.monster-rare[data-rarity='7']::after{content: "★★★★★★★";} +.monster-rare[data-rarity='8']::after{content: "★★★★★★★★";} +.monster-rare[data-rarity='9']::after{content: "★★★★★★★★★";} +.monster-rare[data-rarity='10']::after{content: "★★★★★★★★★★";} +.monster-rare[data-rarity='1']::before{content: "1";} +.monster-rare[data-rarity='2']::before{content: "2";} +.monster-rare[data-rarity='3']::before{content: "3";} +.monster-rare[data-rarity='4']::before{content: "4";} +.monster-rare[data-rarity='5']::before{content: "5";} +.monster-rare[data-rarity='6']::before{content: "6";} +.monster-rare[data-rarity='7']::before{content: "7";} +.monster-rare[data-rarity='8']::before{content: "8";} +.monster-rare[data-rarity='9']::before{content: "9";} +.monster-rare[data-rarity='10']::before{content: "10";} .monsterinfo-box .monster-type{ font-size: 0; } diff --git a/triple.html b/triple.html index a8b16c59..036cf577 100644 --- a/triple.html +++ b/triple.html @@ -69,7 +69,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -80,7 +80,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -91,7 +91,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -102,7 +102,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -113,7 +113,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -124,7 +124,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -211,7 +211,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -223,7 +223,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -235,7 +235,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -247,7 +247,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -259,7 +259,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -271,7 +271,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -389,7 +389,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -400,7 +400,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -411,7 +411,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -422,7 +422,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -433,7 +433,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -444,7 +444,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -531,7 +531,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -543,7 +543,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -555,7 +555,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -567,7 +567,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -579,7 +579,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -591,7 +591,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -709,7 +709,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -720,7 +720,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -731,7 +731,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -742,7 +742,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -753,7 +753,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -764,7 +764,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -851,7 +851,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -863,7 +863,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -875,7 +875,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -887,7 +887,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -899,7 +899,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -911,7 +911,7 @@ var formation = new Formation(teamsCount,6);
-
297
+
@@ -1048,18 +1048,18 @@ var formation = new Formation(teamsCount,6);
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
@@ -1249,9 +1249,7 @@ var formation = new Formation(teamsCount,6);
    -
    • -
    • -
    • +
@@ -1303,7 +1301,7 @@ var formation = new Formation(teamsCount,6);
- +