查看“模板:敌人图鉴”的源代码

<includeonly>{{JS|Canvas}}{{JS|EnemySlider}}{{#invoke:数据库调用-敌人|Enemy|name={{{1|}}}}}{{#set:
 |敌人名称={{{1|}}}
 |序号={{#var:序号}}
 |阵营={{#var:阵营}}
 |分类{{#var:分类}}
 |类型={{#var:类型}}
}}__NOTOC__<div class="enemy">
<div class="enemy-bg">
[[文件:敌人图鉴-背景.png|link=]]
<div class="enemy-info1">
<div class="enemy-png">
[[文件:敌人-{{{1|}}}.png|link=]]
</div>
<div class="enemy-name visible-md visible-lg visible-sm">
<div class="enemy-sort">[[文件:分类-{{#var:分类}}.png|link=]]<span>  {{{1|}}}</span></div>[[文件:敌人图鉴-名称底线.png|link=]]<br><span>{{{阵营|}}}</span>
</div>
<div class="enemy-name visible-xs  ">
<div class="enemy-sort">[[文件:分类-{{#var:分类}}.png|20px|link=]]<span>  {{{1|}}}</span></div>[[文件:敌人图鉴-名称底线.png|link=]]<br><span>{{{阵营|}}}</span>
</div>
<div class="enemy-camp">
[[文件:阵营-{{#var:阵营}}.png|link=]]
</div>
<div class="enemy-type"><span>{{#var:类型}}<br></span>
[[文件:敌人图鉴-类型底线.png|link=]]
</div>
<div class="enemy-canvas visible-md visible-lg">
<div data-type="canvas" data-maxvalue="4" data-value="{{#var:攻击评分}}_攻击|{{#var:生命评分}}_血量|{{#var:防御评分}}_防御"></div>
</div>
<div class="enemy-canvas visible-sm visible-xs">
<div data-type="canvas" data-maxvalue="4" data-value="{{#var:攻击评分}}_攻击|{{#var:生命评分}}_血量|{{#var:防御评分}}_防御" data-height="130" data-width="130""></div>
</div>
</div>
<div class="enemy-info2 visible-md visible-lg">
<div class="enemy-tab">[[文件:敌人图鉴-效果框.png|link=]]
<div class="enemy-tabIcon"><div class="enemy-icon">[[文件:敌人图鉴-特性.png|link=]]<br>特性</div></div><div class="enemy-tabIconOverflow"><div class="enemy-tabIcon2">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:特性@@@}}|{{卡牌词缀|{{#var:特性@@@}}}}|}}||}}
</div></div>
</div>
</div>

<div class="enemy-info2 visible-md visible-lg" style="top: 29%;left: 48%;>
<div class="enemy-tab">[[文件:敌人图鉴-效果框.png|link=]]
<div class="enemy-tabIcon"><div class="enemy-icon">[[文件:敌人图鉴-抗性.png|link=]]<br>抗性</div></div><div class="enemy-tabIconOverflow"><div class="enemy-tabIcon2">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:抗性@@@}}|{{卡牌词缀|{{#var:抗性@@@}}|{{#var:抗性数值@@@}}|类型=抗性}}|}}||}}
</div></div>
</div>
</div>

<div class="enemy-info2 visible-md visible-lg" style="top: 46%;left: 48%;>
<div class="enemy-tab">[[文件:敌人图鉴-效果框.png|link=]]
<div class="enemy-tabIcon"><div class="enemy-icon">[[文件:敌人图鉴-弱点.png|link=]]<br>弱点</div></div><div class="enemy-tabIconOverflow"><div class="enemy-tabIcon2">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:弱点@@@}}|{{卡牌词缀|{{#var:弱点@@@}}|{{#var:弱点数值@@@}}}}|}}||}}
</div></div>
</div>
</div>

<div class="enemy-des visible-md visible-lg"><div class="enemy-des-topline">敌人简介</div><div class="enemy-des-text">{{#var:简述}}</div>
</div>
</div>
</div>

<div class="enemy-des-info">
<div class="enemy-des-info-topline">详细情报</div>
<div class="enemy-info2 visible-xs visible-sm">
<div class="enemy-tab">[[文件:敌人图鉴-效果框.png|link=]]
<div class="enemy-tabIcon"><div class="enemy-icon">[[文件:敌人图鉴-特性.png|link=]]<br>特性</div></div><div class="enemy-tabIconOverflow"><div class="enemy-tabIcon2">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:特性@@@}}|{{卡牌词缀|{{#var:特性@@@}}}}|}}||}}
</div></div>
</div>
</div>

<div class="enemy-info2 visible-xs visible-sm">
<div class="enemy-tab">[[文件:敌人图鉴-效果框.png|link=]]
<div class="enemy-tabIcon"><div class="enemy-icon">[[文件:敌人图鉴-抗性.png|link=]]<br>抗性</div></div><div class="enemy-tabIconOverflow"><div class="enemy-tabIcon2">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:抗性@@@}}|{{卡牌词缀|{{#var:抗性@@@}}|{{#var:抗性数值@@@}}|类型=抗性}}|}}||}}
</div></div>
</div>
</div>

<div class="enemy-info2 visible-xs visible-sm">
<div class="enemy-tab">[[文件:敌人图鉴-效果框.png|link=]]
<div class="enemy-tabIcon"><div class="enemy-icon">[[文件:敌人图鉴-弱点.png|link=]]<br>弱点</div></div><div class="enemy-tabIconOverflow"><div class="enemy-tabIcon2">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:弱点@@@}}|{{卡牌词缀|{{#var:弱点@@@}}|{{#var:弱点数值@@@}}}}|}}||}}
</div></div>
</div>
</div>

<div class="enemy-des visible-xs visible-sm"><div class="enemy-des-topline">敌人简介</div><div class="enemy-des-text">{{#var:简述}}</div>
</div>
<div class="property-value" data-base="{{#var:数值-基础}}" data-growth="{{#var:数值-成长}}"></div>
<div class="enemy-des-info-text">{{#var:描述}}
</div>
</div>

<div class="enemy-des-info" style="{{#if:{{#var:主动技名称1}}||display:none;}}">
<div class="enemy-des-info-topline">技能列表</div>
<div class="enemy-skill-des"><div class="enemy-skill-des-topline">主动技能</div><div class="enemy-des-skillinfo-text">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:主动技名称@@@}}|{{敌人技能|{{#var:主动技名称@@@}}|{{#var:主动技描述@@@}}|}}|}}||}}</div>
</div>
<div class="enemy-skill-des"><div class="enemy-skill-des-topline">被动技能</div><div class="enemy-des-skillinfo-text">{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{#var:被动技名称@@@}}|{{敌人技能|{{#var:被动技名称@@@}}|{{#var:被动技描述@@@}}|}}|}}||}}</div>
</div>
</div>[[分类:敌人]]
{{#css:
.enemy-tabIconOverflow {
    bottom: 2%;
    left: 14%;
    position: absolute;
    width: 85%;
    font-size: 24px;
    font-weight: bold;
    height: 100%;
    overflow-x: auto;
    overflow-y: clip;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enemy{
    position: relative;
}
.enemy-info1{
    position: absolute;
    width: 60%;
    left: 0%;
    top: 0%;
    height: 100%;
}
.enemy-png{
    position: absolute;
}
.enemy-name{
    position: absolute;
    top: 13%;
    left: 3%;
}
.enemy-sort{
    font-size: 40px;
    font-weight: bold;
    line-height: 0em;
    left: 6%;
    position: relative;
    color: white;
}
.enemy-sort .span{
    font-size: 40px;
    font-weight: bold;
    line-height: 0em;
    color: white;
}
.enemy-name>span{
    font-size: 25px;
    line-height: 0em;
    left: 8%;
    top: 5px;
    position: relative;
    color: #636363;
}
.enemy-sort *{
    line-height: 0em;
}
.enemy-sort img{
    top: -5px;
    position: relative;
}
.enemy-camp{
    top: 12%;
    right: 25%;
    position: absolute;
    width: 15%;
}
.enemy-type{
    top: 94%;
    right: 19%;
    position: absolute;
    text-align: right;
}
.enemy-type span{
    font-size: 35px;
    line-height: 0em;
    font-weight: bold;
    left: -3%;
    top: -20px;
    color: white;
    position: relative;
}
.enemy-type img{
    width: 90%;
}
.enemy-canvas{
    bottom: 0%;
    left: 0%;
    position: absolute;
}
.enemy-info2{
    top: 12%;
    left: 48%;
    position: absolute;
    width: 50%;
    overflow:auto;
}
.enemy-tabIcon{
    left: 3%;
    width: 12%;
    bottom: 2%;
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
}
.enemy-tabIcon2 {
    position: absolute;
    left: 0px;
    min-width: 100%;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
}
.enemy-des{
    top: 63%;
    left: 48%;
    position: absolute;
    width: 50%;
    font-size: 20px;
    border: 1px solid #5d5d5d;
    background-color: #131313;
    height: 34%;
    border-radius: 14px;
}
.enemy-des-text{
    width: 90%;
    left:5%;
    position: absolute;
    font-size: 20px;
}
.enemy-des-topline{
    width: 100%;
    background-color: #3f7eff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    color: white;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
.enemy-icon{
    position: relative;
    width: 50px;
    height: 75px;
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
    line-height: 1em;
}
.enemy-des-info{
    Overflow: hidden;
    position: relative;
    border: 2px solid #4b4949;
    border-radius: 14px;
    background-color: #131313;
    min-height: 165px;
}
.enemy-des-info-topline{
    width: 15%;
    background-color: #3f7eff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    color: white;
}
.enemy-des-info-text{
    width: calc(100% - 410px - 3%);
    left: calc(410px + 2%);
    position: relative;
    font-size: 24px;
}
.enemy-des-skillinfo-text{
    width: 90%;
    left:5%;
    position: relative;
    font-size: 24px;
}
.property-value{
    position: absolute;
    left: 1%;
    width: 410px;
}
.property-value .wikitable label{
    display: flex;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0px;
}
.wikitable{
    background-color: #131313;
    border: 0.8px solid #2D2D26;
    color: #ffffff;
    text-align: center;
}
.wikitable>*>tr>th {
    background-color: rgb(44 44 44 / 80%);
    color: #f2f2f2;
}
.enemy-skill-des{
    font-size: 20px;
    border: 1px solid #5d5d5d;
    background-color: #131313;
}
.enemy-skill-des-topline{
    width: 100%;
    background-color: #3f7eff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    color: white;
}
@media (max-width: 600px){
.enemy-name {
    position: absolute;
    top: 13%;
    left: 0%;
    height: 20%;
    max-width: 40%;
}
.enemy-sort {
    font-size: 15px;
    font-weight: bold;
    line-height: 0em;
    left: 6%;
    position: relative;
    color: white;
}
.enemy-name>span {
    font-size: 15px;
    line-height: 0em;
    left: 6%;
    top: 0px;
    position: relative;
    color: #636363;
}
.enemy-png {
    position: absolute;
    width: 80%;
    top: -16%;
    right: 10%;
}
.enemy-info1 {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 0%;
    height: 100%;
}
.enemy-canvas {
    bottom: unset;
    left: unset;
    position: absolute;
    right: 2%;
    top: 10%;
}
.enemy-type {
    top: unset;
    right: 0%;
    position: absolute;
    text-align: right;
    bottom: 0%;
    width: 50%;
}
.enemy-camp {
    top: unset;
    right: unset;
    position: absolute;
    width: 15%;
    bottom: 10%;
    left: 5%;
}
.enemy-info2 {
    left: 6%;
    position: relative;
    width: 90%;
    overflow: unset;
}
.enemy-des {
    left: 6%;
    position: relative;
    width: 90%;
    font-size: 20px;
    border: 1px solid #5d5d5d;
    background-color: #131313;
    height: 34%;
    border-radius: 14px;
}
.enemy-des-text {
    width: 90%;
    left: 5%;
    position: relative;
    font-size: 12px;
}
.enemy-des {
    left: 6%;
    position: relative;
    width: 90%;
    font-size: 20px;
    border: 1px solid #5d5d5d;
    background-color: #131313;
    height: unset;
    border-radius: 14px;
}
.property-value {
    position: relative;
    left: 6%;
    width: 90%;
}
.enemy-des-info-text {
    width: 90%;
    left: 6%;
    position: relative;
    font-size: 12px;
}
.enemy-type span {
    font-size: 15px;
    line-height: 0em;
    font-weight: bold;
    left: -3%;
    top: -6px;
    color: white;
    position: relative;
}
.enemy-des-info-topline {
    width: 20%;
    background-color: #3f7eff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    color: white;
}
.enemy-tabIcon {
        left: 3%;
        width: 12%;
        bottom: 0;
        position: absolute;
        font-size: 11px;
        font-weight: bold;
        line-height: 1em;
        text-align: center;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: 100%;
}
.enemy-icon {
    position: relative;
    width: 50px;
    height: 75px;
    text-align: center;
    margin-right: 0px;
    margin-top: 5px;
    line-height: 1em;
}
.card-icon {
        position: relative;
        width: 32px;
        height: 50px;
        text-align: center;
        margin-right: 5px;
        margin-top: 9px;
}
.card-num {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    color: white;
    position: absolute;
    top: 25%;
    left: 25%;
}
.card-text {
    line-height: 1.5em;
    font-size: 8px;
    colot: white;
}
.enemy-des-topline {
    font-size: 14px;
}
.enemy-skill-des-topline {
    width: 100%;
    background-color: #3f7eff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    color: white;
}
.enemy-skillName {
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 100%;
    min-width: 65px;
}
.enemy-skillDes {
    height: 100%;
    font-size: 12px;
}
.enemy-skill {
    position: relative;
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 991px) and (min-width: 600px){
.enemy-png {
    position: absolute;
    width: 80%;
    top: -16%;
    right: 10%;
}
.enemy-info1 {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 0%;
    height: 100%;
}
.enemy-name {
    position: absolute;
    top: 13%;
}
.enemy-canvas {
    bottom: 0%;
    left: 2%;
    position: absolute;
}
.enemy-type {
    top: 94%;
    right: 0%;
    position: absolute;
    text-align: right;
}
.enemy-camp {
    top: 12%;
    right: 10%;
    position: absolute;
    width: 15%;
}
.enemy-info2 {
    left: 6%;
    position: relative;
    width: 90%;
}
.enemy-des {
    left: 6%;
    position: relative;
    width: 90%;
    font-size: 20px;
    border: 1px solid #5d5d5d;
    background-color: #131313;
    height: 34%;
    border-radius: 14px;
}
.enemy-des-text {
    width: 90%;
    left: 5%;
    position: relative;
    font-size: 20px;
}
.enemy-des {
    left: 6%;
    position: relative;
    width: 90%;
    font-size: 20px;
    border: 1px solid #5d5d5d;
    background-color: #131313;
    height: unset;
    border-radius: 14px;
}
.property-value {
    position: relative;
    left: 6%;
    width: 90%;
}
.enemy-des-info-text {
    width: 90%;
    left: 6%;
    position: relative;
    font-size: 24px;
}
.enemy-des-info-topline {
    width: 20%;
    background-color: #3f7eff;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    color: white;
}
}
}}
</includeonly><noinclude>{{敌人图鉴|混厄石芝}}[[分类:模板]]</noinclude>