|
|
| （未显示同一用户的125个中间版本） |
| 第1行： |
第1行： |
| <div style="position: relative; width: 100%; height: 585px; margin: 0 auto; overflow: hidden;"> | | <spineplayer |
| <!-- 背景图片 --> | | json="/spine/portrait/1064/1064.json" |
| <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>
| | atlas="/spine/portrait/1064/1064.atlas" |
|
| | animation="idle" |
| <!-- 切换标签 -->
| | skin="normal" |
| <div class="main-line-wrap" style="position: absolute; top: 10px; left: 10px; z-index: 10; margin: 0;">
| | width="800px" |
| <div class="resp-tabs">
| | height="600px" |
| <ul class="resp-tabs-list">
| | bg="#2e2e2e" |
| <li class="active czn-list-style"><span class="tab-panel">默认</span></li>
| | controls="true"> |
| <li class="czn-list-style"><span class="tab-panel">立绘</span></li>
| | </spineplayer> |
| </ul>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- 名称 -->
| |
| <div style="position: absolute; left: 30px; top: 200px; 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: 300px; z-index: 2;"> | |
| {| class="wikitable" style="width:350px"
| |
| |-
| |
| ! style="width:25%"| 名称
| |
| | colspan=3| 蕾欧娜
| |
| |-
| |
| ! 实装日期
| |
| | colspan=3|
| |
| |-
| |
| ! 属性
| |
| | 虚无
| |
| ! style="width:25%"| 职业
| |
| | 猎人
| |
| |-
| |
| ! 种族
| |
| | 人类
| |
| ! 生日
| |
| | 2月21日
| |
| |-
| |
| ! 异能
| |
| | 黑玫瑰
| |
| ! 所属势力
| |
| |
| |
| |}
| |
| | |
| </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>
| |
| {{#css:
| |
| .wikitable {
| |
| width: 350px;
| |
| margin: 0 auto;
| |
| border-collapse: collapse;
| |
| color: white; /* 字体颜色白色 */
| |
| background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
| |
| border: 1px solid transparent; /* 边框透明 */
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
| |
| }
| |
|
| |
| .wikitable th, .wikitable td {
| |
| padding: 12px 15px;
| |
| text-align: left;
| |
| border: 1px solid rgba(255, 255, 255, 0.1); /* 非常淡的边框 */
| |
| }
| |
|
| |
| .wikitable th {
| |
| background-color: rgba(0, 0, 0, 0.5);
| |
| font-weight: 600;
| |
| text-align: right;
| |
| width: 25%;
| |
| }
| |
|
| |
| .wikitable tr:nth-child(even) {
| |
| background-color: rgba(30, 30, 30, 0.5);
| |
| }
| |
|
| |
| .wikitable tr:hover {
| |
| background-color: rgba(60, 60, 60, 0.7);
| |
| }
| |
| }}
| |