#今日素材 样式微调

其他已知问题修正
This commit is contained in:
Kokomi 2023-12-12 03:29:50 +08:00
parent c44b308f87
commit 4fff29e147
13 changed files with 183 additions and 100 deletions

View File

@ -1,7 +1,7 @@
# 2.5.5
* 补充寒鸦相关资源
* 初步迁移并重写`#今日素材`,部分功能尚未完全稳定
* 初步迁移并重写`#今日素材`
* `#角色`增加枫丹探索度统计信息
* 其他已知问题修复
# 2.5.1 ~ 2.5.4

View File

@ -9,22 +9,27 @@ let app = App.init({
name: '角色资料'
})
app.reg({
// #神里天赋 #夜兰命座
wiki: {
rule: '^#喵喵WIKI$',
check: CharWiki.check,
fn: CharWiki.wiki,
desc: '【#资料】 #神里天赋 #夜兰命座'
fn: CharWiki.wiki
},
// #日历
calendar: {
rule: /^(#|喵喵)+(日历|日历列表)$/,
fn: Calendar.render,
desc: '【#日历】 原神活动日历'
fn: Calendar.render
},
// *日历
calendarSr: {
rule: /^#(星铁)+(日历|日历列表)$/,
fn: CalendarSr.render,
desc: '【#星铁日历】 星铁活动日历'
fn: CalendarSr.render
},
// #今日素材
today: {
rule: /^#(今日|今天|每日|我的)*(素材|材料|天赋)[ |0-9]*$/,
fn: TodayMaterial.render

View File

@ -72,18 +72,18 @@ const CharTalent = {
},
// 获取精炼描述
getDesc (desc, tables, lv = 5) {
let reg = /\$(\d)\[[i|f1]\](\%?)/g
let reg = /\$(\d)\[(i|f1|f2)](%?)/g
let ret
let idxFormat = {}
while ((ret = reg.exec(desc)) !== null) {
let idx = ret[1]
let pct = ret[2]
let [, idx, format, pct] = ret
let value = tables?.[idx]?.values[lv - 1]
if (value) {
if (pct === '%') {
idxFormat[idx] = 'percent'
value = Format.percent(value)
value = Format.percent(value, format === 'f2' ? 2 : 1)
} else {
idxFormat[idx] = 'comma'
value = Format.comma(value)

View File

@ -105,8 +105,8 @@
justify-content: center;
}
.exploration .item {
width: 93px;
height: 116.25px;
width: 82px;
height: 102.5px;
background: url('./imgs/exploration.webp') no-repeat;
background-size: auto 100%;
border-radius: 4px;
@ -116,7 +116,7 @@
align-items: center;
}
.exploration .item strong {
font-size: 22px;
font-size: 20px;
display: block;
height: 30px;
line-height: 30px;
@ -124,10 +124,10 @@
font-weight: normal;
}
.exploration .item span {
margin-top: 58px;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-top: 53px;
font-size: 13px;
height: 16px;
line-height: 16px;
display: block;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

View File

@ -41,7 +41,7 @@
{{if info && info.exploration && info.exploration['蒙德']}}
{{set citys = ['蒙德','龙脊雪山','璃月','层岩巨渊','稻妻','渊下宫','须弥'] }}
{{set citys = ['蒙德','龙脊雪山','璃月','层岩巨渊','稻妻','渊下宫','须弥','枫丹'] }}
<div class="exploration">
{{each citys city idx}}
<div class="item city-{{idx+1}}" style="background-position:{{idx}}0% 0">

View File

@ -130,9 +130,11 @@
margin: 10px 0;
justify-content: center;
@width: 82px;
.item {
width: 93px;
height: 93*1.25px;
width: @width;
height: @width*1.25;
background: url('./imgs/exploration.webp') no-repeat;
background-size: auto 100%;
border-radius: 4px;
@ -142,7 +144,7 @@
align-items: center;
strong {
font-size: 22px;
font-size: 20px;
display: block;
height: 30px;
line-height: 30px;
@ -151,10 +153,10 @@
}
span {
margin-top: 58px;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-top: 53px;
font-size: 13px;
height: 16px;
line-height: 16px;
display: block;
text-shadow: 0 0 1px rgba(0, 0, 0, .5);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 76 KiB

View File

@ -469,4 +469,10 @@ ul.cont-msg li strong,
padding: 4px 5px 3px;
border-radius: 0 0 6px 0;
}
.icon {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: block;
}
/*# sourceMappingURL=common.css.map */

View File

@ -392,3 +392,10 @@ ul.cont-msg, .cont-footer ul {
border-radius: 0 0 6px 0;
}
}
.icon {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: block;
}

View File

@ -169,10 +169,10 @@ export default function (step, staticStep) {
dmg: step(8)
}
}],
金流监督: [staticStep('atkPlus', 16), {
title: '攻击力提升[_atkPlus]%',
金流监督: [staticStep('atkPct', 16), {
title: '攻击力提升[_atkPct]%',
refine: {
_atkPlus: step(16)
_atkPct: step(16)
}
}, {
title: '满层下,普通攻击造成的伤害提升[aDmg]%,重击造成的伤害提升[a2Dmg]%',

View File

@ -45,19 +45,25 @@ body {
}
.city-cont {
background: #fffa;
box-shadow: 1px 1px 5px 0 #aaaa;
border-radius: 10px;
box-shadow: 1px 1px 5px 0 #aaaa, 0 0 1px 0 #504c49;
border-radius: 20px;
margin: 15px 5px 15px 0;
}
.ele_info {
.cont-title {
display: flex;
margin: 0 0 14px 0;
padding: 10px;
margin: 0 0 5px 0;
padding: 0 10px;
position: relative;
background: #d3bc8d75;
border-radius: 10px 10px 0 0;
border-radius: 20px 20px 0 0;
flex-flow: row nowrap;
justify-content: space-between;
overflow: visible;
border-bottom: 1px solid #504c4922;
}
.cont-title .area {
position: relative;
display: flex;
}
.tab-line {
position: absolute;
@ -68,18 +74,13 @@ body {
background: #eae4db;
width: 96%;
}
.ele_info .area {
position: relative;
}
.tab-item-icon {
width: 36px;
height: 36px;
position: absolute;
background: #c3b6aa;
z-index: 2;
margin: 7px 10px 7px 7px;
border-radius: 50%;
left: 21px;
top: 7px;
}
.tab-item-left {
background: url(data:image/png;base64,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);
@ -120,8 +121,6 @@ body {
font-size: 26px;
height: 50px;
line-height: 50px;
padding-left: 70px;
padding-right: 40px;
}
.ele_box {
display: flex;
@ -137,17 +136,17 @@ body {
display: flex;
}
.ele_box .ele_img .img_item {
width: 50px;
height: 50px;
width: 40px;
height: 40px;
background-image: url(./imgs/item-bg.png);
background-size: 100%;
background-repeat: no-repeat;
margin-right: 3px;
margin: 5px;
}
.ele_box .ele_img .img_item img {
padding: 4px;
width: 100%;
height: 100%;
.ele_box .ele_img .img_item .icon {
width: 40px;
height: 40px;
margin: 0;
}
.item_box {
display: flex;
@ -179,17 +178,17 @@ body {
/*filter: contrast(95%);*/
}
.talent {
height: 23px;
padding: 3px 3px;
height: 25px;
padding: 3px 3px 1px;
display: flex;
justify-content: center;
font-size: 16px;
font-size: 15px;
color: #222;
}
.talent-item {
width: 20px;
height: 16px;
line-height: 17px;
width: 22px;
height: 18px;
line-height: 18px;
margin: 0 3px;
text-align: center;
display: block;
@ -199,6 +198,16 @@ body {
border-radius: 3px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.talent-item.talent-plus {
font-weight: bold;
color: #0284b9;
box-shadow: 0 0 2px 0 #0008;
}
.talent-item.talent-crown {
background: #d3bc8e;
color: #3a2702;
box-shadow: 0 0 2px 0 #000;
}
.bg5,
.bg4 {
width: 100%;
@ -336,10 +345,13 @@ body {
.weapon_box {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
padding: 5px 0 0 6px;
}
.weapon_item {
width: 68px;
margin: 0px 0 10px 12px;
margin: 5px 6px;
position: relative;
}
.weapon_role_box {
@ -461,7 +473,24 @@ body {
right: -5px;
}
.disable {
position: relative;
opacity: 0.7;
filter: grayscale(40%);
}
.disable:after {
display: none;
content: "满";
position: absolute;
width: 22px;
height: 16px;
font-size: 12px;
top: 50%;
left: 50%;
margin: 0 0 0 -15px;
background: #ff5722;
color: #fff;
border-radius: 5px;
text-align: center;
line-height: 16px;
}
/*# sourceMappingURL=today-material.css.map */

View File

@ -22,20 +22,17 @@
{{if curr.data?.length>0}}
<div class="city-cont">
<div class="ele_info">
<div class="cont-title">
<div class="area">
<img class="tab-item-icon" src="{{_res_path}}/common/item/{{cityData.city}}.png"/>
<div class="tab-item-left"></div>
<div class="tab-item-middle"></div>
<div class="tab-item-text">{{cityData.city}}</div>
<div class="tab-item-right"></div>
</div>
<div class="ele_box">
<div class="ele_name">{{curr.material?.name}}</div>
<div class="ele_img">
{{each curr.material?.icons icon}}
<div class="img_item">
<img src="{{_res_path}}{{icon}}"/>
<span class="icon" style="background-image:url({{_res_path}}{{icon}})"></span>
</div>
{{/each}}
</div>
@ -46,7 +43,7 @@
{{if type === 'talent' }}
<div class="item_box">
{{each curr.data char}}
<div class="item {{char.isMax?'disable':''}}">
<div class="item {{char.isMax?'disable':''}} avatar-card">
<div class="role_box">
{{ if char.cons>0}}
<span class="life life{{char.cons}}"> {{char.cons}}命</span>
@ -54,11 +51,10 @@
<div class="bg{{char.star}}"></div>
<img class="role_img" src="{{_res_path}}{{char.face}}"/>
<div class="desc">Lv.{{char.level}}</div>
<!-- <div class="role_name">{{char.name}}</div> -->
</div>
<div class="talent">
<div class="talent avatar-talent">
{{each char.talent talent}}
<span class="talent-item">{{talent.level}}</span>
<span class="talent-item{{talent.original>=10?' talent-crown':''}}{{talent.level>talent.original?' talent-plus':''}}">{{talent.level}}</span>
{{/each}}
</div>
</div>
@ -95,5 +91,9 @@
</div>
<div class="explain">*根据你所拥有的角色查询今天可升天赋角色<br>*仅显现已装备的武器</div>
<div class="explain">
* 根据你所拥有的角色查询今天可升天赋角色,仅显现已装备的武器 <br>
* 可通过【#练度统计】需具备CK或【#更新面板】更新本地缓存<br>
* 绑定CK用户也可通过【#刷新天赋】来强制更新天赋数据
</div>
{{/block}}

View File

@ -47,20 +47,27 @@ body {
.city-cont {
background: #fffa;
box-shadow: 1px 1px 5px 0 #aaaa;
border-radius: 10px;
box-shadow: 1px 1px 5px 0 #aaaa, 0 0 1px 0 #504c49;
border-radius: 20px;
margin: 15px 5px 15px 0;
}
.ele_info {
.cont-title {
display: flex;
margin: 0 0 14px 0;
padding: 10px;
margin: 0 0 5px 0;
padding: 0 10px;
position: relative;
background: #d3bc8d75;
border-radius: 10px 10px 0 0;
border-radius: 20px 20px 0 0;
flex-flow: row nowrap;
justify-content: space-between;
overflow: visible;
border-bottom: 1px solid #504c4922;
.area {
position: relative;
display: flex;
}
}
.tab-line {
@ -73,19 +80,14 @@ body {
width: 96%;
}
.ele_info .area {
position: relative;
}
.tab-item-icon {
width: 36px;
height: 36px;
position: absolute;
background: #c3b6aa;
z-index: 2;
margin: 7px 10px 7px 7px;
border-radius: 50%;
left: 21px;
top: 7px;
}
.tab-item-left {
@ -130,8 +132,6 @@ body {
font-size: 26px;
height: 50px;
line-height: 50px;
padding-left: 70px;
padding-right: 40px;
}
.ele_box {
@ -151,18 +151,18 @@ body {
}
.ele_box .ele_img .img_item {
width: 50px;
height: 50px;
width: 40px;
height: 40px;
background-image: url(./imgs/item-bg.png);
background-size: 100%;
background-repeat: no-repeat;
margin-right: 3px;
}
margin: 5px;
.ele_box .ele_img .img_item img {
padding: 4px;
width: 100%;
height: 100%;
.icon {
width: 40px;
height: 40px;
margin: 0;
}
}
.item_box {
@ -199,18 +199,18 @@ body {
}
.talent {
height: 23px;
padding: 3px 3px;
height: 25px;
padding: 3px 3px 1px;
display: flex;
justify-content: center;
font-size: 16px;
font-size: 15px;
color: #222;
}
.talent-item {
width: 20px;
height: 16px;
line-height: 17px;
width: 22px;
height: 18px;
line-height: 18px;
margin: 0 3px;
text-align: center;
display: block;
@ -219,6 +219,18 @@ body {
position: relative;
border-radius: 3px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
&.talent-plus {
font-weight: bold;
color: #0284b9;
box-shadow: 0 0 2px 0 #0008;
}
&.talent-crown {
background: #d3bc8e;
color: #3a2702;
box-shadow: 0 0 2px 0 #000;
}
}
.bg5, .bg4 {
@ -381,11 +393,14 @@ body {
.weapon_box {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
padding: 5px 0 0 6px;
}
.weapon_item {
width: 68px;
margin: 0px 0 10px 12px;
margin: 5px 6px;
position: relative;
}
@ -529,6 +544,25 @@ body {
}
.disable {
position: relative;
opacity: 0.7;
filter: grayscale(40%)
filter: grayscale(40%);
&:after {
display: none;
content: "满";
position: absolute;
width: 22px;
height: 16px;
font-size: 12px;
top: 50%;
left: 50%;
margin: 0 0 0 -15px;
background: #ff5722;
color: #fff;
border-radius: 5px;
text-align: center;
line-height: 16px;
}
}