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

来自卡厄思梦境WIKI

←上一编辑
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
3,949次编辑
无编辑摘要
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
3,949次编辑
小无编辑摘要
 
（未显示同一用户的7个中间版本）
第1行： 第1行：
{{面包屑}}
{{面包屑}}
{{#Widget:TierListMaker}}
{{#Widget:TierListMaker}}
<div id="tier-list-controls" style="margin-bottom: 15px; padding: 10px; background: #f0f0f0; border-radius: 5px;">
<div id="tierlist-maker">
   <div style="margin-bottom: 10px;">
   <div 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="btn">添加行</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="save-png" class="btn primary">保存为PNG</div>
   </div>
   </div>
</div>
 
<div id="tier-list-container" style="margin-bottom: 20px;">
  <table class="wikitable tierlist-table" id="tierlist-table">
{|class="wikitable tierlist-table" id="tierlist-table" style="width: 100%; border-collapse: collapse;"
  <tr class="tier-row">
|-
    <th class="tier-head" data-initial-bg="red" data-initial-fg="white">
!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>
      S
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="0"|
      <div class="tier-tools">
|-
        <div class="color-toggle" title="更改颜色"></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>
        <div class="delete-row" title="删除该行">删除</div>
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="1"|
      </div>
|-
    </th>
!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>
    <td class="tier-cell"><div class="tier-dropzone" data-tier="S"></div></td>
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="2"|
  </tr>
|-
  <tr class="tier-row">
!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>
    <th class="tier-head" data-initial-bg="#f1963b" data-initial-fg="white">
|style="min-height: 120px; padding: 10px; background: #fff;" class="tier-content" data-tier="3"|
      A
|}
      <div class="tier-tools">
</div>
        <div class="color-toggle" title="更改颜色"></div>
<div style="padding: 10px; background: #f9f9f9; border: 2px dashed #ccc; border-radius: 5px;">
        <div class="delete-row" title="删除该行">删除</div>
  <h3 style="margin-top: 0;">角色池</h3>
      </div>
  <div id="character-pool" class="tier-content" data-tier="pool" style="min-height: 200px;">
    </th>
{{#ask:[[分类:战斗员]]
    <td class="tier-cell"><div class="tier-dropzone" data-tier="A"></div></td>
|?id
  </tr>
|?名称
  <tr class="tier-row">
|sort=实装日期,稀有度,id
    <th class="tier-head" data-initial-bg="#ffef03" data-initial-fg="white">
|order=desc,desc,desc
      B
|mainlabel=-
      <div class="tier-tools">
|link=none
        <div class="color-toggle" title="更改颜色"></div>
|template=战斗员图鉴/个/小
        <div class="delete-row" title="删除该行">删除</div>
|headers=hide
      </div>
|format=template
    </th>
|limit=1000
    <td class="tier-cell"><div class="tier-dropzone" data-tier="B"></div></td>
}}
  </tr>
  </div>
  <tr class="tier-row">
</div>
    <th class="tier-head" data-initial-bg="#c2d402" data-initial-fg="white">
<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;">
      C
  <div style="margin-bottom: 15px; font-weight: bold;">选择背景颜色</div>
      <div class="tier-tools">
  <input type="color" id="bg-color-picker" style="width: 100%; height: 50px; cursor: pointer; border: 1px solid #ccc; border-radius: 4px;">
        <div class="color-toggle" title="更改颜色"></div>
  <div style="margin-top: 15px; margin-bottom: 10px; font-weight: bold;">选择文字颜色</div>
        <div class="delete-row" title="删除该行">删除</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>
  <div style="margin-top: 15px; display: flex; gap: 10px;">
    </th>
    <div onclick="applyColor()" style="flex: 1; padding: 10px; background: #4CAF50; color: white; text-align: center; border-radius: 4px; cursor: pointer;">确定</div>
    <td class="tier-cell"><div class="tier-dropzone" data-tier="C"></div></td>
     <div onclick="closeColorPicker()" style="flex: 1; padding: 10px; background: #f44336; color: white; text-align: center; border-radius: 4px; cursor: pointer;">取消</div>
  </tr>
  </table>
 
  <div class="pool-wrapper">
    <div class="pool-header">角色池（将头像拖入或拖出）</div>
    <div id="character-pool" class="tier-dropzone pool" data-tier="POOL" style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;">
      {{#ask:[[分类:战斗员]]
      |?id
      |?名称
      |sort=实装日期,稀有度,id
      |order=desc,desc,desc
      |mainlabel=-
      |link=none
      |template=战斗员图鉴/个/小
      |headers=hide
      |format=template
      |limit=1000
      }}
     </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月21日 (二) 09:35的最新版本

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

添加行
保存为PNG
     S
删除
 
     A
删除
 
     B
删除
 
     C
删除
角色池（将头像拖入或拖出）
凯隆
小春
雨果
蕾欧娜
维若妮卡
梅铃
奥尔莱亚
琳
麦格纳
卡莉佩
路克
蕾伊
欧文
凯西乌斯
百丽儿
米卡
玛丽贝尔
卢卡斯
艾美
德蕾莎
席琳娜
妮雅
检索自“http://cznwiki.com/index.php?title=节奏榜生成器&oldid=3569”