Card:修订间差异
来自卡厄思梦境WIKI
创建页面,内容为“<div id="card-manager"> <style> #card-manager { max-width: 1200px; margin: 0 auto; padding: 20px; } .control-panel { background: #f8f9fa; padding: 15px; border-radius: 5px; margin-bottom: 20px; } .control-panel button { margin-right: 10px; padding: 5px 15px; background: #36c;…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
<div | <div class="cm-wrapper"> | ||
< | <h2>卡牌数据管理器</h2> | ||
<div class="cm-container"> | |||
<!-- 左侧:输入区域 --> | |||
<div class="cm-section cm-input-section"> | |||
<div class="cm-section-title">卡牌数据</div> | |||
<div class="cm-form-group"> | |||
<label>卡牌名称:</label> | |||
<input type="text" id="card-name" class="cm-input" placeholder="请输入卡牌名称..."> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>卡组类型:</label> | |||
<select id="deck-type" class="cm-select"> | |||
<option value="">请选择</option> | |||
<option value="起始卡牌">起始卡牌</option> | |||
<option value="独特卡牌">独特卡牌</option> | |||
<option value="灵光一闪">灵光一闪</option> | |||
<option value="衍生卡牌">衍生卡牌</option> | |||
</select> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>图片文件:</label> | |||
<input type="text" id="card-art" class="cm-input" placeholder="如: unique_1003_01.png"> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>属性:</label> | |||
<select id="card-attr" class="cm-select"> | |||
<option value="">请选择</option> | |||
<option value="热情">热情</option> | |||
<option value="秩序">秩序</option> | |||
<option value="正义">正义</option> | |||
<option value="本能">本能</option> | |||
<option value="虚无">虚无</option> | |||
</select> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>稀有度:</label> | |||
<select id="card-rarity" class="cm-select"> | |||
<option value="">请选择</option> | |||
<option value="白">白</option> | |||
<option value="蓝">蓝</option> | |||
<option value="橙">橙</option> | |||
<option value="彩">彩</option> | |||
</select> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>AP (行动点):</label> | |||
<input type="text" id="card-ap" class="cm-input" placeholder="输入数字或X"> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>卡牌类型:</label> | |||
<select id="card-type" class="cm-select"> | |||
<option value="">请选择</option> | |||
<option value="攻击">攻击</option> | |||
<option value="技能">技能</option> | |||
<option value="强化">强化</option> | |||
<option value="状态异常">状态异常</option> | |||
</select> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>卡牌机制:</label> | |||
<input type="text" id="card-mechanism" class="cm-input" placeholder="如:消灭"> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>卡牌描述:</label> | |||
<div class="cm-format-buttons"> | |||
<button id="blue-text-btn" class="cm-btn cm-btn-small cm-btn-blue">蓝色文本</button> | |||
<button id="green-text-btn" class="cm-btn cm-btn-small cm-btn-green">绿色文本</button> | |||
<button id="green-stroke-btn" class="cm-btn cm-btn-small cm-btn-green">绿色描边</button> | |||
<button id="br-btn" class="cm-btn cm-btn-small cm-btn-orange">插入<br></button> | |||
</div> | |||
<textarea id="card-desc" class="cm-textarea" placeholder="请输入卡牌描述..."></textarea> | |||
</div> | |||
<div class="cm-form-group"> | |||
<label>衍生卡牌:</label> | |||
<input type="text" id="card-derived" class="cm-input" placeholder="请输入衍生卡牌名称"> | |||
</div> | |||
<div class="cm-button-group"> | |||
<button id="add-card-btn" class="cm-btn cm-btn-success">添加卡牌</button> | |||
<button id="add-variant-btn" class="cm-btn cm-btn-success">添加变体</button> | |||
</div> | |||
<div class="cm-button-group"> | |||
<button id="save-card-btn" class="cm-btn">保存数据</button> | |||
<button id="clear-form-btn" class="cm-btn">清空表单</button> | |||
</div> | |||
</div> | |||
<!-- 中间:列表区域 --> | |||
<div class="cm-section cm-list-section"> | |||
margin- | <div class="cm-section-title">卡牌列表</div> | ||
<div id="card-list" class="cm-list"></div> | |||
<div class="cm-section-title" style="margin-top: 20px;">变体列表</div> | |||
<div id="variant-list" class="cm-list"></div> | |||
<div class="cm-button-group"> | |||
<button id="delete-card-btn" class="cm-btn cm-btn-danger">删除卡牌</button> | |||
<button id="delete-variant-btn" class="cm-btn cm-btn-danger">删除变体</button> | |||
</div> | |||
</div> | |||
<!-- 右侧:代码预览 --> | |||
<div class="cm-section cm-preview-section"> | |||
<div class="cm-section-title">Lua代码预览</div> | |||
<pre id="code-preview" class="cm-code-preview">-- 暂无数据</pre> | |||
<div class="cm-button-group"> | |||
<button id="export-btn" class="cm-btn">导出到模块</button> | |||
<button id="import-btn" class="cm-btn">从模块导入</button> | |||
</div> | |||
</div | |||
2025年10月2日 (四) 10:17的版本
卡牌数据管理器
卡牌数据
<label>卡牌名称:</label>
<input type="text" id="card-name" class="cm-input" placeholder="请输入卡牌名称...">
<label>卡组类型:</label>
<select id="deck-type" class="cm-select">
<option value="">请选择</option>
<option value="起始卡牌">起始卡牌</option>
<option value="独特卡牌">独特卡牌</option>
<option value="灵光一闪">灵光一闪</option>
<option value="衍生卡牌">衍生卡牌</option>
</select>
<label>图片文件:</label>
<input type="text" id="card-art" class="cm-input" placeholder="如: unique_1003_01.png">
<label>属性:</label>
<select id="card-attr" class="cm-select">
<option value="">请选择</option>
<option value="热情">热情</option>
<option value="秩序">秩序</option>
<option value="正义">正义</option>
<option value="本能">本能</option>
<option value="虚无">虚无</option>
</select>
<label>稀有度:</label>
<select id="card-rarity" class="cm-select">
<option value="">请选择</option>
<option value="白">白</option>
<option value="蓝">蓝</option>
<option value="橙">橙</option>
<option value="彩">彩</option>
</select>
<label>AP (行动点):</label>
<input type="text" id="card-ap" class="cm-input" placeholder="输入数字或X">
<label>卡牌类型:</label>
<select id="card-type" class="cm-select">
<option value="">请选择</option>
<option value="攻击">攻击</option>
<option value="技能">技能</option>
<option value="强化">强化</option>
<option value="状态异常">状态异常</option>
</select>
<label>卡牌机制:</label>
<input type="text" id="card-mechanism" class="cm-input" placeholder="如:消灭">
<label>卡牌描述:</label>
<textarea id="card-desc" class="cm-textarea" placeholder="请输入卡牌描述..."></textarea>
<label>衍生卡牌:</label>
<input type="text" id="card-derived" class="cm-input" placeholder="请输入衍生卡牌名称">
卡牌列表
变体列表
Lua代码预览
-- 暂无数据