调整角色面板圣遗物评分部分展示

This commit is contained in:
Kokomi 2023-10-24 00:44:54 +08:00
parent 29cea32286
commit becf9b255c
4 changed files with 99 additions and 67 deletions

View File

@ -13,9 +13,13 @@ body {
background-size: cover; background-size: cover;
overflow: hidden; overflow: hidden;
} }
.profile-cont {
padding: 0 10px;
margin-right: 5px;
}
.basic { .basic {
position: relative; position: relative;
margin-bottom: 10px; margin: 0 -15px 10px -10px;
} }
.basic:after { .basic:after {
content: ""; content: "";
@ -341,7 +345,7 @@ body {
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 100%; background-size: auto 100%;
margin: 5px 15px 5px 10px; margin: 5px 0;
position: relative; position: relative;
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8); box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);
overflow: hidden; overflow: hidden;
@ -350,9 +354,8 @@ body {
} }
.dmg-cont { .dmg-cont {
display: table; display: table;
width: calc(100% - 25px); margin: 10px 0;
margin-top: 10px; width: 100%;
margin-bottom: 10px;
} }
.dmg-mode .dmg-list .cont-footer { .dmg-mode .dmg-list .cont-footer {
display: none; display: none;
@ -458,8 +461,7 @@ body {
display: flex; display: flex;
width: 600px; width: 600px;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 5px; margin: 10px -5px 5px;
padding: 0 5px;
} }
.artis .item { .artis .item {
width: 185px; width: 185px;
@ -650,8 +652,8 @@ body {
overflow: visible; overflow: visible;
} }
.artis .weapon .img { .artis .weapon .img {
width: 106px; width: 100px;
height: 106px; height: 100px;
top: -10px; top: -10px;
right: -10px; right: -10px;
position: absolute; position: absolute;
@ -743,26 +745,27 @@ body {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
.arti-mark-cont {
display: flex;
}
.arti-stat { .arti-stat {
height: 84px; width: 185px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: rgba(0, 0, 0, 0.4);
margin: 5px 15px 5px 10px;
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8); box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);
border-radius: 10px;
} }
.arti-class-title { .arti-class-title {
height: 25px; height: 25px;
line-height: 20px; line-height: 25px;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
padding: 5px 10px 0;
text-align: center; text-align: center;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
text-shadow: 0 0 2px #000; text-shadow: 0 0 2px #000;
background: rgba(0, 0, 0, 0.5);
} }
.arti-stat-ret { .arti-stat-ret {
height: 55px; height: 64px;
padding: 0 10px 5px; padding: 3px 10px 2px;
width: 100%; width: 100%;
display: table; display: table;
} }
@ -775,7 +778,20 @@ body {
display: block; display: block;
height: 35px; height: 35px;
font-size: 30px; 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 { .dmg-msg {
font-size: 13px; font-size: 13px;
@ -851,7 +867,7 @@ body {
font-weight: normal; font-weight: normal;
} }
.arti-stat span { .arti-stat span {
font-size: 13px; font-size: 12px;
line-height: 20px; line-height: 20px;
color: #bbb; color: #bbb;
} }
@ -904,7 +920,7 @@ body {
padding-left: 15px; padding-left: 15px;
} }
.sr-weapon { .sr-weapon {
margin: 0 15px 5px 10px; margin: 10px 0;
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 150%; background-size: auto 150%;
@ -913,8 +929,7 @@ body {
overflow: hidden; overflow: hidden;
display: table; display: table;
color: #fff; color: #fff;
min-height: 120px; min-height: 100px;
width: calc(100% - 25px);
} }
.sr-weapon .weapon-img { .sr-weapon .weapon-img {
display: table-cell; display: table-cell;
@ -989,7 +1004,7 @@ body {
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
color: #fff; color: #fff;
white-space: break-spaces; word-break: break-all;
} }
.weapon-desc nobr { .weapon-desc nobr {
color: #ffe699; color: #ffe699;
@ -1004,7 +1019,7 @@ body {
margin: 0 2px; margin: 0 2px;
} }
.sr-talent { .sr-talent {
margin: 0 15px 10px 10px; margin: 10px 0;
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 150%; background-size: auto 150%;
@ -1014,7 +1029,6 @@ body {
display: flex; display: flex;
color: #fff; color: #fff;
height: 72px; height: 72px;
width: calc(100% - 25px);
padding: 8px 10px; padding: 8px 10px;
} }
.sr-talent .char-talents { .sr-talent .char-talents {

View File

@ -13,10 +13,9 @@
{{set gameHash = game === 'gs' ? '#':'*' }} {{set gameHash = game === 'gs' ? '#':'*' }}
{{block 'main'}} {{block 'main'}}
<div class="game-{{game}}"> <div class="profile-cont game-{{game}}">
<div class="basic"> <div class="basic">
<div class="main-pic" <div class="main-pic" style="background-image:url({{_res_path}}{{costumeSplash||imgs?.splash}})"></div>
style="background-image:url({{_res_path}}{{costumeSplash||imgs?.splash}})"></div>
<div class="detail"> <div class="detail">
<div class="char-name">{{data.name}}</div> <div class="char-name">{{data.name}}</div>
<div class="char-lv">UID {{uid}} - Lv.{{data.level}} <div class="char-lv">UID {{uid}} - Lv.{{data.level}}
@ -110,7 +109,7 @@
{{/if}} {{/if}}
<!-- 【 武器+圣遗物列表】 --> <!-- 【 武器+圣遗物列表】 -->
<div> <div class="profile-detail">
{{if game === 'sr'}} {{if game === 'sr'}}
<!-- 【 星铁 天赋+行迹 】 --> <!-- 【 星铁 天赋+行迹 】 -->
<div class="sr-talent"> <div class="sr-talent">
@ -178,15 +177,22 @@
{{if mode === "profile"}} {{if mode === "profile"}}
{{set ad = artisDetail}} {{set ad = artisDetail}}
<div class="arti-stat"> <div class="cont arti-mark-cont">
<div class="arti-class-title">评分规则:{{ad.classTitle}}</div> <div class="arti-stat">
<div class="arti-stat-ret"> <div class="arti-stat-ret">
<div><strong class="mark-{{ad.markClass}}">{{ad.markClass}}</strong><span>圣遗物评级</span></div> <div><span>圣遗物总分</span><strong>{{ad.mark}}</strong></div>
<div><strong>{{ad.mark}}</strong><span>圣遗物总分</span></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> </div>
<div class="artis"> <div class="artis">
{{ if game === 'gs' }} {{ if game === 'gs' }}
<div class="artis-weapon"> <div class="artis-weapon">
@ -249,13 +255,6 @@
{{ set {dmgRet, dmgCfg, enemyLv, enemyName, dmgMsg, dmgData} = dmgCalc }} {{ set {dmgRet, dmgCfg, enemyLv, enemyName, dmgMsg, dmgData} = dmgCalc }}
<div> <div>
{{if game === 'gs'}} {{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}} {{else}}
<div class="cont"> <div class="cont">
<div class="cont-footer dmg-desc"> <div class="cont-footer dmg-desc">

View File

@ -11,10 +11,14 @@ body {
overflow: hidden; overflow: hidden;
} }
.profile-cont {
padding: 0 10px;
margin-right: 5px;
}
.basic { .basic {
position: relative; position: relative;
margin-bottom: 10px; margin: 0 -15px 10px -10px;
} }
.basic:after { .basic:after {
@ -419,7 +423,7 @@ body {
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 100%; background-size: auto 100%;
margin: 5px 15px 5px 10px; margin: 5px 0;
position: relative; position: relative;
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, .8); box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, .8);
overflow: hidden; overflow: hidden;
@ -429,9 +433,8 @@ body {
.dmg-cont { .dmg-cont {
display: table; display: table;
width: calc(100% - 25px); margin: 10px 0;
margin-top: 10px; width: 100%;
margin-bottom: 10px;
} }
.dmg-mode .dmg-list .cont-footer { .dmg-mode .dmg-list .cont-footer {
@ -562,8 +565,7 @@ body {
display: flex; display: flex;
width: 600px; width: 600px;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 5px; margin: 10px -5px 5px;
padding: 0 5px;
.item { .item {
@ -803,8 +805,8 @@ body {
.img { .img {
width: 106px; width: 100px;
height: 106px; height: 100px;
top: -10px; top: -10px;
right: -10px; right: -10px;
position: absolute; position: absolute;
@ -914,28 +916,30 @@ body {
} }
} }
.arti-mark-cont {
display: flex;
}
.arti-stat { .arti-stat {
height: 84px; width: 185px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: rgba(0, 0, 0, .4);
margin: 5px 15px 5px 10px;
box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8); box-shadow: 0 0 1px 0 #ccc, 2px 2px 4px 0 rgba(50, 50, 50, 0.8);
border-radius: 10px;
} }
.arti-class-title { .arti-class-title {
height: 25px; height: 25px;
line-height: 20px; line-height: 25px;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
padding: 5px 10px 0;
text-align: center; text-align: center;
color: rgba(255, 255, 255, .9); color: rgba(255, 255, 255, .9);
text-shadow: 0 0 2px #000; text-shadow: 0 0 2px #000;
background: rgba(0, 0, 0, .5);
} }
.arti-stat-ret { .arti-stat-ret {
height: 55px; height: 64px;
padding: 0 10px 5px; padding: 3px 10px 2px;
width: 100%; width: 100%;
display: table; display: table;
@ -949,7 +953,23 @@ body {
display: block; display: block;
height: 35px; height: 35px;
font-size: 30px; 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 { .arti-stat span {
font-size: 13px; font-size: 12px;
line-height: 20px; line-height: 20px;
color: #bbb; color: #bbb;
} }
@ -1129,7 +1149,7 @@ body {
} }
.sr-weapon { .sr-weapon {
margin: 0 15px 5px 10px; margin: 10px 0;
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 150%; background-size: auto 150%;
@ -1138,8 +1158,7 @@ body {
overflow: hidden; overflow: hidden;
display: table; display: table;
color: #fff; color: #fff;
min-height: 120px; min-height: 100px;
width: calc(100% - 25px);
.weapon-img { .weapon-img {
display: table-cell; display: table-cell;
@ -1233,7 +1252,7 @@ body {
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
color: #fff; color: #fff;
white-space: break-spaces; word-break: break-all;
nobr { nobr {
color: #ffe699; color: #ffe699;
@ -1250,7 +1269,7 @@ body {
} }
.sr-talent { .sr-talent {
margin: 0 15px 10px 10px; margin: 10px 0;
border-radius: 10px; border-radius: 10px;
background: url("../common/cont/card-bg.png") top left repeat-x; background: url("../common/cont/card-bg.png") top left repeat-x;
background-size: auto 150%; background-size: auto 150%;
@ -1260,7 +1279,6 @@ body {
display: flex; display: flex;
color: #fff; color: #fff;
height: 72px; height: 72px;
width: calc(100% - 25px);
padding: 8px 10px; padding: 8px 10px;

View File

@ -37,6 +37,7 @@ export const descFix = {
// 长柄武器 // 长柄武器
勘探钻机: '受到或进行治疗时获得标记最多3层处于后台也能获得。施放战技或爆发时消耗标记每枚标记提高$[0]攻击力与$[1]元素伤害加成。', 勘探钻机: '受到或进行治疗时获得标记最多3层处于后台也能获得。施放战技或爆发时消耗标记每枚标记提高$[0]攻击力与$[1]元素伤害加成。',
贯月矢: '触发草元素反应后每20秒产生至多存在10秒的种识之叶后台也能触发。拾取提升攻击力<nobr>32%</nobr>持续12秒。', 贯月矢: '触发草元素反应后每20秒产生至多存在10秒的种识之叶后台也能触发。拾取提升攻击力<nobr>32%</nobr>持续12秒。',
护摩之杖:'生命值提升$[0]。<br />获得$[1]生命值上限的攻击力提升生命值低于50%时,进一步获得$[2]生命值上限的攻击力提升。',
// 弓 // 弓
终末嗟叹之诗: '精通提高$[0]点战技或爆发命中敌人时获得追思之符后台也能触发。4枚时消耗所有追思之符精通提高$[1]点,攻击力提升$[2]持续12秒。', 终末嗟叹之诗: '精通提高$[0]点战技或爆发命中敌人时获得追思之符后台也能触发。4枚时消耗所有追思之符精通提高$[1]点,攻击力提升$[2]持续12秒。',