节奏榜生成器：修订间差异

来自卡厄思梦境WIKI

←上一编辑下一编辑→
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
3,949次编辑
无编辑摘要
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
3,949次编辑
无编辑摘要
第1行： 第1行：
{{面包屑}}
{{面包屑}}
{{#Widget:TierListMaker}}
{{#Widget:TierListMaker}}
<div id="tier-list-controls" style="margin-bottom: 15px; padding: 10px; background: #f0f0f0; border-radius: 5px;">
<div class="tierlist-wrapper">
   <div style="margin-bottom: 10px;">
   <div id="tierlist-controls" class="tierlist-controls">
     <div class="control-button" onclick="addNewTier()" style="display: inline-block; padding: 8px 15px; background: #4CAF50; color: white; border-radius: 3px; cursor: pointer; margin-right: 10px;">添加新行</div>
     <div id="add-row" class="control-btn">添加行</div>
     <div class="control-button" onclick="resetTierList()" style="display: inline-block; padding: 8px 15px; background: #ff9800; color: white; border-radius: 3px; cursor: pointer; margin-right: 10px;">重置</div>
     <div id="save-png" class="control-btn">保存为PNG</div>
     <div class="control-button" onclick="exportToPNG()" style="display: inline-block; padding: 8px 15px; background: #2196F3; color: white; border-radius: 3px; cursor: pointer;">保存为PNG</div>
     <div class="control-tips">提示：标签文字可直接修改；点击标签可更改颜色；头像可拖动到任意行或拖回角色池。</div>
   </div>
   </div>
</div>
  {|class="wikitable tierlist-table" id="tierlist-table"
<div id="tier-list-container" style="margin-bottom: 20px;">
  |-
{|class="wikitable tierlist-table" id="tierlist-table" style="width: 100%; border-collapse: collapse;"
  !class="tier-th" data-color="red"|<div class="tier-label" contenteditable="true">S</div>
|-
  |<div class="tier-dropzone" data-tier="S"></div>
!style="width: 100px; background-color: #ff4444; color: white; font-size: 20px; text-align: center; cursor: pointer; position: relative;" class="tier-header" data-tier="0"|<div class="tier-label" contenteditable="true">S</div><div class="color-picker-trigger" onclick="showColorPicker(this, 0)">🎨</div>
  |-
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="0"|
  !class="tier-th" data-color="#f1963b"|<div class="tier-label" contenteditable="true">A</div>
|-
  |<div class="tier-dropzone" data-tier="A"></div>
!style="background-color: #ff9800; color: white; font-size: 20px; text-align: center; cursor: pointer; position: relative;" class="tier-header" data-tier="1"|<div class="tier-label" contenteditable="true">A</div><div class="color-picker-trigger" onclick="showColorPicker(this, 1)">🎨</div>
  |-
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="1"|
  !class="tier-th" data-color="#ffef03"|<div class="tier-label" contenteditable="true">B</div>
|-
  |<div class="tier-dropzone" data-tier="B"></div>
!style="background-color: #ffeb3b; color: black; font-size: 20px; text-align: center; cursor: pointer; position: relative;" class="tier-header" data-tier="2"|<div class="tier-label" contenteditable="true">B</div><div class="color-picker-trigger" onclick="showColorPicker(this, 2)">🎨</div>
  |-
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="2"|
  !class="tier-th" data-color="#c2d402"|<div class="tier-label" contenteditable="true">C</div>
|-
  |<div class="tier-dropzone" data-tier="C"></div>
!style="background-color: #8bc34a; color: white; font-size: 20px; text-align: center; cursor: pointer; position: relative;" class="tier-header" data-tier="3"|<div class="tier-label" contenteditable="true">C</div><div class="color-picker-trigger" onclick="showColorPicker(this, 3)">🎨</div>
  |}
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="3"|
  <div id="char-pool" class="char-pool pool-dropzone">
|-
    <div class="pool-title">角色池（拖动头像到表格行中）</div>
!style="background-color: #2196F3; color: white; font-size: 20px; text-align: center; cursor: pointer; position: relative;" class="tier-header" data-tier="4"|<div class="tier-label" contenteditable="true">D</div><div class="color-picker-trigger" onclick="showColorPicker(this, 4)">🎨</div>
    {{#ask:[[分类:战斗员]]
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="4"|
    |?id
|}
    |?名称
</div>
    |sort=实装日期,稀有度,id
<div style="padding: 10px; background: #f9f9f9; border: 2px dashed #ccc; border-radius: 5px;">
    |order=desc,desc,desc
  <h3 style="margin-top: 0;">角色池</h3>
    |mainlabel=-
  <div id="character-pool" class="tier-content" data-tier="pool" style="min-height: 200px;">
    |link=none
{{#ask:[[分类:战斗员]]
    |template=战斗员图鉴/个/小
|?id
    |headers=hide
|?名称
    |format=template
|sort=实装日期,稀有度,id
    |limit=1000
|order=desc,desc,desc
    }}
|mainlabel=-
|link=none
|template=战斗员图鉴/个/小
|headers=hide
|format=template
|limit=1000
}}
  </div>
</div>
<div id="color-picker-modal" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); z-index: 10000;">
  <div style="margin-bottom: 15px; font-weight: bold;">选择背景颜色</div>
  <input type="color" id="bg-color-picker" style="width: 100%; height: 50px; cursor: pointer; border: 1px solid #ccc; border-radius: 4px;">
  <div style="margin-top: 15px; margin-bottom: 10px; font-weight: bold;">选择文字颜色</div>
  <input type="color" id="text-color-picker" value="#ffffff" style="width: 100%; height: 50px; cursor: pointer; border: 1px solid #ccc; border-radius: 4px;">
  <div style="margin-top: 15px; display: flex; gap: 10px;">
    <div onclick="applyColor()" style="flex: 1; padding: 10px; background: #4CAF50; color: white; text-align: center; border-radius: 4px; cursor: pointer;">确定</div>
    <div onclick="closeColorPicker()" style="flex: 1; padding: 10px; background: #f44336; color: white; text-align: center; border-radius: 4px; cursor: pointer;">取消</div>
   </div>
   </div>
</div>
</div>
<div id="modal-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999;" onclick="closeColorPicker()"></div>

2025年10月20日 (一) 22:24的版本

如果您发现WIKI上的错误，请加入：1033192730联系站点工作人员处理

添加行
保存为PNG
提示：标签文字可直接修改；点击标签可更改颜色；头像可拖动到任意行或拖回角色池。
S
A
B
C
角色池（拖动头像到表格行中）
凯隆
小春
雨果
蕾欧娜
维若妮卡
梅铃
奥尔莱亚
琳
麦格纳
卡莉佩
路克
蕾伊
欧文
凯西乌斯
百丽儿
米卡
玛丽贝尔
卢卡斯
艾美
德蕾莎
席琳娜
妮雅
检索自“http://cznwiki.com/index.php?title=节奏榜生成器&oldid=3539”