配队模拟器：修订间差异
来自卡厄思梦境WIKI
无编辑摘要 |
小无编辑摘要 |
||
| 第33行： | 第33行： | ||
<!-- 中部卡组区域 --> | <!-- 中部卡组区域 --> | ||
<div style="flex: 1; min-width: 0;"> | <div style="flex: 1; min-width: 0;"> | ||
<div class="deck-area" style="display: flex; flex-wrap: wrap; gap: | <div class="deck-area" style="display: flex; flex-wrap: wrap; gap: 0px; min-height: 360px; padding: 15px; border: 2px dashed #ccc; border-radius: 4px; cursor: pointer; background: white; align-items: flex-start; align-content: flex-start;"> | ||
<div class="deck-placeholder" style="width: 100%; text-align: center; font-size: 48px; color: #ccc; line-height: 330px;">+</div> | <div class="deck-placeholder" style="width: 100%; text-align: center; font-size: 48px; color: #ccc; line-height: 330px;">+</div> | ||
</div> | </div> | ||
| 第67行： | 第67行： | ||
</div> | </div> | ||
<div style="flex: 1; min-width: 0;"> | <div style="flex: 1; min-width: 0;"> | ||
<div class="deck-area" style="display: flex; flex-wrap: wrap; gap: | <div class="deck-area" style="display: flex; flex-wrap: wrap; gap: 0px; min-height: 360px; padding: 15px; border: 2px dashed #ccc; border-radius: 4px; cursor: pointer; background: white; align-items: flex-start; align-content: flex-start;"> | ||
<div class="deck-placeholder" style="width: 100%; text-align: center; font-size: 48px; color: #ccc; line-height: 330px;">+</div> | <div class="deck-placeholder" style="width: 100%; text-align: center; font-size: 48px; color: #ccc; line-height: 330px;">+</div> | ||
</div> | </div> | ||
| 第97行： | 第97行： | ||
</div> | </div> | ||
<div style="flex: 1; min-width: 0;"> | <div style="flex: 1; min-width: 0;"> | ||
<div class="deck-area" style="display: flex; flex-wrap: wrap; gap: | <div class="deck-area" style="display: flex; flex-wrap: wrap; gap: 0px; min-height: 360px; padding: 15px; border: 2px dashed #ccc; border-radius: 4px; cursor: pointer; background: white; align-items: flex-start; align-content: flex-start;"> | ||
<div class="deck-placeholder" style="width: 100%; text-align: center; font-size: 48px; color: #ccc; line-height: 330px;">+</div> | <div class="deck-placeholder" style="width: 100%; text-align: center; font-size: 48px; color: #ccc; line-height: 330px;">+</div> | ||
</div> | </div> | ||
| 第125行： | 第125行： | ||
<!-- 卡牌类型选择标签 --> | <!-- 卡牌类型选择标签 --> | ||
<div style="display: flex; gap: | <div style="display: flex; gap: 0px; margin-bottom: 20px; border-bottom: 2px solid #e0e0e0;"> | ||
<div class="card-type-tab active" data-type="character" style="padding: 10px 20px; cursor: pointer; border-bottom: 3px solid #667eea; font-weight: bold;">战斗员卡牌</div> | <div class="card-type-tab active" data-type="character" style="padding: 10px 20px; cursor: pointer; border-bottom: 3px solid #667eea; font-weight: bold;">战斗员卡牌</div> | ||
<div class="card-type-tab" data-type="neutral" style="padding: 10px 20px; cursor: pointer; border-bottom: 3px solid transparent;">中立卡牌</div> | <div class="card-type-tab" data-type="neutral" style="padding: 10px 20px; cursor: pointer; border-bottom: 3px solid transparent;">中立卡牌</div> | ||
| 第132行： | 第132行： | ||
<!-- 卡牌列表容器 --> | <!-- 卡牌列表容器 --> | ||
<div id="card-selection-list" style="display: flex; flex-wrap: wrap; gap: | <div id="card-selection-list" style="display: flex; flex-wrap: wrap; gap: | ||
0px; justify-content: center; min-height: 200px;"> | |||
<div style="color:#999;font-size:18px;">加载中...</div> | <div style="color:#999;font-size:18px;">加载中...</div> | ||
</div> | </div> | ||
| 第145行： | 第146行： | ||
<span id="close-character-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">×</span> | <span id="close-character-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">×</span> | ||
</div> | </div> | ||
<div id="character-list" style="display: flex; flex-wrap: wrap; gap: | <div id="character-list" style="display: flex; flex-wrap: wrap; gap: 0px; justify-content: center;"> | ||
{{#ask:[[分类:战斗员]] | {{#ask:[[分类:战斗员]] | ||
|?名称 | |?名称 | ||
| 第171行： | 第172行： | ||
<span id="close-partner-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">×</span> | <span id="close-partner-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">×</span> | ||
</div> | </div> | ||
<div id="partner-list" style="display: flex; flex-wrap: wrap; gap: | <div id="partner-list" style="display: flex; flex-wrap: wrap; gap: 0px; justify-content: center;"> | ||
{{#ask:[[分类:伙伴]] | {{#ask:[[分类:伙伴]] | ||
|?名称 | |?名称 | ||
| 第197行： | 第198行： | ||
<span id="close-equipment-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">×</span> | <span id="close-equipment-modal" style="font-size: 24px; cursor: pointer; padding: 5px;">×</span> | ||
</div> | </div> | ||
<div id="equipment-list" style="display: flex; flex-wrap: wrap; gap: | <div id="equipment-list" style="display: flex; flex-wrap: wrap; gap: 0px; justify-content: center;"> | ||
<!-- 装备列表将动态加载 --> | <!-- 装备列表将动态加载 --> | ||
</div> | </div> | ||
