查看“︁配队模拟器”︁的源代码

{{ResourceLoader|TeamBuilder.js}}
<div id="team-builder" style="display: flex; gap: 20px; padding: 20px; background: #2a2a2a; border-radius: 8px;">
  
  <!-- 左侧区域 -->
  <div style="display: flex; flex-direction: column; gap: 15px;">
    <!-- 战斗员选择区 -->
    <div id="character-slot" class="character-slot" style="width: 260px; height: 460px; background: #3a3a3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden;">
      <span style="color: #888; font-size: 48px;">+</span>
    </div>
    
    <!-- 伙伴选择区 -->
    <div id="partner-slot" class="partner-slot" style="width: 150px; height: 77px; background: #3a3a3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden;">
      <span style="color: #888; font-size: 24px;">+</span>
    </div>
  </div>
  
  <!-- 中部卡牌区 -->
  <div style="flex: 1; display: flex; flex-direction: column; gap: 15px;">
    <div id="deck-area" class="deck-area" style="min-height: 500px; background: #3a3a3a; border-radius: 4px; padding: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative;">
      <span style="color: #888; font-size: 48px;">+</span>
      <div id="deck-cards" style="display: none; flex-wrap: wrap; gap: 10px; width: 100%;"></div>
    </div>
  </div>
  
  <!-- 右侧装备区 -->
  <div style="display: flex; flex-direction: column; gap: 15px;">
    <div id="weapon-slot" class="equip-slot" data-type="武器" style="width: 124px; height: 124px; background: #3a3a3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden;">
      <span style="color: #888; font-size: 32px;">+</span>
    </div>
    <div id="armor-slot" class="equip-slot" data-type="装甲" style="width: 124px; height: 124px; background: #3a3a3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden;">
      <span style="color: #888; font-size: 32px;">+</span>
    </div>
    <div id="ring-slot" class="equip-slot" data-type="戒指" style="width: 124px; height: 124px; background: #3a3a3a; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden;">
      <span style="color: #888; font-size: 32px;">+</span>
    </div>
  </div>
  
</div>

<!-- 选择战斗员模态框 -->
<div id="character-modal" class="tb-modal" style="display: none;">
  <div class="tb-modal-content" style="max-width: 90vw; max-height: 90vh; overflow: auto; background: #2a2a2a; padding: 20px; border-radius: 8px; position: relative;">
    <div class="tb-modal-close" style="position: absolute; top: 10px; right: 20px; cursor: pointer; font-size: 32px; color: white; z-index: 1001;">×</div>
    <h3 style="color: white; margin-bottom: 20px;">选择战斗员</h3>
    <div id="character-list">
      {{#ask:[[分类:战斗员]]
      |?名称
      |?稀有度
      |?职业
      |?属性
      |sort=实装日期,稀有度,id
      |order=desc,desc,desc
      |mainlabel=-
      |link=none
      |template=配队/战斗员
      |headers=hide
      |format=template
      |limit=1000
      }}
    </div>
  </div>
</div>

<!-- 选择伙伴模态框 -->
<div id="partner-modal" class="tb-modal" style="display: none;">
  <div class="tb-modal-content" style="max-width: 90vw; max-height: 90vh; overflow: auto; background: #2a2a2a; padding: 20px; border-radius: 8px; position: relative;">
    <div class="tb-modal-close" style="position: absolute; top: 10px; right: 20px; cursor: pointer; font-size: 32px; color: white; z-index: 1001;">×</div>
    <h3 style="color: white; margin-bottom: 20px;">选择伙伴</h3>
    <div id="partner-list">
      {{#ask:[[分类:伙伴]]
      |?名称
      |?稀有度
      |?职业
      |?属性
      |?id
      |sort=实装日期,稀有度,id
      |order=desc,desc,desc
      |mainlabel=-
      |link=none
      |template=配队/伙伴
      |headers=hide
      |format=template
      |limit=1000
      }}
    </div>
  </div>
</div>

<!-- 选择卡牌模态框 -->
<div id="card-modal" class="tb-modal" style="display: none;">
  <div class="tb-modal-content" style="max-width: 90vw; max-height: 90vh; overflow: auto; background: #2a2a2a; padding: 20px; border-radius: 8px; position: relative;">
    <div class="tb-modal-close" style="position: absolute; top: 10px; right: 20px; cursor: pointer; font-size: 32px; color: white; z-index: 1001;">×</div>
    <h3 style="color: white; margin-bottom: 20px;">选择卡牌</h3>
    <div id="available-cards-list" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;"></div>
  </div>
</div>

<!-- 选择装备模态框 -->
<div id="equipment-modal" class="tb-modal" style="display: none;">
  <div class="tb-modal-content" style="max-width: 90vw; max-height: 90vh; overflow: auto; background: #2a2a2a; padding: 20px; border-radius: 8px; position: relative;">
    <div class="tb-modal-close" style="position: absolute; top: 10px; right: 20px; cursor: pointer; font-size: 32px; color: white; z-index: 1001;">×</div>
    <h3 id="equipment-modal-title" style="color: white; margin-bottom: 20px;">选择装备</h3>
    <div id="equipment-list" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;"></div>
  </div>
</div>