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

来自卡厄思梦境WIKI

←上一编辑下一编辑→
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
3,949次编辑
无编辑摘要
标签：手工回退
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
3,949次编辑
无编辑摘要
第1行： 第1行：
{{面包屑}}
{{面包屑}}
{{#Widget:TierListMaker}}
{{#Widget:TierListMaker}}
<div class="tierlist-controls">
<div id="tier-list-controls" style="margin-bottom: 15px; padding: 10px; background: #f0f0f0; border-radius: 5px;">
    <div id="save-tierlist-btn" class="tierlist-btn tierlist-btn-save">保存为PNG</div>
  <div style="margin-bottom: 10px;">
     <div id="reset-tierlist-btn" class="tierlist-btn tierlist-btn-reset">重置</div>
     <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-btn" class="tierlist-btn tierlist-btn-add">添加行</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 id="edit-mode-btn" class="tierlist-btn tierlist-btn-edit">编辑模式</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;"
|-
|-
!style="width: 100px; background-color: red; color: white; font-size: 20px; text-align: center" class="tier-header" data-tier="S"|S
!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" class="tier-row" data-tier="S"|
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="0"|
|-
|-
!style="background-color: #f1963b; color: white; font-size: 20px; text-align: center" class="tier-header" data-tier="A"|A
!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" class="tier-row" data-tier="A"|
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="1"|
|-
|-
!style="background-color: #ffef03; color: white; font-size: 20px; text-align: center" class="tier-header" data-tier="B"|B
!style="background-color: #ffeb3b; color: white; 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" class="tier-row" data-tier="B"|
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="2"|
|-
|-
!style="background-color: #c2d402; color: white; font-size: 20px; text-align: center" class="tier-header" data-tier="C"|C
!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" class="tier-row" data-tier="C"|
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="3"|
|}
|}
<div class="character-pool-container">
</div>
   <h3>角色池</h3>
<div style="padding: 10px; background: #f9f9f9; border: 2px dashed #ccc; border-radius: 5px;">
   <div id="character-pool">
   <h3 style="margin-top: 0;">角色池</h3>
    {{#ask:[[分类:战斗员]]
   <div id="character-pool" class="tier-content" data-tier="pool" style="min-height: 200px;">
    |?id
{{#ask:[[分类:战斗员]]
    |?名称
|?id
    |sort=实装日期,稀有度,id
|?名称
    |order=desc,desc,desc
|sort=实装日期,稀有度,id
    |mainlabel=-
|order=desc,desc,desc
    |link=none
|mainlabel=-
    |template=战斗员图鉴/个/小
|link=none
    |headers=hide
|template=战斗员图鉴/个/小
    |format=template
|headers=hide
    |limit=1000
|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:16的版本

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

添加新行
保存为PNG
S
🎨
A
🎨
B
🎨
C
🎨

角色池

凯隆
小春
雨果
蕾欧娜
维若妮卡
梅铃
奥尔莱亚
琳
麦格纳
卡莉佩
路克
蕾伊
欧文
凯西乌斯
百丽儿
米卡
玛丽贝尔
卢卡斯
艾美
德蕾莎
席琳娜
妮雅
检索自“http://cznwiki.com/index.php?title=节奏榜生成器&oldid=3536”