跳转到内容

最近在弄物品数据库，不定期更新！有任何反馈欢迎私信站长B站或站长的qq1131370599

模板:角色档案：修订间差异

来自异环信息站
←上一编辑下一编辑→

Mikosword​（留言 | 贡献）

3个用户组
5,107次编辑
可视化wikitext
Mikosword​（留言 | 贡献）
行政员、​界面管理员、​管理员
5,107次编辑
无编辑摘要
Mikosword​（留言 | 贡献）
行政员、​界面管理员、​管理员
5,107次编辑
无编辑摘要
第1行： 第1行：
<includeonly>
<includeonly>
<!-- ============================================================
<div class="ci-info-wrapper">
模板：信息展示（使用 <span> 模拟按钮，兼容 MediaWiki）
     <div class="ci-info-container">
用途：展示多组标题-内容，通过左侧纵向按钮切换
参数：按钮1~按钮6，标题1~标题6，内容1~内容6（最多6组）
============================================================ -->
<div style="max-width:600px; margin:14px 0; font-family:system-ui,'Microsoft YaHei',sans-serif;">
     <div style="display:flex; flex-direction:row; gap:20px; align-items:flex-start; border:1px solid #e0e0e0; border-radius:12px; padding:16px 18px; background:#fafafa; box-shadow:0 2px 8px rgba(0,0,0,0.06);">


         <!-- ====== 左侧按钮列表（全部使用 <span>） ====== -->
         <!-- 左侧按钮列表（10个） -->
         <div style="display:flex; flex-direction:column; gap:8px; flex:0 0 auto; min-width:80px;">
         <div class="ci-btn-list">
             <span class="ci-btn-vertical" data-index="0" style="display:block; width:100%; text-align:center; padding:6px 16px; border:1px solid #d0d0d0; border-radius:16px; background:#f5f5f5; color:#555; font-size:14px; cursor:pointer; transition:all 0.2s; user-select:none; font-weight:500; white-space:nowrap;">{{{按钮1|第1项}}}</span>
             <span class="ci-btn-vertical" data-index="0">{{{按钮1|}}}</span>
             <span class="ci-btn-vertical" data-index="1" style="display:block; width:100%; text-align:center; padding:6px 16px; border:1px solid #d0d0d0; border-radius:16px; background:#f5f5f5; color:#555; font-size:14px; cursor:pointer; transition:all 0.2s; user-select:none; font-weight:500; white-space:nowrap;">{{{按钮2|第2项}}}</span>
             <span class="ci-btn-vertical" data-index="1">{{{按钮2|}}}</span>
             <span class="ci-btn-vertical" data-index="2" style="display:block; width:100%; text-align:center; padding:6px 16px; border:1px solid #d0d0d0; border-radius:16px; background:#f5f5f5; color:#555; font-size:14px; cursor:pointer; transition:all 0.2s; user-select:none; font-weight:500; white-space:nowrap;">{{{按钮3|第3项}}}</span>
             <span class="ci-btn-vertical" data-index="2">{{{按钮3|}}}</span>
             <span class="ci-btn-vertical" data-index="3" style="display:block; width:100%; text-align:center; padding:6px 16px; border:1px solid #d0d0d0; border-radius:16px; background:#f5f5f5; color:#555; font-size:14px; cursor:pointer; transition:all 0.2s; user-select:none; font-weight:500; white-space:nowrap;">{{{按钮4|第4项}}}</span>
            <span class="ci-btn-vertical" data-index="3">{{{按钮4|}}}</span>
             <span class="ci-btn-vertical" data-index="4" style="display:block; width:100%; text-align:center; padding:6px 16px; border:1px solid #d0d0d0; border-radius:16px; background:#f5f5f5; color:#555; font-size:14px; cursor:pointer; transition:all 0.2s; user-select:none; font-weight:500; white-space:nowrap;">{{{按钮5|第5项}}}</span>
             <span class="ci-btn-vertical" data-index="4">{{{按钮5|}}}</span>
             <span class="ci-btn-vertical" data-index="5" style="display:block; width:100%; text-align:center; padding:6px 16px; border:1px solid #d0d0d0; border-radius:16px; background:#f5f5f5; color:#555; font-size:14px; cursor:pointer; transition:all 0.2s; user-select:none; font-weight:500; white-space:nowrap;">{{{按钮6|第6项}}}</span>
            <span class="ci-btn-vertical" data-index="5">{{{按钮6|}}}</span>
             <span class="ci-btn-vertical" data-index="6">{{{按钮7|}}}</span>
            <span class="ci-btn-vertical" data-index="7">{{{按钮8|}}}</span>
             <span class="ci-btn-vertical" data-index="8">{{{按钮9|}}}</span>
            <span class="ci-btn-vertical" data-index="9">{{{按钮10|}}}</span>
         </div>
         </div>


         <!-- ====== 右侧信息表格 ====== -->
         <!-- 右侧信息表格 -->
         <div style="flex:1; min-width:200px; max-width:400px;">
         <div class="ci-panel-display">
             <table style="width:100%; border-collapse:collapse; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; background:#fff; margin:0;">
             <table class="ci-panel-table">
                 <tr>
                 <tr>
                     <td id="ci-panel-title" style="width:30%; padding:10px 14px; background:#f0f2f5; font-weight:600; text-align:center; border-right:1px solid #e0e0e0; vertical-align:middle;">标题</td>
                     <td class="ci-panel-title">标题</td>
                     <td id="ci-panel-content" style="width:70%; padding:10px 14px; background:#ffffff; vertical-align:middle;">内容</td>
                     <td class="ci-panel-content">内容</td>
                 </tr>
                 </tr>
             </table>
             </table>
         </div>
         </div>
        <!-- ===== 隐藏数据元素（存储标题和内容） ===== -->
        <div style="display:none;">
            <span class="ci-hidden-data" data-index="0" data-title="{{{标题1|}}}" data-content="{{{内容1|}}}"></span>
            <span class="ci-hidden-data" data-index="1" data-title="{{{标题2|}}}" data-content="{{{内容2|}}}"></span>
            <span class="ci-hidden-data" data-index="2" data-title="{{{标题3|}}}" data-content="{{{内容3|}}}"></span>
            <span class="ci-hidden-data" data-index="3" data-title="{{{标题4|}}}" data-content="{{{内容4|}}}"></span>
            <span class="ci-hidden-data" data-index="4" data-title="{{{标题5|}}}" data-content="{{{内容5|}}}"></span>
            <span class="ci-hidden-data" data-index="5" data-title="{{{标题6|}}}" data-content="{{{内容6|}}}"></span>
            <span class="ci-hidden-data" data-index="6" data-title="{{{标题7|}}}" data-content="{{{内容7|}}}"></span>
            <span class="ci-hidden-data" data-index="7" data-title="{{{标题8|}}}" data-content="{{{内容8|}}}"></span>
            <span class="ci-hidden-data" data-index="8" data-title="{{{标题9|}}}" data-content="{{{内容9|}}}"></span>
            <span class="ci-hidden-data" data-index="9" data-title="{{{标题10|}}}" data-content="{{{内容10|}}}"></span>
        </div>
     </div>
     </div>
</div>
</div>
</includeonly>
</includeonly>
<noinclude>
<noinclude>
{{信息展示
{{角色档案
| 按钮1 = 角色信息
| 按钮1 = 角色信息1111111111
| 标题1 = 姓名
| 标题1 = 姓名
| 内容1 = 张三
| 内容1 = 张三jahsdjkagsfkjhgasfjas实打实大苏打张三jahsdjkagsfkjhgasfjas实打实大苏打张三jahsdjkagsfkjhgasfjas实打实大苏打张三jahsdjkagsfkjhgasfjas实打实大苏打张三jahsdjkagsfkjhgasfjas实打实大苏打
| 按钮2 = 技能
| 按钮2 = 技能
| 标题2 = 必杀技
| 标题2 = 必杀技
| 内容2 = 天马流星拳
| 内容2 = 天马流星拳
| 按钮3 = 背景
| 按钮3 = 11
| 标题3 = 出身
| 标题3 = 出身
| 内容3 = 来自遥远的星系
| 内容3 = 来自遥远的星系
| 按钮4 = 111
}}
}}
</noinclude>
</noinclude>

2026年8月1日 (六) 20:30的版本



           角色信息1111111111
           技能
           11
           111
标题 内容



检索自“https://www.ntestation.com/index.php?title=模板:角色档案&oldid=354”
粤ICP备2026112474号-1  |  公安备案图标 粤公网安备44030002015967号
本站所有内容及素材均来自苏州幻塔Hotta Studio旗下游戏《异环》