mirror of
https://github.com/yoimiya-kokomi/miao-plugin.git
synced 2024-11-16 04:35:42 +00:00
#今日素材 样式微调
其他已知问题修正
This commit is contained in:
Kokomi
parent
c44b308f87
commit
4fff29e147
@ -1,7 +1,7 @@
|
||||
# 2.5.5
|
||||
|
||||
* 补充寒鸦相关资源
|
||||
* 初步迁移并重写`#今日素材`，部分功能尚未完全稳定
|
||||
* 初步迁移并重写`#今日素材`
|
||||
* `#角色`增加枫丹探索度统计信息
|
||||
* 其他已知问题修复
|
||||
|
||||
# 2.5.1 ~ 2.5.4
|
||||
|
||||
17
apps/wiki.js
17
apps/wiki.js
@ -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
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
@ -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">
|
||||
@ -96,4 +96,4 @@
|
||||
</div>
|
||||
|
||||
|
||||
{{/block}}
|
||||
{{/block}}
|
||||
|
||||
@ -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);
|
||||
}
|
||||
@ -273,4 +275,4 @@
|
||||
padding: 0 2px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 236 KiB After Width: | Height: | Size: 76 KiB |
@ -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 */
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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]%',
|
||||
|
||||
@ -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 */
|
||||
@ -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}}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user