Update icons

This commit is contained in:
ZM.J 2024-07-03 17:35:11 +08:00
parent 47c5e2995c
commit b7f7968635
36 changed files with 78 additions and 4 deletions

View File

@ -4,6 +4,7 @@
import lodash from 'lodash' import lodash from 'lodash'
import moment from 'moment' import moment from 'moment'
import Base from '../models/Base.js' import Base from '../models/Base.js'
import Character from '../models/Character.js' import Character from '../models/Character.js'
import { Data } from '#miao' import { Data } from '#miao'
@ -15,7 +16,6 @@ export default class Role extends Base {
super() super()
this.rounds = {} this.rounds = {}
lodash.forEach(data.detail.rounds_data, (round) => { lodash.forEach(data.detail.rounds_data, (round) => {
// TODO: Analyze Choice cards & buffs
let tmp = { let tmp = {
'is_get_medal': round.is_get_medal, 'is_get_medal': round.is_get_medal,
'choice_cards': round.choice_cards, 'choice_cards': round.choice_cards,

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -186,6 +186,34 @@ body,
.role-buff .role-choice-cards-container .role-choice-cards-content { .role-buff .role-choice-cards-container .role-choice-cards-content {
width: 100%; width: 100%;
padding: 5px; padding: 5px;
display: flex;
}
.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-container {
width: 40px;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 5px;
}
.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-container-2 {
width: 65px;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 5px;
}
.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-icon {
width: 40px;
height: 40px;
background-size: cover;
background-color: black;
border-radius: 50%;
}
.role-buff .role-choice-cards-container .role-choice-cards-content .role-content-name {
width: 100%;
color: rgba(100, 100, 100, 0.5);
text-align: center;
font-size: 9px;
} }
.role-buff .role-choice-cards-container + .role-choice-cards-container { .role-buff .role-choice-cards-container + .role-choice-cards-container {
margin-top: 4%; margin-top: 4%;

View File

@ -90,15 +90,29 @@
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="role-buff"> <div class="role-buff">
{{set buffs=round?.buff }} {{set buffs=round?.buffs }}
<div class="role-choice-cards-container"> <div class="role-choice-cards-container">
<div class="role-choice-cards-header">奇妙助益</div> <div class="role-choice-cards-header">奇妙助益</div>
<div class="role-choice-cards-content">等待实现</div> <div class="role-choice-cards-content">
{{each buffs buff}}
<div class="role-content-container">
<div class="role-content-icon" style="background-image:url({{_res_path}}/stat/imgs/role/buffs/{{buff.id}}.png)"></div>
<div class="role-content-name">{{buff.name}}</div>
</div>
{{/each}}
</div>
</div> </div>
{{set choice_cards=round?.choice_cards }} {{set choice_cards=round?.choice_cards }}
<div class="role-choice-cards-container"> <div class="role-choice-cards-container">
<div class="role-choice-cards-header">神秘收获</div> <div class="role-choice-cards-header">神秘收获</div>
<div class="role-choice-cards-content">等待实现</div> <div class="role-choice-cards-content">
{{each choice_cards choice_card}}
<div class="role-content-container-2">
<div class="role-content-icon" style="background-image:url({{_res_path}}/stat/imgs/role/choice_cards/{{choice_card.id}}.png)"></div>
<div class="role-content-name">{{choice_card.name}}</div>
</div>
{{/each}}
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -215,6 +215,38 @@ body, .container {
.role-choice-cards-content { .role-choice-cards-content {
width: 100%; width: 100%;
padding: 5px; padding: 5px;
display: flex;
.role-content-container {
width: 40px;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 5px
}
.role-content-container-2 {
width: 65px;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 5px;
}
.role-content-icon {
width: 40px;
height: 40px;
background-size: cover;
background-color: black;
border-radius: 50%;
}
.role-content-name {
width: 100%;
color: rgba(100, 100, 100, 0.5);
text-align: center;
font-size: 9px;
}
} }
} }