因BWiki近期更新,普通用户无法直接访问除重定向、编辑表格外的特殊页面(如最近更改等),进行3次有效编辑后即可恢复。
全站通知:

“模板:载具图鉴”的版本间差异

来自战争雷霆WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索
瓦瑞克Warrick (11777889)讨论 | 贡献
瓦瑞克Warrick (11777889)讨论 | 贡献
 
(未显示2个用户的12个中间版本)
第1行: 第1行:
<includeonly>
<includeonly>{{面包屑|载具图鉴|{{{国家}}}{{{大类|}}}}}
{{#set:
<div class="面板框架">
|载具ID={{{载具ID|}}}
<div class="面板背景区"><div class="面板背景图">[[文件:载具图鉴-{{#if:{{{载具背景|}}}|{{{载具背景|}}}|{{#switch:{{{大类|}}}|陆军=车库|远洋海军|近岸海军=船坞|空军|直升机=机库}} }}背景.jpg]]</div><div class="面板背景遮罩"></div></div>
|国家={{{国家|}}}
<div class="面板内容区">
|载具等级={{{载具等级|}}}
<!--选项卡面板区开始-->
|权重={{{权重|}}}
<div class="图鉴选项卡">
|前置载具={{{前置载具|}}}
<div class="tab-container">
|下个载具={{{下个载具|}}}
<ul class="tab-list">
|研发点={{{研发点|}}}
<li class="tab-item active" data-tab="tab1">简介</li>
|银狮={{{银狮|}}}
{{#if:{{{图鉴|}}}
|金鹰={{{金鹰|}}}
|<li class="tab-item" data-tab="tab2">图鉴</li>}}
|联队研发={{{联队研发|}}}
</ul>
|获取方式={{{获取方式|}}}
 
|隐藏分类={{{隐藏分类|}}}
<div class="tab-content-container">
}}{{#ifeq:{{{隐藏分类|}}}|||{{DISPLAYTITLE:{{tr|{{{载具ID|}}}}}}}}}
<div class="tab-content active" id="tab1">
{{面包屑|载具图鉴|{{{国家}}}{{{大类|}}}}}
<!--选项卡1开始-->
{{PageUptoDate}}
<div class="载具简介区">
<div style="min-height:405px;"class="vehicleinfobox">
<div class="载具立绘">[[文件:{{{载具ID|}}}_资料卡.png|1024px]]</div>
<div class="hidden-xs">
<div class="载具卡">
<div class="载具页面轮播图">
<div class="载具名称">{{tr|{{{载具ID|}}}}}</div>
<div class="swiper sySwiper">
<div class="载具前后">
<div class="swiper-wrapper">
{{#if:{{{前置载具|}}}
<div class="swiper-slide slide_1">
|<div class="左箭头">{{JDC|{{{前置载具|}}}}}</div>
<div class="顶部图框组"><div class="顶部图框"><div class="顶部图"><!-- <div class="反光效果"></div> -->[[文件:{{{载具ID|}}} 资料卡.png]]</div></div></div>
}}
{{#if:{{{下个载具|}}}
|<div class="右箭头">{{JDC|{{{下个载具|}}}}}</div>
}}
</div>
</div>
<div class="swiper-slide slide_2">
<div class="载具阵营与等级">
<div class="顶部图框组"><div class="顶部图框"><div class="顶部图"><!-- <div class="反光效果"></div> -->[[文件:{{{载具ID|}}} 车库.png]]</div></div></div>
<div class="载具阵营">[[文件:{{#switch: {{{国家|}}}
</div>
{{#ifexist:[[文件:{{{载具ID|}}} 车库2.png]]|<div class="swiper-slide slide_3">
<div class="顶部图框组"><div class="顶部图框"><div class="顶部图"><!-- <div class="反光效果"></div> -->[[文件:{{{载具ID|}}} 车库2.png]]</div></div></div>
</div>|}}
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<div class="hidden-lg"><!--仅移动端显示0-->
<div class="载具页面轮播图">
<div class="swiper sySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide slide_1">
<div class="顶部图框组"><div class="顶部图框"><div class="顶部图"><!-- <div class="反光效果"></div> -->[[文件:{{{载具ID|}}} 资料卡.png]]</div></div></div>
</div>
<div class="swiper-slide slide_2">
<div class="顶部图框组"><div class="顶部图框"><div class="顶部图"><!-- <div class="反光效果"></div> -->[[文件:{{{载具ID|}}} 车库.png]]</div></div></div>
</div>
{{#ifexist:[[文件:{{{载具ID|}}} 车库2.png]]|<div class="swiper-slide slide_3">
<div class="顶部图框组"><div class="顶部图框"><div class="顶部图"><!-- <div class="反光效果"></div> -->[[文件:{{{载具ID|}}} 车库2.png]]</div></div></div>
</div>|}}
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div><!--仅移动端显示1-->
<div style="width: 350px;float:right;box-sizing: border-box;clear: right;margin-left: 20px;border:1px solid #353544;border-radius:5px;">
    <div style="width: 100%;background-color: #DBE0E2;border-radius: 5px 5px 0 0;">
        <div style="padding: 10px 14px 6px 14px;text-align: center;font-size: 32px;line-height: 1.2em;font-weight: bold;">{{tr|{{{载具ID|}}}}}</div>
        <div style="text-align: center;padding: 0 14px 2px;height: 21px;">
        {{#if:{{{前置载具|}}}
        |<font style="position:absolute;border-bottom: 1px solid #90A4AE;border-left: 1px solid #90A4AE;width: 16px;height: 16px;transform:rotate(45deg);margin-top: 3px;margin-left: -7px;"></font><div style="" class="tz_label pre_vie">{{JDC|{{{前置载具|}}}}}</div>
        |<div style="float:left;"></div>}}
       {{#if:{{{下个载具|}}}
        |<div style="" class="tz_label nex_vie">{{JDC|{{{下个载具|}}}}}</div><font style="position:absolute;border-top: 1px solid #90A4AE;border-right: 1px solid #90A4AE;width: 16px;height: 16px;transform:rotate(45deg);margin-top: 3px;margin-left: -10px;"></font>
        |<div style="float:left;"></div>}}
        </div>
        <div style="font-size: 16px;padding: 10px 14px 12px;height:55px;">
            <div style="float:left;height: 22px;width: 44px;" class="c_name">
            [[文件:{{#switch: {{{国家|}}}
             | 美国 = USA
             | 美国 = USA
             | 德国 = Germany
             | 德国 = Germany
第77行: 第39行:
             | 瑞典 = Sweden
             | 瑞典 = Sweden
             | 以色列 = Israel
             | 以色列 = Israel
             }} flag.png|44x22px|无框|link={{{国家|}}}{{{大类|}}}]]</div>
             }}_flag.png|44x22px|无框|link={{{国家|}}}{{{大类|}}}]]&thinsp;[[{{{国家|}}}{{{大类|}}}|{{{国家|}}}]]</div><div class="载具等级">{{载具图鉴/等级|{{{载具等级|}}}}}&thinsp;级</div>
            <div style="float:left;color: #01579B;">&nbsp;[[{{{国家|}}}{{{大类|}}}|{{{国家|}}}]]</div>
</div>
            <div style="float:right;color: #01579B;margin-right: 10px;">{{载具图鉴/等级|{{{载具等级|}}}}}&thinsp;级</div>
<hr class="分割线">
        </div>
<div class="载具权重">
    </div>
<div class="载具权重表">
    <div style="width: 100%;margin-top: 1px;height: 186px;background-color: #DBE0E2;">
<h3>权重等级:</h3>
    <div class="table_panel">
<table class="tp_table" border="1" cellspacing="0">
<!--            border="1" cellspacing="0"-->
<tr>
            <table class="tp_table" border="1" cellspacing="0">
<td class="tpt_td">街机</td>
                <!--<tbody>-->
<td class="tpt_td">历史</td>
                    <tr>
<td class="tpt_td">全真</td>
                        <td class="tpt_td">街机</td>
</tr>
                        <td class="tpt_td">历史</td>
<tr>
                        <td class="tpt_td">全真</td>
{{#arraymap:{{{权重|}}}|/|@|<td class="tpt_td">@</td>|}}
                    </tr>
</tr>
                    <tr>
</table>
                        {{#arraymap:{{{权重|}}}|/|@|<td class="tpt_td">@</td>|}}
</div>
                    </tr>
</div>
                <!--</tbody>-->
<div class="载具类别">
            </table>
<div class="label_panel">
        </div>
        <div class="label_panel">
{{#arraymaptemplate:{{{载具类别|}}}|载具类别根|,| }}
{{#arraymaptemplate:{{{载具类别|}}}|载具类别根|,| }}
        </div>
</div>
    </div>
</div>
  {{#if: {{{获取方式|}}}
<div class="载具获取">
        |<div style="width: 100%;margin-top: 1px;background-color: #DBE0E2;border-radius: 0 0 5px 5px;">
{{#if:{{{获取方式|}}}
            <div style="margin: 0 auto;width: 322px;padding:15px 0;">
|<div class="获取方式">
                <div class="">
<div class="获取方式定位">
                    <div class="title">获取方式:</div>
<div class="获取方式标题">获取方式:</div>
                    <div class="payfo">礼包/活动奖励</div>
<div class="获取方式副标题">礼包/活动奖励</div>
{{#if:{{{商城ID|}}}
{{#if:{{{商城ID|}}}
|<a class="general_info_buy_button" style="text-decoration: none;color:#EEE;" href="https://store.gaijin.net/story.php?id={{{商城ID|}}}">商城</a>
|{{WT风格按钮|传送门=https://store.gaijin.net/story.php?id={{{商城ID|}}}|颜色=红色|文字=商城}}
|{{#if:{{{交易所ID|}}}
|{{#if:{{{交易所ID|1}}}
|<a class="general_info_market_button" style="text-decoration: none;color:#EEE;" href="https://trade.gaijin.net/?n={{{交易所ID|}}}&viewitem=&a=1067">交易所</a>
|{{WT风格按钮|传送门=https://trade.gaijin.net/?n={{{交易所ID|1}}}&viewitem=&a=1067|颜色=绿色|文字=交易所}}
|<div style="display:none;"></div>}}
|<div style="display:none;"></div>}}
}}
}}
                </div>
</div>
            </div>
</div>
        </div>
|{{#if:{{{金鹰|}}}
        |{{#if:{{{金鹰|}}}
|<div style="width: 100%;margin-top: 1px;height: 86px;border-radius: 0 0 5px 5px;">
            |<div style="width: 100%;margin-top: 1px;height: 86px;background-color: #DBE0E2;border-radius: 0 0 5px 5px;">
<div style="margin: 0 auto;width: 322px;">
                <div style="margin: 0 auto;width: 322px;">
<div class="gg_label">
                    <div class="gg_label">
<div class="title">价格:</div>
                        <div class="title">价格:</div>
<div class="payfo">{{{金鹰|}}}<span stylee="position: relative;top: 3px;left: 10px;"> [[文件:Specs-Card-Eagle.png|无框||link=]]</span></div>
                        <div class="payfo">{{{金鹰|}}} <span stylee="position: relative;top: 3px;left: 10px;"> [[文件:Specs-Card-Eagle.png|无框||link=]]</span></div>
</div>
                    </div>
</div>
                </div>
</div>
            </div>
|<div style="width: 100%;margin-top: 1px;height: 86px;border-radius: 0 0 5px 5px;">
            |<div style="width: 100%;margin-top: 1px;height: 86px;background-color: #DBE0E2;border-radius: 0 0 5px 5px;">
<div style="margin: 0 auto;width: 322px;">
                <div style="margin: 0 auto;width: 322px;">
<div class="gg_label">
                    <div class="gg_label">
<div class="title">研发点需求:</div>
                        <div class="title">研发点需求:</div>
{{#if:{{{联队研发|}}}
                        {{#if:{{{联队研发|}}}
|<div class="payfo">{{{联队研发|}}}<span stylee="position: relative;top: 1px;left: 10px;">[[文件:Specs-Card-Activity.png|无框|link=]]</span></div>
                        |<div class="payfo">{{{联队研发|}}} <span stylee="position: relative;top: 1px;left: 10px;">[[文件:Specs-Card-Activity.png|无框|link=]]</span></div>
|{{#if:{{{研发点|}}}
                        |{{#if:{{{研发点|}}}
|<div class="payfo">{{{研发点|}}}<span stylee="position: relative;top: 1px;left: 10px;">[[文件:Specs-Card-Exp.png|无框|link=]]</span></div>
                        |<div class="payfo">{{{研发点|}}} <span stylee="position: relative;top: 1px;left: 10px;">[[文件:Specs-Card-Exp.png|无框|link=]]</span></div>
|<div class="payfo">免费</div>
                        |<div class="payfo">免费</div>
}}
                        }}
}}
                        }}
</div>
                    </div>
<div class="gg_label">
                    <div class="gg_label">
<div class="title">价格:</div>
                        <div class="title">价格:</div>
{{#if:{{{银狮|}}}
                        {{#if:{{{银狮|}}}
|<div class="payfo">{{{银狮|}}}<span stylee="position: relative;top: 3px;left: 10px;">[[文件:Specs-Card-Lion.png|无框||link=]]</span></div>
                        |<div class="payfo">{{{银狮|}}} <span stylee="position: relative;top: 3px;left: 10px;">[[文件:Specs-Card-Lion.png|无框||link=]]</span></div>
|<div class="payfo">免费</div>
                        |<div class="payfo">免费</div>
}}
                        }}
</div>
                    </div>
                </div>
            </div>
        }}
    }}
</div>
</div>
</div>
</div>
<div class="row">
}}
}}
</div>
</div>
{{#ifeq:{{{隐藏分类|}}}|是||{{#if:{{{大类|}}}|[[分类:{{{大类|}}}]][[分类:{{{国家|}}}{{{大类|}}}]][[分类:{{{载具等级|}}}级{{{大类|}}}]]|}}{{#arraymap:{{{载具类别|}}}|,|@|[[分类:@]]| }}{{#if:{{{金鹰需求|}}}|[[分类:高级载具]]|}}{{#if:{{{联队研发|}}}|[[分类:联队载具]]|}}}}
{{#css:
.table_panel{
            width: 100%;
            height: 82px;
        }
        .tp_table{
            position: relative;
            top: 12px;
            margin: 0 auto 0 auto;
            width: 322px;
            height: 59px;
            border-color: #DBE0E2;
        }
        .tpt_td{
            height: 30px;
            width: 104px;
            line-height: 30px;
            text-align: center;
            background-color: #fff;
        }
        .tpt_td>a{
            color:#000;
        }
        .label_panel{
            width: 322px;
            margin: 0 auto;
        }
        .gg_label{
          float: left;
          position: relative;
          top: 15px;
          width: 50%;
        }
        .title{
          font-size: 14px;
          color: #222;
        }
        .payfo{
          font-size: 24px;
          font-weight: bold;
          .lbl img{width: 800px;}
        }
.toc{
position: fixed!important;
    top: 232px!important;
    z-index: 10000!important;
    left: 3px!important;
}
#toc{
position: fixed!important;
    top: 232px!important;
    z-index: 10000!important;
    left: 3px!important;
}
.general_info_market_button {
    background-color: #407088;
    color: #EEEEEE;
    padding: 6px 10px 6px;
    cursor: pointer;
    transition: .2s;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    display:block;
}
.general_info_market_button:hover {
    background-color: #3C5E6F;
}
.general_info_buy_button {
    background-color: #E44844;
    color: #EEEEEE;
    padding: 6px 10px 6px;
    cursor: pointer;
    transition: .2s;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    display:block;
}
.general_info_buy_button:hover {
    background-color: #cc5451;
}


.swiper {right: 1rem;width: 750px;height: 406px;}
</div>
.swiper-wrapper {width: 220px;height: 220px;}
</div>
.swiper-slide {width: 755px;height: 406px;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
<!--选项卡1结束-->
.swiper-slide img {display: block;width: 735px;height: 405px;object-fit: cover;}
</div>
.主0 {height: 467px;width: 755px;margin-left: -1px;position: relative;margin-top: 44px;border: 1px solid #577d9b00;}
.主0:hover {border: 1px solid #577d9b00;box-shadow: inset 0 0 20px rgb(21 108 111 / 0%), 0 0 20px rgb(25 108 121 / 0%);outline-color: rgba(255, 255, 255, 0);outline-offset: 15px;color: #487b9000;}
.载具页面轮播图 {position: absolute;left: 25px;margin-top: 0px;}
.载具轮播图框 {border: solid 7px #eee;border-bottom-color: #477087;border-left-color: #365668;border-radius: 0px;border-right-color: #365668;border-top-color: #477087;margin-top: 1px;margin-left: -6px;height: 406px;}


.顶部图框组 .顶部图框 .顶部图 a img {position: relative;z-index: 100;display: block;width: 100%;height: 100%;object-fit: cover;backface-visibility: hidden;}
<div class="tab-content" id="tab2">
.顶部图框组 .顶部图框 .顶部图 .反光效果 {position: absolute;top: -175px;right: -32%;width: 490px;height: 400px;-webkit-transform: rotateZ(337deg);background-image: linear-gradient(rgb(255 255 255 / 45%), rgb(255 255 255 / 0%));z-index: 103;}
<!--选项卡2开始-->
.顶部图框组 .顶部图框 .顶部图 {position: relative;z-index: 100;width: 100%;overflow: hidden;}
{{WT风格按钮|传送门=|颜色=红色|文字=施工中}}
.顶部图框组 .顶部图框 {width: 750px;height: 406px;background-color: #b0bec5;border: solid 11px #eee;border-bottom-color: #477087;border-left-color: #365668;border-radius: 0px;border-right-color: #365668;border-top-color: #477087;box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%) inset, 0 5px 10px 5px rgb(0 0 0 / 25%);}
<!--选项卡2结束-->
.顶部图框组 {position: absolute;margin-left: -5px;margin-top: 0px;}
</div>
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {right: 16px!important;padding: 5px;}
 
<!--用于移动端-开始-->
</div>
<!--选项卡面板区结束-->
</div>
</div>
</div>
</div>
__NOTOC__
{{#ifeq:{{{隐藏分类|}}}|是||{{DISPLAYTITLE:{{tr|{{{载具ID|}}}}}}}{{#if:{{{大类|}}}|[[分类:{{{大类|}}}]][[分类:{{{国家|}}}{{{大类|}}}]][[分类:{{{载具等级|}}}级{{{大类|}}}]]|}}{{#arraymap:{{{载具类别|}}}|,|@|[[分类:@]]| }}{{#if:{{{金鹰需求|}}}|[[分类:高级载具]]|}}{{#if:{{{联队研发|}}}|[[分类:联队载具]]|}}}}</includeonly>{{#css:
.面板框架 {position: relative;background-color: #374750;border: 5px solid #4e6e83;width: 100%;height: 700px;margin: auto;}
.面板框架 .面板背景区 {position: relative;width: 100%;height: 650px;margin: auto;top: 30px;}
.面板背景区 .面板背景图 {overflow: hidden;background-color: blanchedalmond;width: 100%;height: 651px;}
.面板背景区 .面板背景图 img {display: block;width: 100%;height: 104%;object-fit: cover;backface-visibility: hidden;margin-top: 0px;margin-left: 0px;-webkit-transform: scale(1.1,1.1);}
.面板框架 .面板背景区 .面板背景遮罩 {background-color: #2951515e;background-image: -webkit-radial-gradient(top, circle cover, #3c3b5242 0%, #25223345 80%);position: absolute;width: 100%;height: 690px;top: -30px;left: 0px;}
.面板框架 .面板内容区 {position: absolute;z-index: 12;overflow: hidden;width: 100%;height: 690px;top: 0px;}
.载具简介区 {position: absolute;overflow: hidden;width: 1130px;height: 620px;left: 10px;z-index: 13;}
.载具简介区 .载具立绘 {position: absolute;-webkit-transform: scale(0.7,0.7);top: 122px;left: 240px;z-index: 14;pointer-events: none;}
.载具简介区 .载具卡 {background-color: #374750d1;width: 380px;height: 500px;position: absolute;top: 110px;left: 10px;border: 1px solid #547589;box-shadow: 0 0 6px 0px #000;z-index: 15;border-radius: 4px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.载具简介区 .载具卡 .载具名称 {font-weight: 500;font-size: 22px;color: #d5edfb;text-align: center;padding-top: 20px;}
.载具简介区 .载具卡 .载具阵营与等级 {position: relative;display: flex;width: 100%;height: auto;flex-wrap: nowrap;justify-content: space-around;flex-direction: row;align-items: center;top: 15px;}
.载具简介区 .载具卡 .载具阵营与等级 .载具阵营 {float: left;margin-left: -50px;}
.载具简介区 .载具卡 .载具阵营与等级 .载具等级 {float: right;color: #a6cce3;margin-right: -50px;}
.载具简介区 .载具卡 .载具阵营与等级 .载具阵营 a {color: #a6cce3;}
.载具简介区 .载具卡 .载具阵营与等级 .载具阵营 img {margin-top: -5px;}
.载具简介区 .载具卡 .载具前后 {position: relative;display: flex;width: 100%;height: 50px;flex-wrap: nowrap;justify-content: space-evenly;flex-direction: row;align-items: center;}
.载具简介区 .载具卡 .载具前后 .左箭头 {background-color: #35444d00;position: relative;padding: 4px 10px;border: 1px solid #90a4ae;border-radius: 5px;display: flex;flex-direction: row;align-items: center;}
.载具简介区 .载具卡 .载具前后 .左箭头 a {font-size: 13px;color: #90a4ae;padding-left: 8px;}
.载具简介区 .载具卡 .载具前后 .左箭头::before {content: " ";position: relative;width: 13px;height: 13px;border-bottom: 3px solid #90a4ae;border-right: 3px solid #90a4ae;transform: rotate(135deg);}
.载具简介区 .载具卡 .载具前后 .右箭头 {background-color: #35444d00;position: relative;padding: 4px 10px;border: 1px solid #90a4ae;border-radius: 5px;display: flex;flex-direction: row;align-items: center;}
.载具简介区 .载具卡 .载具前后 .右箭头 a {font-size: 13px;color: #90a4ae;padding-right: 8px;}
.载具简介区 .载具卡 .载具前后 .右箭头::after {content: " ";position: relative;width: 13px;height: 13px;border-bottom: 3px solid #90a4ae;border-right: 3px solid #90a4ae;transform: rotate(315deg);}
.分割线 {height: 2px;background: linear-gradient(90deg,#586b9400,#566e7f,#566e7f,#586b9400);margin: 40px 0;width: 366px;}
.载具简介区 .载具卡 .载具权重 {position: relative;margin: 0 auto;box-shadow: 0 1px 2px rgb(255 255 255 / 6%);width: 322px;height: 120px;top: -20px;overflow: hidden;display: flex;flex-direction: row;justify-content: space-evenly;}
.载具简介区 .载具卡 .载具权重 .载具权重表 {width: 100%;height: 82px;margin-top: -14px;}
.载具简介区 .载具卡 .载具权重 .载具权重表 h3 {color: #8fb1c5;font-size: 14px;font-weight: 600;margin: 6px 0;}
.载具简介区 .载具卡 .载具权重 .载具权重表 .tp_table{position: relative;top: 0px;height: 80px;width: 100%;border-color: #98bacf4d;color: #a6cce3;font-size: 13px;}
.载具简介区 .载具卡 .载具权重 .载具权重表 .tpt_td{height: 30px;width: 104px;line-height: 30px;text-align: center;background-color: #314049;}
.载具简介区 .载具卡 .载具权重 .载具权重表 .tpt_td>a{color:#ffffff;}
.载具简介区 .载具卡 .载具类别 .label_panel{width: 322px;margin: -20px auto;}
.载具获取 .获取方式 .获取方式定位 {margin: 0 auto;width: 322px;padding:20px 0;}
.载具获取 .获取方式 .获取方式定位 .获取方式副标题 {font-size: 17px;font-weight: bold;color: #8fb1c5;}
.载具获取 .获取方式 .获取方式定位 .获取方式标题 {color: #8fb1c5;font-size: 14px;font-weight: 600;}
.载具获取 .获取方式 .获取方式定位 .wt按钮-红色 {padding: 5px 138px;}
.载具获取 .获取方式 .获取方式定位 .wt按钮-绿色 {padding: 5px 128px;}
.载具获取 .gg_label{float: left;position: relative;top: 40px;width: 50%;}
.载具获取 .title{font-size: 17px;color: #8fb1c5;font-weight: 600;margin: 10px 0px;}
.载具获取 .payfo{font-size: 21px;font-weight: bold; }
.载具获取 .payfo img{margin: 4px;}
.nor_label a {color: #90a4ae!important;}
@media (max-width: 768px) {
@media (max-width: 768px) {
.载具页面轮播图 {position: relative;top: -22px;margin-left: -8px;margin-top: 40px;}
.面板框架 {width: 108.2%!important;height: 900px!important;margin: -15px!important;}
.vehicleinfobox {display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;margin-left: -21px}
.面板框架 .面板背景区 {width: 100%!important;height: 860px!important;top: 30px!important;}
.swiper {width: 358px;height: 250px;}
.面板背景区 .面板背景图 {width: 100%!important;height: 860px!important;}
.swiper-slide {width: 358px;height: 250px;}
.面板框架 .面板背景区 .面板背景遮罩 {width: 100%!important;height: 890px!important;left: 0px!important;}
.顶部图框组 .顶部图框 {width: 358px;height: 250px;}
.面板框架 .面板内容区 {width: 100%!important;height: 890px!important;}
.图鉴选项卡 {position: relative!important;width: 100%!important;}
.图鉴选项卡 .tab-container {width: 100%!important;}
.图鉴选项卡 .tab-container .tab-list {width: 100%!important;}
.载具简介区 {width: 100.6%;height: 830px;left: -1px!important;}
.载具简介区 .载具卡 {background-color: #2d3b43!important;width: 100%!important;top: 330px!important;left: 0px!important;margin: 0!important;box-shadow: 0 -1px 6px 0px #000!important;border-radius: 0px!important;}
.载具简介区 .载具卡 .载具权重 {box-shadow: 0 1px 2px rgb(255 255 255 / 0%)!important;}
.面板背景区 .面板背景图 img {width: 100%!important;height: 50%!important;}
.载具简介区 .载具立绘 {-webkit-transform: scale(0.3,0.3)!important;top: -35px!important;left: -325px!important;}
div#toc {display: none!important;}
}
}
<!--选项卡面板css区开始-->
.图鉴选项卡 .tab-container {width: 1160px;margin: 223px 0px 0px 0px;padding-top: 15px;height: 80px;background: #2e4049;border-top: 0px solid #ba0d0d;}
.图鉴选项卡 .tab-container .tab-list {display: flex;list-style: none;padding: 0!important;width: 30%;margin: auto;flex-direction: row;justify-content: center;}
.图鉴选项卡 .tab-container .tab-list .tab-item {cursor: pointer;padding: 10px 19px;border: 1px solid black;background-color: #3b5361;margin-right: 0px;color: #e8f6ff;font-weight: 600;width: 34%;text-align: center;}
.图鉴选项卡 .tab-container .tab-list .tab-item.active {background-color: #556c79;}
.图鉴选项卡 .tab-container .tab-content-container {padding: 1px;}
.图鉴选项卡 .tab-container .tab-content {display: none;}
.图鉴选项卡 .tab-container .tab-content.active {display: block;color: #e4ffff;font-size: 18px;font-weight: 500;}
.图鉴选项卡 {position: absolute;top: -223px;}
<!--选项卡面板css区结束-->
}}
}}
<div class="visible-md visible-sm visible-xs">
{{#Widget:载具图鉴选项卡面板}}<noinclude>{{风险|qqgroup=https://qm.qq.com/q/r7Xp2tUyZy}}{{doc}}[[分类:载具资料模板]]</noinclude>
__NOTOC__
</div>
</includeonly><noinclude>
{{doc}}
[[分类:载具资料模板]]
</noinclude>
 
{{#Widget:Swiper1}}
{{#Widget:Swiper1}}

2024年12月30日 (一) 00:43的最新版本

Msg-important.png 本模板已应用于大量页面。
为避免大规模的破坏及不必要的服务器负荷,任何改动均应先在沙盒页面或您自己的用户页测试。
为尊重其他用户,任何改动在生效前都应先在Bwiki 编辑交流群讨论。
经过测试正常并讨论通过即可一次性改动本模板。

点击复制以下模板

{{载具图鉴/沙盒
|载具ID = <!-- 载具码,见[[模块:Tr/Db]] -->
|国家 = 
|载具等级 = <!-- 汉字、阿拉伯数字、罗马数字均可 -->
|载具类别 = <!--多个类别用“,”分隔-->
|大类 = 
|载具背景 = <!-- 已由大类确定,选填,可选车库/机库/船坞 -->
|权重 =  <!-- 街/历/全 -->
|前置载具 = 
|下个载具 = <!-- 二者为载具码 -->
|研发点 = 
|银狮 = 
|联队研发 = 
|金鹰 = 
|获取方式 = 
|交易所ID = 
|商城ID = 
}}

示例

 ·  ·  ·

如果是第一次来,按"Ctrl+D"可以收藏随时查看更新~按右上角“编辑→源代码”即可修改页面内容。觉得WIKI好玩的话,请推荐给朋友哦~(◕ω<)☆
载具图鉴-船坞背景.jpg
  • 简介
Ussr cruiser chapayev 资料卡.png
夏伯阳
IV 级

权重等级:

街机 历史 全真
6.06.06.0
研发点需求:
100 000Specs-Card-Exp.png
价格:
310 000Specs-Card-Lion.png


代码呈现

{{载具图鉴
|载具ID = ussr_cruiser_chapayev
|国家 = 苏联
|载具等级 = IV  
|载具类别 = 轻巡洋舰<!--【多个类别用“,”分隔】-->
|大类 = 远洋海军
|权重 = 6.0/6.0/6.0
|前置载具 = ussr_cruiser_krasnyi_krim
|下个载具 = ussr_cruiser_mikhail_kutuzov
|研发点 = 100 000
|银狮 = 310 000
|联队研发 = 
|金鹰 = 
|获取方式 = 
|交易所ID = 
|商城ID = 
}}