|
|
| （未显示同一用户的114个中间版本） |
| 第1行： |
第1行： |
| <div style="position: relative; width: 100%; height: 585px; margin: 0 auto; overflow: hidden;"> | | <div style="width:800px"> |
| <!-- 背景图片 -->
| | <spineplayer |
| <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> | | json="/spine/1064/1064.json" |
|
| | atlas="/spine/1064/1064.atlas" |
| <!-- 切换标签 -->
| | animation="idle" |
| <div class="main-line-wrap" style="position: absolute; top: 10px; left: 10px; z-index: 10; margin: 0;">
| | skin="default" |
| <div class="resp-tabs">
| | width="800px" |
| <ul class="resp-tabs-list">
| | height="600px" |
| <li class="active czn-list-style"><span class="tab-panel">默认</span></li>
| | bg="#2e2e2e" |
| <li class="czn-list-style"><span class="tab-panel">立绘</span></li>
| | controls="true"> |
| </ul>
| | </spineplayer> |
| </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: 30px; top: 150px; background-color: #dfe1e3; width:300px; heigth: 25px; z-index: 2; border-radius: 3px; padding-left:5px;">能力值 Lv.1</div>
| |
| <div style="position: absolute; right: 30px; top: 180px; width: 300px; height: 20px; z-index: 2; border-radius: 3px; padding-left: 5px;"> | |
| <span style="float: left;">攻击力</span><span style="float: right;">170</span>
| |
| </div>
| |
| <div style="position: absolute; right: 30px; top: 210px; background-color: #dfe1e3; width:300px; heigth: 25px; z-index: 2; border-radius: 3px; padding-left:5px;"> | |
| <span style="float: left;">防御力</span><span style="float: right;">45</span> | |
| </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> | | </div> |