#雷神面板 属性部分样式调整

This commit is contained in:
Kokomi 2023-03-05 15:41:47 +08:00
parent 244b1f5c66
commit 05bcd3f3f4
4 changed files with 22 additions and 27 deletions

View File

@ -126,29 +126,23 @@ let ProfileDetail = {
char = profile.char || char
let a = profile.attr
let base = profile.base
let c = Format.comma
let p = Format.pct
let attr = {}
lodash.forEach(['hp', 'def', 'atk', 'mastery'], (key) => {
attr[key] = c(a[key])
attr[`${key}Base`] = c(base[key])
attr[`${key}Plus`] = c(a[key] - base[key])
let fn = (n) => Format.comma(n, key === 'hp' ? 0 : 1)
attr[key] = fn(a[key])
attr[`${key}Base`] = fn(base[key])
attr[`${key}Plus`] = fn(a[key] - base[key])
})
lodash.forEach(['cpct', 'cdmg', 'recharge'], (key) => {
attr[key] = p(a[key])
attr[`${key}Base`] = p(base[key])
attr[`${key}Plus`] = p(a[key] - base[key])
})
if (a.dmg > a.phy) {
attr.dmg = p(a.dmg * 1 || 0)
attr.dmgBase = p(base.dmg * 1 || 0)
attr.dmgPlus = p((a.dmg * 1 || 0) - (base.dmg * 1 || 0))
} else {
attr.dmg = p(a.phy * 1 || 0)
attr.dmgBase = p(base.phy * 1 || 0)
attr.dmgPlus = p((a.phy * 1 || 0) - (base.phy * 1 || 0))
lodash.forEach(['cpct', 'cdmg', 'recharge', 'dmg'], (key) => {
let fn = Format.pct
let key2 = key
if (key === 'dmg' && a.phy > a.dmg) {
key2 = 'phy'
}
attr[key] = fn(a[key2])
attr[`${key}Base`] = fn(base[key2])
attr[`${key}Plus`] = fn(a[key2] - base[key2])
})
let weapon = Weapon.get(profile.weapon.name)
let w = profile.weapon

View File

@ -113,16 +113,18 @@ body {
}
.char-attr li .title {
width: 75px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.8), 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.char-attr li .value {
width: 110px;
width: 100px;
text-align: right;
font-weight: normal;
padding-right: 10px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.8), 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.char-attr li .value2 {
font-weight: normal;
width: 60px;
width: 70px;
text-align: right;
font-size: 12px;
padding: 4px 10px 0 0;
@ -132,7 +134,6 @@ body {
display: block;
height: 13px;
line-height: 13px;
transform: scale(0.85);
transform-origin: right center;
}
.char-attr li .value2 .base {

View File

@ -53,7 +53,7 @@
{{attr[key]}}
</div>
<div class="value2">
<span class="base"><i>+</i>{{attr[key+'Base']}}</span>
<span class="base">{{attr[key+'Base']}}</span>
<span class="plus">+{{attr[key+'Plus']}}</span>
</div>

View File

@ -128,19 +128,20 @@ body {
.title {
width: 75px;
text-shadow: 0 0 1px rgba(0, 0, 0, .8), 1px 1px 3px rgb(0 0 0 / 50%);
}
.value {
width: 110px;
width: 100px;
text-align: right;
font-weight: normal;
padding-right: 10px;
text-shadow: 0 0 1px rgba(0, 0, 0, .8), 1px 1px 3px rgb(0 0 0 / 50%);
}
.value2 {
font-weight: normal;
width: 60px;
width: 70px;
text-align: right;
font-size: 12px;
padding: 4px 10px 0 0;
@ -150,7 +151,6 @@ body {
display: block;
height: 13px;
line-height: 13px;
transform: scale(.85);
transform-origin: right center;
}