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
29cea32286
commit
becf9b255c
@ -13,9 +13,13 @@ body {
|
||||
background-size: cover;
|
||||
overflow: hidden;
|
||||
}
|
||||
.profile-cont {
|
||||
padding: 0 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.basic {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
margin: 0 -15px 10px -10px;
|
||||
}
|
||||
.basic:after {
|
||||
content: "";
|
||||
@ -341,7 +345,7 @@ body {
|
||||
border-radius: 10px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
background-size: auto 100%;
|
||||
margin: 5px 15px 5px 10px;
|
||||
margin: 5px 0;
|
||||
position: relative;
|
||||
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);
|
||||
overflow: hidden;
|
||||
@ -350,9 +354,8 @@ body {
|
||||
}
|
||||
.dmg-cont {
|
||||
display: table;
|
||||
width: calc(100% - 25px);
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
}
|
||||
.dmg-mode .dmg-list .cont-footer {
|
||||
display: none;
|
||||
@ -458,8 +461,7 @@ body {
|
||||
display: flex;
|
||||
width: 600px;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 5px;
|
||||
margin: 10px -5px 5px;
|
||||
}
|
||||
.artis .item {
|
||||
width: 185px;
|
||||
@ -650,8 +652,8 @@ body {
|
||||
overflow: visible;
|
||||
}
|
||||
.artis .weapon .img {
|
||||
width: 106px;
|
||||
height: 106px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
position: absolute;
|
||||
@ -743,26 +745,27 @@ body {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.arti-mark-cont {
|
||||
display: flex;
|
||||
}
|
||||
.arti-stat {
|
||||
height: 84px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
margin: 5px 15px 5px 10px;
|
||||
width: 185px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.arti-class-title {
|
||||
height: 25px;
|
||||
line-height: 20px;
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
padding: 5px 10px 0;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-shadow: 0 0 2px #000;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.arti-stat-ret {
|
||||
height: 55px;
|
||||
padding: 0 10px 5px;
|
||||
height: 64px;
|
||||
padding: 3px 10px 2px;
|
||||
width: 100%;
|
||||
display: table;
|
||||
}
|
||||
@ -775,7 +778,20 @@ body {
|
||||
display: block;
|
||||
height: 35px;
|
||||
font-size: 30px;
|
||||
line-height: 35px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.arti-info {
|
||||
width: 390px;
|
||||
}
|
||||
.arti-info .arti-attr {
|
||||
height: 64px;
|
||||
}
|
||||
.arti-info .arti-notice {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
font-size: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.dmg-msg {
|
||||
font-size: 13px;
|
||||
@ -851,7 +867,7 @@ body {
|
||||
font-weight: normal;
|
||||
}
|
||||
.arti-stat span {
|
||||
font-size: 13px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: #bbb;
|
||||
}
|
||||
@ -904,7 +920,7 @@ body {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.sr-weapon {
|
||||
margin: 0 15px 5px 10px;
|
||||
margin: 10px 0;
|
||||
border-radius: 10px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
background-size: auto 150%;
|
||||
@ -913,8 +929,7 @@ body {
|
||||
overflow: hidden;
|
||||
display: table;
|
||||
color: #fff;
|
||||
min-height: 120px;
|
||||
width: calc(100% - 25px);
|
||||
min-height: 100px;
|
||||
}
|
||||
.sr-weapon .weapon-img {
|
||||
display: table-cell;
|
||||
@ -989,7 +1004,7 @@ body {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
white-space: break-spaces;
|
||||
word-break: break-all;
|
||||
}
|
||||
.weapon-desc nobr {
|
||||
color: #ffe699;
|
||||
@ -1004,7 +1019,7 @@ body {
|
||||
margin: 0 2px;
|
||||
}
|
||||
.sr-talent {
|
||||
margin: 0 15px 10px 10px;
|
||||
margin: 10px 0;
|
||||
border-radius: 10px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
background-size: auto 150%;
|
||||
@ -1014,7 +1029,6 @@ body {
|
||||
display: flex;
|
||||
color: #fff;
|
||||
height: 72px;
|
||||
width: calc(100% - 25px);
|
||||
padding: 8px 10px;
|
||||
}
|
||||
.sr-talent .char-talents {
|
||||
|
||||
@ -13,10 +13,9 @@
|
||||
{{set gameHash = game === 'gs' ? '#':'*' }}
|
||||
|
||||
{{block 'main'}}
|
||||
<div class="game-{{game}}">
|
||||
<div class="profile-cont game-{{game}}">
|
||||
<div class="basic">
|
||||
<div class="main-pic"
|
||||
style="background-image:url({{_res_path}}{{costumeSplash||imgs?.splash}})"></div>
|
||||
<div class="main-pic" style="background-image:url({{_res_path}}{{costumeSplash||imgs?.splash}})"></div>
|
||||
<div class="detail">
|
||||
<div class="char-name">{{data.name}}</div>
|
||||
<div class="char-lv">UID {{uid}} - Lv.{{data.level}}
|
||||
@ -110,7 +109,7 @@
|
||||
{{/if}}
|
||||
|
||||
<!-- 【 武器+圣遗物列表】 -->
|
||||
<div>
|
||||
<div class="profile-detail">
|
||||
{{if game === 'sr'}}
|
||||
<!-- 【 星铁 天赋+行迹 】 -->
|
||||
<div class="sr-talent">
|
||||
@ -178,15 +177,22 @@
|
||||
|
||||
{{if mode === "profile"}}
|
||||
{{set ad = artisDetail}}
|
||||
<div class="arti-stat">
|
||||
<div class="arti-class-title">评分规则：{{ad.classTitle}}</div>
|
||||
<div class="arti-stat-ret">
|
||||
<div><strong class="mark-{{ad.markClass}}">{{ad.markClass}}</strong><span>圣遗物评级</span></div>
|
||||
<div><strong>{{ad.mark}}</strong><span>圣遗物总分</span></div>
|
||||
<div class="cont arti-mark-cont">
|
||||
<div class="arti-stat">
|
||||
<div class="arti-stat-ret">
|
||||
<div><span>圣遗物总分</span><strong>{{ad.mark}}</strong></div>
|
||||
<div><span>圣遗物评级</span><strong class="mark-{{ad.markClass}}">{{ad.markClass}}</strong></div>
|
||||
</div>
|
||||
<div class="arti-class-title">评分规则：{{ad.classTitle}}</div>
|
||||
</div>
|
||||
<div class="arti-info">
|
||||
<div class="arti-attr"></div>
|
||||
<div class="arti-notice dmg-desc">
|
||||
评分仅供参考与娱乐。可使用<strong>{{gameHash}}{{data.abbr}}圣遗物</strong>来查看评分详情
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="artis">
|
||||
{{ if game === 'gs' }}
|
||||
<div class="artis-weapon">
|
||||
@ -249,13 +255,6 @@
|
||||
{{ set {dmgRet, dmgCfg, enemyLv, enemyName, dmgMsg, dmgData} = dmgCalc }}
|
||||
<div>
|
||||
{{if game === 'gs'}}
|
||||
{{if mode === "profile"}}
|
||||
<div class="cont">
|
||||
<div class="cont-footer dmg-desc">
|
||||
当前评分为<strong>喵喵版评分规则</strong>，分值仅供参考与娱乐。可使用<strong>{{gameHash}}{{data.abbr}}圣遗物</strong>来查看评分详情
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
<div class="cont">
|
||||
<div class="cont-footer dmg-desc">
|
||||
|
||||
@ -11,10 +11,14 @@ body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.profile-cont {
|
||||
padding: 0 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.basic {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
margin: 0 -15px 10px -10px;
|
||||
}
|
||||
|
||||
.basic:after {
|
||||
@ -419,7 +423,7 @@ body {
|
||||
border-radius: 10px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
background-size: auto 100%;
|
||||
margin: 5px 15px 5px 10px;
|
||||
margin: 5px 0;
|
||||
position: relative;
|
||||
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, .8);
|
||||
overflow: hidden;
|
||||
@ -429,9 +433,8 @@ body {
|
||||
|
||||
.dmg-cont {
|
||||
display: table;
|
||||
width: calc(100% - 25px);
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dmg-mode .dmg-list .cont-footer {
|
||||
@ -562,8 +565,7 @@ body {
|
||||
display: flex;
|
||||
width: 600px;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 5px;
|
||||
margin: 10px -5px 5px;
|
||||
|
||||
|
||||
.item {
|
||||
@ -803,8 +805,8 @@ body {
|
||||
|
||||
|
||||
.img {
|
||||
width: 106px;
|
||||
height: 106px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
position: absolute;
|
||||
@ -914,28 +916,30 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.arti-mark-cont {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.arti-stat {
|
||||
height: 84px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
margin: 5px 15px 5px 10px;
|
||||
width: 185px;
|
||||
background: rgba(0, 0, 0, .4);
|
||||
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.arti-class-title {
|
||||
height: 25px;
|
||||
line-height: 20px;
|
||||
line-height: 25px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
padding: 5px 10px 0;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, .9);
|
||||
text-shadow: 0 0 2px #000;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.arti-stat-ret {
|
||||
height: 55px;
|
||||
padding: 0 10px 5px;
|
||||
height: 64px;
|
||||
padding: 3px 10px 2px;
|
||||
width: 100%;
|
||||
display: table;
|
||||
|
||||
@ -949,7 +953,23 @@ body {
|
||||
display: block;
|
||||
height: 35px;
|
||||
font-size: 30px;
|
||||
line-height: 35px;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.arti-info {
|
||||
width: 390px;
|
||||
|
||||
.arti-attr {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.arti-notice {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
font-size: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1057,7 +1077,7 @@ body {
|
||||
|
||||
|
||||
.arti-stat span {
|
||||
font-size: 13px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: #bbb;
|
||||
}
|
||||
@ -1129,7 +1149,7 @@ body {
|
||||
}
|
||||
|
||||
.sr-weapon {
|
||||
margin: 0 15px 5px 10px;
|
||||
margin: 10px 0;
|
||||
border-radius: 10px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
background-size: auto 150%;
|
||||
@ -1138,8 +1158,7 @@ body {
|
||||
overflow: hidden;
|
||||
display: table;
|
||||
color: #fff;
|
||||
min-height: 120px;
|
||||
width: calc(100% - 25px);
|
||||
min-height: 100px;
|
||||
|
||||
.weapon-img {
|
||||
display: table-cell;
|
||||
@ -1233,7 +1252,7 @@ body {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
white-space: break-spaces;
|
||||
word-break: break-all;
|
||||
|
||||
nobr {
|
||||
color: #ffe699;
|
||||
@ -1250,7 +1269,7 @@ body {
|
||||
}
|
||||
|
||||
.sr-talent {
|
||||
margin: 0 15px 10px 10px;
|
||||
margin: 10px 0;
|
||||
border-radius: 10px;
|
||||
background: url("../common/cont/card-bg.png") top left repeat-x;
|
||||
background-size: auto 150%;
|
||||
@ -1260,7 +1279,6 @@ body {
|
||||
display: flex;
|
||||
color: #fff;
|
||||
height: 72px;
|
||||
width: calc(100% - 25px);
|
||||
padding: 8px 10px;
|
||||
|
||||
|
||||
|
||||
@ -37,6 +37,7 @@ export const descFix = {
|
||||
// 长柄武器
|
||||
勘探钻机: '受到或进行治疗时，获得标记，最多3层，处于后台也能获得。施放战技或爆发时，消耗标记：每枚标记提高$[0]攻击力与$[1]元素伤害加成。',
|
||||
贯月矢: '触发草元素反应后，每20秒产生至多存在10秒的种识之叶，后台也能触发。拾取提升攻击力<nobr>32%</nobr>，持续12秒。',
|
||||
护摩之杖:'生命值提升$[0]。<br />获得$[1]生命值上限的攻击力提升，生命值低于50%时，进一步获得$[2]生命值上限的攻击力提升。',
|
||||
|
||||
// 弓
|
||||
终末嗟叹之诗: '精通提高$[0]点；战技或爆发命中敌人时，获得追思之符，后台也能触发。4枚时消耗所有追思之符：精通提高$[1]点，攻击力提升$[2]，持续12秒。',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user