mirror of
https://github.com/PaiGramTeam/PamGram.git
synced 2024-11-16 03:55:26 +00:00
✨ Support starrail activity - BoxingShow
This commit is contained in:
parent
498a108e15
commit
7932129f48
GPG Key ID:
4CBB3F4FA8C85659
@ -576,6 +576,62 @@ class PlayerActivityPlugins(Plugin):
|
||||
query_selector="#fox_story",
|
||||
)
|
||||
|
||||
@handler.command("boxing_show", block=False)
|
||||
@handler.message(filters.Regex("^斗技表演赛信息查询(.*)"), block=False)
|
||||
async def boxing_show_command_start(self, update: Update, context: CallbackContext) -> None:
|
||||
user = update.effective_user
|
||||
message = update.effective_message
|
||||
logger.info("用户 %s[%s] 查询斗技表演赛信息命令请求", user.full_name, user.id)
|
||||
try:
|
||||
uid = await self.get_uid(user.id, context.args, message.reply_to_message)
|
||||
async with self.helper.genshin_or_public(user.id, uid=uid) as client:
|
||||
render_result = await self.boxing_show_render(client, uid)
|
||||
except AttributeError as exc:
|
||||
logger.error(ACTIVITY_DATA_ERROR)
|
||||
logger.exception(exc)
|
||||
await message.reply_text(ACTIVITY_ATTR_ERROR)
|
||||
return
|
||||
except NotHaveData as e:
|
||||
reply_message = await message.reply_text(e.MSG)
|
||||
if filters.ChatType.GROUPS.filter(reply_message):
|
||||
self.add_delete_message_job(message)
|
||||
self.add_delete_message_job(reply_message)
|
||||
return
|
||||
await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
|
||||
await render_result.reply_photo(message, filename=f"{user.id}.png", allow_sending_without_reply=True)
|
||||
|
||||
async def boxing_show_render(self, client: "StarRailClient", uid: Optional[int] = None) -> RenderResult:
|
||||
if uid is None:
|
||||
uid = client.player_id
|
||||
|
||||
act_data = await client.get_starrail_activity(uid)
|
||||
try:
|
||||
boxing_show_data = act_data.boxing_show
|
||||
if not (boxing_show_data.exists_data and boxing_show_data.info.exists_data and boxing_show_data.info.list):
|
||||
raise NotHaveData
|
||||
if not boxing_show_data.info.list[0].has_challenge:
|
||||
raise NotHaveData
|
||||
box_data = boxing_show_data.info.list
|
||||
except ValueError:
|
||||
raise NotHaveData
|
||||
avatar_icons = {}
|
||||
for info in box_data:
|
||||
for avatar in info.avatars_used_activity:
|
||||
avatar_icons[avatar.id] = self.assets.avatar.icon(avatar.id).as_uri()
|
||||
data = {
|
||||
"uid": mask_number(uid),
|
||||
"data": boxing_show_data.info.list,
|
||||
"avatar_icons": avatar_icons,
|
||||
}
|
||||
|
||||
return await self.template_service.render(
|
||||
"starrail/activity/boxing_show.html",
|
||||
data,
|
||||
{"width": 960, "height": 1000},
|
||||
full_page=True,
|
||||
query_selector="#boxing_show",
|
||||
)
|
||||
|
||||
@handler.command("treasure_dungeon", block=False)
|
||||
@handler.message(filters.Regex("^地城探宝信息查询(.*)"), block=False)
|
||||
async def treasure_dungeon_command_start(self, update: Update, context: CallbackContext) -> Optional[int]:
|
||||
|
||||
86
resources/starrail/activity/boxing_show.html
Normal file
86
resources/starrail/activity/boxing_show.html
Normal file
@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
<link href="css/pc_f95b4488.css" rel="stylesheet">
|
||||
<link href="css/c_hsr_act_BoxBattle_78ede0f4.css" rel="stylesheet">
|
||||
<link href="css/c_hsr_role-medium_341dcf55.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 960px;" id="boxing_show">
|
||||
<div data-v-391669a4="" data-v-3dedffc2="" class="battle">
|
||||
<div data-v-391669a4="" class="battle-container">
|
||||
<div data-v-391669a4="" class="battle-container-top">
|
||||
<span data-v-391669a4="" class="time">
|
||||
磐岩镇斗技表演赛 UID: {{ uid }}
|
||||
</span>
|
||||
</div>
|
||||
<div data-v-391669a4="" class="blocks">
|
||||
{% set badges = ["badge_3.2a9179f6", "badge_2.71d8481e", "badge_1.131659cd", "badge_3.2a9179f6", "badge_2.71d8481e", "badge_1.131659cd", "badge_3.2a9179f6"] %}
|
||||
{% set buffs = ["buff-6.99ba4655", "buff-1.dc2fb6c8", "buff-5.72d0789f", "buff-7.57d44ceb", "buff-2.b371ab10", "buff-4.3247f059", "buff-3.2a41819d"] %}
|
||||
{% for info in data %}
|
||||
<div data-v-bac2d04e="" data-v-391669a4="" class="block">
|
||||
<div data-v-bac2d04e="" class="top">
|
||||
<div data-v-bac2d04e="" class="top-left">
|
||||
<img data-v-bac2d04e="" src="https://act.hoyolab.com/app/community-game-records-sea/rpg/images/{{ badges[loop.index0] }}.png" alt="" class="badge">
|
||||
<img data-v-bac2d04e="" src="https://act.hoyolab.com/app/community-game-records-sea/rpg/images/{{ buffs[loop.index0] }}.png" alt="" class="top-buff">
|
||||
</div>
|
||||
<div data-v-bac2d04e="" class="top-right">
|
||||
<div data-v-bac2d04e="" class="mid">
|
||||
<p data-v-bac2d04e="" class="name">
|
||||
{{ info.name_mi18n }}
|
||||
</p>
|
||||
{% if info.has_challenge %}
|
||||
<div data-v-bac2d04e="" class="mid-btm">
|
||||
<p data-v-bac2d04e="" class="round">
|
||||
轮次数：<span data-v-bac2d04e="">{{ info.round }}</span>
|
||||
</p>
|
||||
</div>
|
||||
{% else %}
|
||||
<div data-v-bac2d04e="" class="empty">
|
||||
暂无挑战数据
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if info.has_challenge %}
|
||||
<div data-v-bac2d04e="" class="avatars">
|
||||
{% for avatar in info.avatars_used_activity %}
|
||||
<div data-v-d07e5c4c="" data-v-bac2d04e="" class="hsr-role-medium normal">
|
||||
<div data-v-d07e5c4c="" class="hsr-role-medium-pos">
|
||||
<div data-v-d07e5c4c="" class="inner role-rarity-{{ avatar.rarity }}">
|
||||
<img data-v-d07e5c4c="" class="avatar" src="{{ avatar_icons[avatar.id] }}">
|
||||
<div data-v-d07e5c4c="" class="level">{{ avatar.level }}级</div>
|
||||
{% if avatar.rank %}
|
||||
<div data-v-d07e5c4c="" class="fate-level">
|
||||
{{ avatar.rank }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<i data-v-d07e5c4c="" class="select-index" style="display: none;"></i>
|
||||
</div>
|
||||
{% if avatar.is_trial %}
|
||||
<div data-v-d07e5c4c="" class="trial">试用</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% if info.has_challenge %}
|
||||
<div data-v-bac2d04e="" class="btm">
|
||||
<div data-v-bac2d04e="" class="toggle">
|
||||
<span data-v-bac2d04e="">选择增益：</span>
|
||||
<span data-v-bac2d04e="">{{ info.buffs }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
405
resources/starrail/activity/css/c_hsr_act_BoxBattle_78ede0f4.css
Normal file
405
resources/starrail/activity/css/c_hsr_act_BoxBattle_78ede0f4.css
Normal file
@ -0,0 +1,405 @@
|
||||
/*! Copyright © 2011 - 2023 miHoYo. All Rights Reserved */
|
||||
.top[data-v-bac2d04e] {
|
||||
height: 108px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding: 15px 32px 15px 28px;
|
||||
background: no-repeat top/contain;
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/card_bg@pc.ee0a22a4.png)
|
||||
}
|
||||
|
||||
.top-left[data-v-bac2d04e] {
|
||||
position: relative;
|
||||
width: 104px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
padding-right: 26px
|
||||
}
|
||||
|
||||
.top-left[data-v-bac2d04e]:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 78px;
|
||||
background: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/split_ver.8ca3b5c4.png) no-repeat 50%/contain;
|
||||
right: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.badge[data-v-bac2d04e] {
|
||||
width: 100%;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.perfect[data-v-bac2d04e] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #fef5d0;
|
||||
text-align: center;
|
||||
border-radius: 0 8px 0 0;
|
||||
border: 1px solid #a15451;
|
||||
background: #8e3834;
|
||||
padding: 1px 11px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
line-height: 16px;
|
||||
background: #8e3834 url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/perfect.20384159.png) no-repeat 100%/contain
|
||||
}
|
||||
|
||||
.top-buff[data-v-bac2d04e] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 46px;
|
||||
left: 55px
|
||||
}
|
||||
|
||||
.top-right[data-v-bac2d04e] {
|
||||
margin-left: 0;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding-left: 16px
|
||||
}
|
||||
|
||||
.empty[data-v-bac2d04e] {
|
||||
color: rgba(66, 35, 32, .5);
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.name[data-v-bac2d04e] {
|
||||
color: #8a382a;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 26px;
|
||||
margin-bottom: 12px
|
||||
}
|
||||
|
||||
.mid[data-v-bac2d04e] {
|
||||
width: 376px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0
|
||||
}
|
||||
|
||||
.mid-btm[data-v-bac2d04e] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.round[data-v-bac2d04e] {
|
||||
color: #484848;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
margin-right: 24px
|
||||
}
|
||||
|
||||
.round span[data-v-bac2d04e] {
|
||||
margin-left: 4px;
|
||||
color: #484848;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
letter-spacing: .1px;
|
||||
font-family: RPG_CN_Condensed
|
||||
}
|
||||
|
||||
.avatars[data-v-bac2d04e] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-left: 32px
|
||||
}
|
||||
|
||||
.avatars .hsr-role-medium[data-v-bac2d04e] {
|
||||
margin-left: 12px
|
||||
}
|
||||
|
||||
.avatars .hsr-role-medium[data-v-bac2d04e]:first-child {
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
.avatars .hsr-role-medium[data-v-bac2d04e] .trial {
|
||||
padding: 2px 8px;
|
||||
border-radius: 24px;
|
||||
background: #ffd966;
|
||||
color: rgba(0, 0, 0, .9);
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 32px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.btm[data-v-bac2d04e] {
|
||||
border: 1px solid hsla(22, 60%, 84%, .41);
|
||||
background: rgba(101, 42, 32, .53);
|
||||
-webkit-backdrop-filter: blur(2px);
|
||||
backdrop-filter: blur(2px);
|
||||
position: relative
|
||||
}
|
||||
|
||||
.btm[data-v-bac2d04e]:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: calc(100% - 2px);
|
||||
height: calc(100% - 2px);
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
border: .5px solid hsla(0, 0%, 100%, .11);
|
||||
pointer-events: none;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.toggle[data-v-bac2d04e] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.toggle img[data-v-bac2d04e] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
-webkit-transition: -webkit-transform .3s ease;
|
||||
transition: -webkit-transform .3s ease;
|
||||
-o-transition: transform .3s ease;
|
||||
transition: transform .3s ease;
|
||||
transition: transform .3s ease, -webkit-transform .3s ease
|
||||
}
|
||||
|
||||
.toggle img[rotate][data-v-bac2d04e] {
|
||||
-webkit-transform: rotate(-180deg);
|
||||
-ms-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg)
|
||||
}
|
||||
|
||||
.toggle span[data-v-bac2d04e] {
|
||||
margin-left: 2px;
|
||||
color: #e6d3c0;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
padding: 8px 0
|
||||
}
|
||||
|
||||
.toggle-zone[data-v-bac2d04e] {
|
||||
margin: 16px 32px 8px
|
||||
}
|
||||
|
||||
.buff-box[data-v-bac2d04e] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.buff-box[data-v-bac2d04e]:not(:last-child) {
|
||||
position: relative;
|
||||
padding-bottom: 42px
|
||||
}
|
||||
|
||||
.buff-box[data-v-bac2d04e]:not(:last-child):after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
background: no-repeat 50%/contain;
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/split@pc.5a621a11.png);
|
||||
left: 0;
|
||||
bottom: 16px
|
||||
}
|
||||
|
||||
.buff[data-v-bac2d04e] {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
margin-right: 16px
|
||||
}
|
||||
|
||||
.buff-title[data-v-bac2d04e] {
|
||||
color: hsla(0, 0%, 100%, .9);
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 20px
|
||||
}
|
||||
|
||||
.buff-desc[data-v-bac2d04e] {
|
||||
color: hsla(0, 0%, 100%, .65);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
margin-top: 8px
|
||||
}
|
||||
|
||||
.battle[data-v-391669a4] {
|
||||
display: flow-root;
|
||||
min-height: 579px;
|
||||
border-radius: 0 32px 0 0;
|
||||
background: #1b1b20 no-repeat top/100% auto;
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/bg@pc.2f50197a.png);
|
||||
position: relative
|
||||
}
|
||||
|
||||
.battle[data-v-391669a4]:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: calc(100% - 4px);
|
||||
height: calc(100% - 4px);
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
border: 1px solid hsla(0, 0%, 100%, .2);
|
||||
pointer-events: none;
|
||||
border-radius: 0 32px 0 0
|
||||
}
|
||||
|
||||
.empty-block[data-v-391669a4] {
|
||||
margin: 220px auto 0;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.empty-block[data-v-391669a4] .icon {
|
||||
width: 120px;
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.empty-block[data-v-391669a4] .text {
|
||||
color: hsla(0, 0%, 100%, .65) !important;
|
||||
font-size: 12px !important;
|
||||
line-height: 14px;
|
||||
margin-top: 4px !important
|
||||
}
|
||||
|
||||
.btn[data-v-391669a4] {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
color: #282828;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
height: 32px;
|
||||
margin: 24px auto 27px;
|
||||
padding: 0 142px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 20px;
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
bottom: 24px
|
||||
}
|
||||
|
||||
.btn span[data-v-391669a4] {
|
||||
width: 100%;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.btn[data-v-391669a4]:after, .btn[data-v-391669a4]:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.btn[data-v-391669a4]:before {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
border-radius: inherit;
|
||||
border: 1px solid rgba(0, 0, 0, .16)
|
||||
}
|
||||
|
||||
.btn[data-v-391669a4]:after {
|
||||
background-color: rgba(0, 0, 0, .16);
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
border-radius: 50%;
|
||||
-webkit-box-shadow: 0 0 0 2px #fff;
|
||||
box-shadow: 0 0 0 2px #fff;
|
||||
left: 32px;
|
||||
top: 2px
|
||||
}
|
||||
|
||||
.battle-container[data-v-391669a4] {
|
||||
padding: 40px
|
||||
}
|
||||
|
||||
.battle-container-top[data-v-391669a4] {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.link[data-v-391669a4], .time[data-v-391669a4] {
|
||||
color: #f9e8d3;
|
||||
font-size: 16px;
|
||||
line-height: 16px
|
||||
}
|
||||
|
||||
.link[data-v-391669a4] {
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
padding-right: 14px;
|
||||
background: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/arrow.c2ffc550.png) no-repeat 100%/12px;
|
||||
margin-top: 0;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.blocks[data-v-391669a4] {
|
||||
margin-top: 16px
|
||||
}
|
||||
|
||||
.block[data-v-391669a4]:not(:last-child) {
|
||||
margin-bottom: 16px
|
||||
}
|
||||
321
resources/starrail/activity/css/c_hsr_role-medium_341dcf55.css
Normal file
321
resources/starrail/activity/css/c_hsr_role-medium_341dcf55.css
Normal file
@ -0,0 +1,321 @@
|
||||
/*! Copyright © 2011 - 2023 miHoYo. All Rights Reserved */
|
||||
.hsr-role-medium[data-v-d07e5c4c] {
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
font-size: 0;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.hsr-role-medium-pos[data-v-d07e5c4c] {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 116px
|
||||
}
|
||||
|
||||
.hsr-role-medium .avatar[data-v-d07e5c4c] {
|
||||
width: 100%;
|
||||
height: calc(100% - 2px);
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: top;
|
||||
object-position: top
|
||||
}
|
||||
|
||||
.hsr-role-medium .level[data-v-d07e5c4c] {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 18px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
font-family: Microsoft YaHei, sans-serif;
|
||||
color: hsla(0, 0%, 100%, .85);
|
||||
line-height: 1;
|
||||
background: #030b0e;
|
||||
left: 0;
|
||||
bottom: 2px
|
||||
}
|
||||
|
||||
.hsr-role-medium.middle .hsr-role-medium-pos[data-v-d07e5c4c] {
|
||||
width: 90px;
|
||||
height: 104px
|
||||
}
|
||||
|
||||
.hsr-role-medium.middle .inner[data-v-d07e5c4c] {
|
||||
border-top-right-radius: 17px
|
||||
}
|
||||
|
||||
.hsr-role-medium.middle .level[data-v-d07e5c4c] {
|
||||
font-size: 14px;
|
||||
height: 16px
|
||||
}
|
||||
|
||||
.hsr-role-medium.middle .fate-level[data-v-d07e5c4c] {
|
||||
width: 22px;
|
||||
height: 26px;
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
.hsr-role-medium.middle .name[data-v-d07e5c4c] {
|
||||
width: 90px
|
||||
}
|
||||
|
||||
.hsr-role-medium.normal .hsr-role-medium-pos[data-v-d07e5c4c] {
|
||||
width: 62px;
|
||||
height: 72px
|
||||
}
|
||||
|
||||
.hsr-role-medium.normal .inner[data-v-d07e5c4c] {
|
||||
border-top-right-radius: 12px
|
||||
}
|
||||
|
||||
.hsr-role-medium.normal .select-box[data-v-d07e5c4c] {
|
||||
border-top-right-radius: 17px
|
||||
}
|
||||
|
||||
.hsr-role-medium.normal .level[data-v-d07e5c4c] {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
height: 12px
|
||||
}
|
||||
|
||||
.hsr-role-medium.normal .fate-level[data-v-d07e5c4c] {
|
||||
width: 16px;
|
||||
height: 20px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.hsr-role-medium.normal .element[data-v-d07e5c4c] {
|
||||
font-size: 14px;
|
||||
top: 4px;
|
||||
left: 4px
|
||||
}
|
||||
|
||||
.hsr-role-medium.small .hsr-role-medium-pos[data-v-d07e5c4c] {
|
||||
width: 56px;
|
||||
height: 70px
|
||||
}
|
||||
|
||||
.hsr-role-medium.small .inner[data-v-d07e5c4c] {
|
||||
border-top-right-radius: 17px
|
||||
}
|
||||
|
||||
.hsr-role-medium.small .level[data-v-d07e5c4c] {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
height: 14px
|
||||
}
|
||||
|
||||
.hsr-role-medium.small .element[data-v-d07e5c4c] {
|
||||
font-size: 14px;
|
||||
top: 3px;
|
||||
left: 3px
|
||||
}
|
||||
|
||||
.hsr-role-medium.small .fate-level[data-v-d07e5c4c] {
|
||||
width: 14px;
|
||||
height: 18px;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.inner[data-v-d07e5c4c] {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0 19px 0 0;
|
||||
overflow: hidden;
|
||||
background: transparent url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/character_r_1.52480cf3.png) no-repeat top/cover
|
||||
}
|
||||
|
||||
.role-rarity-1[data-v-d07e5c4c] {
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/character_r_1.52480cf3.png)
|
||||
}
|
||||
|
||||
.role-rarity-2[data-v-d07e5c4c] {
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/character_r_2.a172d549.png)
|
||||
}
|
||||
|
||||
.role-rarity-3[data-v-d07e5c4c] {
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/character_r_3.bdfa75d1.png)
|
||||
}
|
||||
|
||||
.role-rarity-4[data-v-d07e5c4c] {
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/character_r_4.24f329b7.png)
|
||||
}
|
||||
|
||||
.role-rarity-5[data-v-d07e5c4c] {
|
||||
background-image: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/character_r_5.99d42eb7.png)
|
||||
}
|
||||
|
||||
.element[data-v-d07e5c4c] {
|
||||
position: absolute;
|
||||
font-size: 20px;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
top: 7px;
|
||||
left: 7px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0, 0, 0, .4)
|
||||
}
|
||||
|
||||
.name[data-v-d07e5c4c] {
|
||||
width: 100px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: hsla(0, 0%, 100%, .65);
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.fate-level[data-v-d07e5c4c] {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 24px;
|
||||
height: 28px;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border-radius: 0 0 0 8px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei, sans-serif;
|
||||
font-weight: 400;
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
.fate-level[data-v-d07e5c4c], .select-index[data-v-d07e5c4c] {
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.select-index[data-v-d07e5c4c] {
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: hsla(0, 0%, 100%, .3);
|
||||
border: 2px solid #fff;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.select-index.hasNumber[data-v-d07e5c4c] {
|
||||
background-color: #f69502
|
||||
}
|
||||
|
||||
.select-box[data-v-d07e5c4c] {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border: 2px solid #ffc870;
|
||||
border-top-right-radius: 12px;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.select-box[data-v-d07e5c4c]:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(https://act.hoyolab.com/app/community-game-records-sea/rpg/images/select_arrow.f50d2b0c.png) no-repeat 50%/contain;
|
||||
-webkit-animation: arrowRun-d07e5c4c ease-in-out .4s alternate infinite;
|
||||
animation: arrowRun-d07e5c4c ease-in-out .4s alternate infinite;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -100%);
|
||||
-ms-transform: translate(-50%, -100%);
|
||||
transform: translate(-50%, -100%)
|
||||
}
|
||||
|
||||
.trial[data-v-d07e5c4c] {
|
||||
position: absolute;
|
||||
padding: 1px 4px;
|
||||
background: #ffc870;
|
||||
border-radius: 6px 10px 10px 0;
|
||||
font-size: 20px;
|
||||
color: #000;
|
||||
top: -8px;
|
||||
right: -17px;
|
||||
-webkit-transform-origin: top right;
|
||||
-ms-transform-origin: top right;
|
||||
transform-origin: top right;
|
||||
-webkit-transform: scale(.5);
|
||||
-ms-transform: scale(.5);
|
||||
transform: scale(.5);
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.hsr-role-medium-pos[data-v-d07e5c4c] {
|
||||
margin: auto
|
||||
}
|
||||
|
||||
.hsr-role-medium.hover-wrapper .hsr-role-medium-pos[data-v-d07e5c4c] {
|
||||
cursor: pointer;
|
||||
-webkit-transition: .1s ease-in;
|
||||
-o-transition: .1s ease-in;
|
||||
transition: .1s ease-in
|
||||
}
|
||||
|
||||
.select-index[data-v-d07e5c4c] {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
@-webkit-keyframes arrowRun-d07e5c4c {
|
||||
0% {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes arrowRun-d07e5c4c {
|
||||
0% {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
}
|
||||
|
||||
.hsr-role-medium-popper {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.hsr-role-medium-popper .activity-pop-text {
|
||||
display: none
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user