PaiGramTeam/miao-plugin
3
0
Fork 0
mirror of https://github.com/yoimiya-kokomi/miao-plugin.git synced 2024-11-22 06:58:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

调整角色卡片的展示样式

Browse Source
This commit is contained in:
yoimiya-kokomi 2022-04-02 07:13:09 +08:00
parent c6d8af6bd4
commit 3ad75b454f
3 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/character.js
View File

@ -178,11 +178,11 @@ async function getTalent(e, avatars, MysApi) {
let skill = {}; let skill = {};
let skillres = await MysApi.getAvatar(avatars.id); let skillRes = await MysApi.getAvatar(avatars.id);
if (skillres.retcode == 0 && skillres.data && skillres.data.skill_list) { if (skillRes&& skillRes.skill_list) {
skill.id = avatars.id; skill.id = avatars.id;
let skill_list = lodash.orderBy(skillres.data.skill_list, ["id"], ["asc"]); let skill_list = lodash.orderBy(skillRes.skill_list, ["id"], ["asc"]);
for (let val of skill_list) { for (let val of skill_list) {
val.level_original = val.level_current; val.level_original = val.level_current;

34
resources/character/character.css
View File

@ -53,7 +53,7 @@ body {
left: 0px; left: 0px;
right: 0px; right: 0px;
box-shadow: 0 -5px 10px 0 #000; box-shadow: 0 -5px 10px 0 #000;
padding: 10px 10px 10px 150px; padding: 5px 10px 10px 150px;
text-shadow: 0 0 1px #000, 1px 1px 3px #000; text-shadow: 0 0 1px #000, 1px 1px 3px #000;
font-family: tttgbnumber; font-family: tttgbnumber;
@ -157,7 +157,7 @@ body {
} }
.crown { .crown {
width: 35px; width: 30px;
height: 30px; height: 30px;
margin-left: 15px; margin-left: 15px;
display: inline-block; display: inline-block;
@ -204,7 +204,7 @@ body {
right: 0; right: 0;
font-size: 18px; font-size: 18px;
border-radius: 5px; border-radius: 5px;
padding: 1px 5px; padding: 3px 5px;
background-color: rgba(0, 0, 0, var(--bg-opacity)); background-color: rgba(0, 0, 0, var(--bg-opacity));
--bg-opacity: 0.75; --bg-opacity: 0.75;
} }
@ -423,7 +423,7 @@ body.bottom_mode {
border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;
padding-left: 8px; padding-left: 8px;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
bottom: 2px; bottom: -8px;
font-size: 15px; font-size: 15px;
} }
@ -463,26 +463,31 @@ body.bottom_mode {
} }
.left_mode .info { .left_mode .info {
bottom: 0;
right: initial; right: initial;
padding: 10px 10px 5px 10px; padding: 10px 10px 5px 10px;
border-radius: 0 20px 0 0; border-radius: 20px;
left: 10px;
bottom: 120px;
} }
.left_mode .weapon { .left_mode .weapon {
top: -170px; top: 155px;
width: 110px; width: 270px;
height: 100px;
padding: 0 0 3px 0; padding: 0 0 3px 0;
left: 0; left: 0px;
border-radius: 0 10px 10px 0;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
border-radius: 20px;
} }
.left_mode .weapon_cont { .left_mode .weapon_cont {
width: 100px;
padding: 3px 10px 0 0; padding: 3px 10px 0 0;
border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.3); border-right: 0.5px solid rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
} }
.left_mode .for_bottom, .left_mode .for_bottom,
@ -497,8 +502,10 @@ body.bottom_mode {
.left_mode .weapon_name { .left_mode .weapon_name {
height: 50px; height: 50px;
padding: 5px 0 0; font-size: 20px;
line-height: 20px; text-align: left;
line-height: 30px;
padding: 20px 0 0 110px;
} }
.left_mode .detail { .left_mode .detail {
@ -509,6 +516,7 @@ body.bottom_mode {
.left_mode .talent { .left_mode .talent {
padding-left: 0; padding-left: 0;
margin-right: -5px; margin-right: -5px;
width: 250px;
} }
.left_mode .info, .left_mode .info,

2
resources/character/character.html
View File

@ -36,7 +36,7 @@
{{ if talent.a }} {{ if talent.a }}
<div class="talent"> <div class="talent">
{{each talentMap name key}} {{each talentMap name key}}
<div class="talent_{{key}}"> {{name}}：<span>{{ talent[key].level_current}}</span></div> <div class="talent_{{key}}">{{name}}: <span>{{ talent[key].level_current}}</span></div>
{{/each}} {{/each}}
</div> </div>
{{else}} {{else}}