mirror of
https://github.com/yoimiya-kokomi/miao-plugin.git
synced 2024-11-16 04:35:42 +00:00
调整角色面板圣遗物评分部分展示
This commit is contained in:
parent
29cea32286
commit
becf9b255c
@ -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 {
|
||||||
|
@ -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">
|
||||||
|
@ -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;
|
||||||
|
|
||||||
|
|
||||||
|
@ -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秒。',
|
||||||
|
Loading…
Reference in New Issue
Block a user