From b93d7ea6e470ea3abbb06b117f592c3fa26be8fb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= Date: Fri, 5 Aug 2022 03:37:22 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E4=B8=80=E4=BA=9B=E5=B8=B8?= =?UTF-8?q?=E9=87=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/svg-icon.css | 2 +- script-custom_elements.js | 11 +++++++---- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/css/svg-icon.css b/css/svg-icon.css index fae62593..fef35eeb 100644 --- a/css/svg-icon.css +++ b/css/svg-icon.css @@ -43,7 +43,7 @@ svg { --front-color: url(../images/icon-awoken-count.svg#full-awoken-assist-front); } [type="awoken-count"][flags~="full"][flags~="can-assist"]:not([icon-type="latent"]) text, -[type="awoken-count"][flags~="full"][flags~="8-latent"][icon-type="latent"] text +[type="awoken-count"][flags~="8-latent-full"][flags~="8-latent"][icon-type="latent"] text { stroke: none; fill: url(../images/icon-awoken-count.svg#full-awoken-star); diff --git a/script-custom_elements.js b/script-custom_elements.js index 146004fa..628b0f9c 100644 --- a/script-custom_elements.js +++ b/script-custom_elements.js @@ -291,11 +291,14 @@ class PadIcon extends HTMLElement { 'flags', //各种选项开关,类似className ]; } + static ELEMENT_TYPE_AWOKEN = 'awoken'; + static ELEMENT_TYPE_TYPE = 'type'; + static ELEMENT_TYPE_AWOKEN_COUNT = 'awoken-count'; #svg = document.createElementNS(svgNS,'svg'); #flags = null; get flagsList() { return this.#flags; } #number = 0; - #type = 'awoken'; + #type = PadIcon.ELEMENT_TYPE_AWOKEN; #iconType = null; get number() { return this.#number; } set number(x) { @@ -373,18 +376,18 @@ class PadIcon extends HTMLElement { const use = svg.querySelector(':scope>use'); svg.setAttribute("viewBox", "0 0 32 32"); switch (this.#type) { - case 'awoken': { + case PadIcon.ELEMENT_TYPE_AWOKEN: { if (/^(?:en|ko)/.test(lang) && [40,46,47,48].includes(number)) number += '-en'; //英文不一样的觉醒 if (/^(?:zh)/.test(lang) && [46,47].includes(number)) number += '-zh'; //中文不一样的觉醒 use.href.baseVal = `images/icon-awoken.svg#awoken-${number}`; break; } - case 'type': { + case PadIcon.ELEMENT_TYPE_TYPE: { if (/^(?:en|ko)/.test(lang) && [9,12].includes(number)) number += '-en'; //英文不一样的类型 use.href.baseVal = `images/icon-type.svg#type-${number}`; break; } - case 'awoken-count': { + case PadIcon.ELEMENT_TYPE_AWOKEN_COUNT: { const full = this.flagsList.contains("full"); const weapon = this.flagsList.contains("weapon"); const canAssist = this.flagsList.contains("can-assist");