Yunzai-Plugin/ZZZ-Plugin
1
0
Fork 0
mirror of https://github.com/ZZZure/ZZZ-Plugin.git synced 2025-12-17 05:37:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: panel

Browse source
This commit is contained in:
bietiaop 2024-07-13 17:52:31 +08:00
parent 35c8c95b80
commit 27171c5727
77 changed files with 2126 additions and 312 deletions
Download patch file Download diff file Expand all files Collapse all files

105
resources/common/style/index.css
View file

@ -34,6 +34,28 @@
background-image: url("../images/RANK_B.png");
}
.rarity-icon {
aspect-ratio: 1;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.rarity-icon.a, .rarity-icon.A {
background-image: url("../images/Rarity_A.png");
}
.rarity-icon.b, .rarity-icon.B {
background-image: url("../images/Rarity_B.png");
}
.rarity-icon.c, .rarity-icon.C {
background-image: url("../images/Rarity_C.png");
}
.rarity-icon.s, .rarity-icon.S {
background-image: url("../images/Rarity_S.png");
}
.rarity-icon.x, .rarity-icon.X {
background-image: url("../images/Rarity_X.png");
}
.property {
aspect-ratio: 1;
background-size: contain;
@ -56,6 +78,89 @@
background-image: url("../images/IconDungeonBuffEther.png");
}
.prop-icon {
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.prop-icon.attack {
background-image: url("../images/property/IconAttack.png");
}
.prop-icon.breakstun {
background-image: url("../images/property/IconBreakStun.png");
}
.prop-icon.crit {
background-image: url("../images/property/IconCrit.png");
}
.prop-icon.critdam {
background-image: url("../images/property/IconCritDam.png");
}
.prop-icon.def {
background-image: url("../images/property/IconDef.png");
}
.prop-icon.dungeonbuffether {
background-image: url("../images/property/IconDungeonBuffEther.png");
}
.prop-icon.elementabnormalpower {
background-image: url("../images/property/IconElementAbnormalPower.png");
}
.prop-icon.elementmystery {
background-image: url("../images/property/IconElementMystery.png");
}
.prop-icon.fire {
background-image: url("../images/property/IconFire.png");
}
.prop-icon.hpmax {
background-image: url("../images/property/IconHpMax.png");
}
.prop-icon.ice {
background-image: url("../images/property/IconIce.png");
}
.prop-icon.penratio {
background-image: url("../images/property/IconPenRatio.png");
}
.prop-icon.penvalue {
background-image: url("../images/property/IconPenValue.png");
}
.prop-icon.physdmg {
background-image: url("../images/property/IconPhysDmg.png");
}
.prop-icon.spgetratio {
background-image: url("../images/property/IconSpGetRatio.png");
}
.prop-icon.spmax {
background-image: url("../images/property/IconSpMax.png");
}
.prop-icon.sprecover {
background-image: url("../images/property/IconSpRecover.png");
}
.prop-icon.thunder {
background-image: url("../images/property/IconThunder.png");
}
.pro-icon {
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.pro-icon.anomaly {
background-image: url("../images/prop/IconAnomaly.png");
}
.pro-icon.attack {
background-image: url("../images/prop/IconAttack.png");
}
.pro-icon.defense {
background-image: url("../images/prop/IconDefence.png");
}
.pro-icon.stun {
background-image: url("../images/prop/IconStun.png");
}
.pro-icon.support {
background-image: url("../images/prop/IconSupport.png");
}
.special-title {
width: 100%;
background-size: contain;

110
resources/common/style/index.scss
View file

@ -59,6 +59,33 @@
}
}
.rarity-icon {
aspect-ratio: 1;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
&.a,
&.A {
background-image: url('../images/Rarity_A.png');
}
&.b,
&.B {
background-image: url('../images/Rarity_B.png');
}
&.c,
&.C {
background-image: url('../images/Rarity_C.png');
}
&.s,
&.S {
background-image: url('../images/Rarity_S.png');
}
&.x,
&.X {
background-image: url('../images/Rarity_X.png');
}
}
.property {
aspect-ratio: 1;
background-size: contain;
@ -81,6 +108,89 @@
}
}
.prop-icon {
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.attack {
background-image: url('../images/property/IconAttack.png');
}
&.breakstun {
background-image: url('../images/property/IconBreakStun.png');
}
&.crit {
background-image: url('../images/property/IconCrit.png');
}
&.critdam {
background-image: url('../images/property/IconCritDam.png');
}
&.def {
background-image: url('../images/property/IconDef.png');
}
&.dungeonbuffether {
background-image: url('../images/property/IconDungeonBuffEther.png');
}
&.elementabnormalpower {
background-image: url('../images/property/IconElementAbnormalPower.png');
}
&.elementmystery {
background-image: url('../images/property/IconElementMystery.png');
}
&.fire {
background-image: url('../images/property/IconFire.png');
}
&.hpmax {
background-image: url('../images/property/IconHpMax.png');
}
&.ice {
background-image: url('../images/property/IconIce.png');
}
&.penratio {
background-image: url('../images/property/IconPenRatio.png');
}
&.penvalue {
background-image: url('../images/property/IconPenValue.png');
}
&.physdmg {
background-image: url('../images/property/IconPhysDmg.png');
}
&.spgetratio {
background-image: url('../images/property/IconSpGetRatio.png');
}
&.spmax {
background-image: url('../images/property/IconSpMax.png');
}
&.sprecover {
background-image: url('../images/property/IconSpRecover.png');
}
&.thunder {
background-image: url('../images/property/IconThunder.png');
}
}
.pro-icon {
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
&.anomaly {
background-image: url('../images/prop/IconAnomaly.png');
}
&.attack {
background-image: url('../images/prop/IconAttack.png');
}
&.defense {
background-image: url('../images/prop/IconDefence.png');
}
&.stun {
background-image: url('../images/prop/IconStun.png');
}
&.support {
background-image: url('../images/prop/IconSupport.png');
}
}
.special-title {
width: 100%;
background-size: contain;