沙盒:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
无编辑摘要
律Rhyme留言 | 贡献
页面内容被替换为“{{#invoke:战斗员/display/立绘|display|蕾欧娜}}”
标签替换
第1行: 第1行:
<div style="position: relative; width: 100%; height: 585px; margin: 0 auto; overflow: hidden;">
{{#invoke:战斗员/display/立绘|display|蕾欧娜}}
    <!-- 背景图片 -->
    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;">[[File:bg_character_info.png|link=]]</div>
    <!-- 切换标签 -->
    <div class="main-line-wrap" style="position: absolute; top: 10px; left: 10px; z-index: 10; margin: 0;">
        <div class="resp-tabs">
            <ul class="resp-tabs-list">
                <li class="active czn-list-style"><span class="tab-panel">默认</span></li>
                <li class="czn-list-style"><span class="tab-panel">立绘</span></li>
            </ul>
        </div>
    </div>
    <!-- 左侧内容 -->
    <div style="position: absolute; left: 32px; top: 155px; z-index: 2;">[[File:icon_职业_猎人.png|35px|link=]]</div>
    <div style="position: absolute; left: 72px; top: 155px; z-index: 2;">[[File:icon_属性_虚无.png|35px|link=]]</div>
    <div style="position: absolute; left: 30px; top: 180px; color: white; font-size: 68px; font-weight: bold; text-shadow: 2px 2px 5px #000000; z-index: 2;">蕾欧娜</div>
    <div style="position: absolute; left: 30px; top: 270px; z-index: 2;">[[File:icon_CV.png|28px|link=]]</div>
    <div style="position: absolute; left: 63px; top: 273px; z-index: 2; color: #9d9e9e;">姜新春(韩)、野村真悠华(日)、待补充(英)</div>
    <div style="position: absolute; left: 30px; top: 300px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">实装日期</div>
    <div style="position: absolute; left: 135px; top: 300px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 310px; height:30px; z-index: 2;"></div>
    <div style="position: absolute; left: 30px; top: 335px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">种族</div>
    <div style="position: absolute; left: 135px; top: 335px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">人类</div>
    <div style="position: absolute; left: 240px; top: 335px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">生日</div>
    <div style="position: absolute; left: 345px; top: 335px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">2月21日</div>
    <div style="position: absolute; left: 30px; top: 370px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">异能</div>
    <div style="position: absolute; left: 135px; top: 370px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">黑玫瑰</div>
    <div style="position: absolute; left: 240px; top: 370px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">所属势力</div>
    <div style="position: absolute; left: 345px; top: 370px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: center; padding:2px 5px 2px 5px; width: 100px; height:30px; z-index: 2;">特拉西翁</div>
    <div style="position: absolute; left: 30px; top: 405px; background-color: rgba(0, 0, 0, 0.5); color: white; text-align: left; padding:2px 5px 2px 5px; width: 415px; height:auto; z-index: 2;">黑玫瑰诗人。<br>来自「朱斯提提亚号」的精英干员。在任何情况下都保持冷静的态度,也有保佑少女般的感性。兴趣是写诗,除了写作时不喜欢谈论自己。</div>
   
    <!-- 右侧内容 -->
    <div style="position: absolute; right: 150px; top: 100px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">攻击力</div>
    <div style="position: absolute; right: 150px; top: 130px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">防御力</div>
    <div style="position: absolute; right: 150px; top: 160px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">HP</div>
    <div style="position: absolute; right: 150px; top: 190px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">暴击率</div>
    <div style="position: absolute; right: 150px; top: 220px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">暴击伤害</div>
    <div style="position: absolute; right: 150px; top: 250px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">弱点伤害率</div>
    <div style="position: absolute; right: 150px; top: 280px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">自我意识恢复力</div>
    <div style="position: absolute; right: 150px; top: 310px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">热情属性伤害量</div>
    <div style="position: absolute; right: 150px; top: 340px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">正义属性伤害量</div>
    <div style="position: absolute; right: 150px; top: 370px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">秩序属性伤害量</div>
    <div style="position: absolute; right: 150px; top: 400px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">本能属性伤害量</div>
    <div style="position: absolute; right: 150px; top: 430px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">虚无属性伤害量</div>
    <div style="position: absolute; right: 150px; top: 460px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">额外伤害量</div>
    <div style="position: absolute; right: 150px; top: 490px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 3px 0px 0px 3px; color: #666666; padding-left: 5px; z-index: 2;">持续伤害量</div>
    <div style="position: absolute; right: 150px; top: 520px; width: 150px; height: 25px; color: #666666; padding-left: 5px; z-index: 2;">分析</div>
   
    <div style="position: absolute; right: 50px; top: 100px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 130px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 160px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 190px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 220px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 250px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 280px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 310px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 340px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 370px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 400px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 430px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 460px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 490px; width: 150px; height: 25px; background-color: #dfe1e3; border-radius: 0px 3px 3px 0px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <div style="position: absolute; right: 50px; top: 520px; width: 150px; height: 25px; color: #666666; padding-right: 5px; z-index: 2; text-align: right;">100</div>
    <!-- 立绘图片容器 -->
    <div id="portrait-container" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; z-index: 1;">
        <!-- 默认 -->
        <div class="portrait-image" data-index="0" style="display: block;">
            [[File:portrait_character_1041.png|center|link=]]
        </div>
        <!-- 立绘 -->
        <div class="portrait-image" data-index="1" style="display: none;">
            [[File:portrait_character_class_1041.png|center|link=]]
        </div>
    </div>
</div>

2025年9月22日 (一) 15:08的版本

    未命名角色
    实装日期
    种族
    生日
    异能
    所属势力
    攻击力
    0
    防御力
    0
    HP
    0
    暴击率
    0
    暴击伤害
    0
    弱点伤害率
    0
    自我意识恢复力
    0
    热情属性伤害量
    0
    正义属性伤害量
    0
    秩序属性伤害量
    0
    本能属性伤害量
    0
    虚无属性伤害量
    0
    额外伤害量
    0
    持续伤害量
    0
    分析
    0
    <script>function switchPortrait(index) {
       // 隐藏所有图片
       var images = document.querySelectorAll('.portrait-image');
       images.forEach(function(img) {
           img.style.display = 'none';
       });
       
       // 显示选中的图片
       var selectedImage = document.querySelector('.portrait-image[data-index="' + index + '"]');
       if (selectedImage) {
           selectedImage.style.display = 'block';
       }
       
       // 更新标签页状态
       var tabs = document.querySelectorAll('.resp-tabs-list li');
       tabs.forEach(function(tab, i) {
           if (i === index) {
               tab.classList.add('active');
           } else {
               tab.classList.remove('active');
           }
       });
    

    }

    </script>