配队模拟器:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
无编辑摘要
律Rhyme留言 | 贡献
无编辑摘要
第1行: 第1行:
{{#微件:配队模拟器}}
<div id="team-simulator">
<div id="team-simulator">
<div style="display: flex; gap: 20px; padding: 20px;">
<div style="display: flex; gap: 20px; padding: 20px;">
第4行: 第5行:
<div style="display: flex; flex-direction: column; gap: 20px; width: 150px;">
<div style="display: flex; flex-direction: column; gap: 20px; width: 150px;">
     <!-- 战斗员选择 -->
     <!-- 战斗员选择 -->
     <div id="character-slot" class="selection-slot" style="width: 150px; height: 265px; border: 2px dashed #ccc; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: white;" onclick="showCharacterList()">
     <div id="character-slot" class="selection-slot" style="width: 150px; height: 265px; border: 2px dashed #ccc; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: white; position: relative; overflow: hidden;">
         <div id="character-placeholder" style="font-size: 48px; color: #ccc;">+</div>
         <div class="placeholder" style="font-size: 48px; color: #ccc;">+</div>
        <div id="character-selected" style="display: none;"></div>
     </div>
     </div>
     <!-- 伙伴选择 -->
     <!-- 伙伴选择 -->
第37行: 第37行:
</div>
</div>


<!-- 角色列表弹窗 -->
<!-- 角色选择弹窗 -->
<div id="character-list-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; overflow: auto;">
<div id="character-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;">
     <div style="position: relative; margin: 50px auto; max-width: 90%; background: white; padding: 20px; border-radius: 8px;">
     <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 10px; max-width: 90%; max-height: 80%; overflow: auto;">
         <div style="text-align: right; margin-bottom: 10px;">
         <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
             <span onclick="closeCharacterList()" style="cursor: pointer; font-size: 24px; font-weight: bold;">&times;</span>
            <h3 style="margin: 0;">选择战斗员</h3>
             <span id="close-character-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">&times;</span>
         </div>
         </div>
         <div id="character-list-content" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
         <div id="character-list" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
             {{#ask:[[分类:战斗员]]
             {{#ask:[[分类:战斗员]]
            |?名称
             |?稀有度
             |?稀有度
             |?职业
             |?职业
第52行: 第54行:
             |mainlabel=-
             |mainlabel=-
             |link=none
             |link=none
             |template=配队/战斗员
             |template=配队/战斗员选择
             |headers=hide
             |headers=hide
             |format=template
             |format=template
第61行: 第63行:
</div>
</div>
</div>
</div>
{{#微件:配队模拟器}}

2025年10月18日 (六) 21:08的版本