因BWiki近期更新,普通用户无法直接访问除重定向、编辑表格外的特殊页面(如最近更改等),进行3次有效编辑后即可恢复。
全站通知:
“模板:载具图鉴”的版本间差异
刷
历
编
跳到导航
跳到搜索
F-41地心鸦 (14414857)(讨论 | 贡献) (去除不必要的空行) 标签:已回退 |
F-41地心鸦 (14414857)(讨论 | 贡献) 标签:回退 已回退 |
||
第1行: | 第1行: | ||
<includeonly>{{ | <noinclude>{{风险|qqgroup=https://qm.qq.com/q/r7Xp2tUyZy}}</noinclude> | ||
<includeonly> | |||
{{#set: | |||
<div class=" | |载具ID={{{载具ID|}}} | ||
<!-- | |国家={{{国家|}}} | ||
<div class=" | |载具等级={{{载具等级|}}} | ||
<div class=" | |权重={{{权重|}}} | ||
< | |前置载具={{{前置载具|}}} | ||
< | |下个载具={{{下个载具|}}} | ||
{{# | |研发点={{{研发点|}}} | ||
|< | |银狮={{{银狮|}}} | ||
</ | |金鹰={{{金鹰|}}} | ||
|联队研发={{{联队研发|}}} | |||
<div class=" | |获取方式={{{获取方式|}}} | ||
<div class=" | |隐藏分类={{{隐藏分类|}}} | ||
< | }}{{#ifeq:{{{隐藏分类|}}}|是||{{DISPLAYTITLE:{{tr|{{{载具ID|}}}}}}}}} | ||
<div class=" | {{面包屑|载具图鉴|{{{国家}}}{{{大类|}}}}} | ||
<div class=" | {{PageUptoDate}} | ||
<div class=" | <div style="min-height:405px;"class="vehicleinfobox"> | ||
<div class=" | <div class="hidden-xs"> | ||
<div | <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> | |||
<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> | ||
<div class=" | </div><!--仅移动端显示1--> | ||
<div class=" | <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 | ||
第39行: | 第78行: | ||
| 瑞典 = Sweden | | 瑞典 = Sweden | ||
| 以色列 = Israel | | 以色列 = Israel | ||
}} | }} flag.png|44x22px|无框|link={{{国家|}}}{{{大类|}}}]]</div> | ||
</div> | <div style="float:left;color: #01579B;"> [[{{{国家|}}}{{{大类|}}}|{{{国家|}}}]]</div> | ||
< | <div style="float:right;color: #01579B;margin-right: 10px;">{{载具图鉴/等级|{{{载具等级|}}}}} 级</div> | ||
<div | </div> | ||
<div class=" | </div> | ||
< | <div style="width: 100%;margin-top: 1px;height: 186px;background-color: #DBE0E2;"> | ||
<table class="tp_table" border="1" cellspacing="0"> | <div class="table_panel"> | ||
<tr> | <!-- border="1" cellspacing="0"--> | ||
<td class="tpt_td">街机</td> | <table class="tp_table" border="1" cellspacing="0"> | ||
<td class="tpt_td">历史</td> | <!--<tbody>--> | ||
<td class="tpt_td">全真</td> | <tr> | ||
</tr> | <td class="tpt_td">街机</td> | ||
<tr> | <td class="tpt_td">历史</td> | ||
{{#arraymap:{{{权重|}}}|/|@|<td class="tpt_td">@</td>|}} | <td class="tpt_td">全真</td> | ||
</tr> | </tr> | ||
</ | <tr> | ||
</ | {{#arraymap:{{{权重|}}}|/|@|<td class="tpt_td">@</td>|}} | ||
</div> | </tr> | ||
<!--</tbody>--> | |||
<div class="label_panel"> | </table> | ||
</div> | |||
<div class="label_panel"> | |||
{{#arraymaptemplate:{{{载具类别|}}}|载具类别根|,| }} | {{#arraymaptemplate:{{{载具类别|}}}|载具类别根|,| }} | ||
</div> | </div> | ||
</div> | </div> | ||
{{#if: {{{获取方式|}}} | |||
{{#if:{{{获取方式|}}} | |<div style="width: 100%;margin-top: 1px;background-color: #DBE0E2;border-radius: 0 0 5px 5px;"> | ||
|<div | <div style="margin: 0 auto;width: 322px;padding:15px 0;"> | ||
<div class=""> | |||
<div class="title">获取方式:</div> | |||
<div class="payfo">礼包/活动奖励</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> | ||
|{{#if:{{{交易所ID| | |{{#if:{{{交易所ID|}}} | ||
| | |<a class="general_info_market_button" style="text-decoration: none;color:#EEE;" href="https://trade.gaijin.net/?n={{{交易所ID|}}}&viewitem=&a=1067">交易所</a> | ||
|<div style="display:none;"></div>}} | |<div style="display:none;"></div>}} | ||
}} | }} | ||
</div> | |||
</div> | |||
|{{#if:{{{金鹰|}}} | </div> | ||
|<div style="width: 100%;margin-top: 1px;height: 86px;border-radius: 0 0 5px 5px;"> | |{{#if:{{{金鹰|}}} | ||
<div style="margin: 0 auto;width: 322px;"> | |<div style="width: 100%;margin-top: 1px;height: 86px;background-color: #DBE0E2;border-radius: 0 0 5px 5px;"> | ||
<div class="gg_label"> | <div style="margin: 0 auto;width: 322px;"> | ||
<div class="title">价格:</div> | <div class="gg_label"> | ||
<div class="payfo">{{{金鹰|}}}<span stylee="position: relative;top: 3px;left: 10px;"> [[文件:Specs-Card-Eagle.png|无框||link=]]</span></div> | <div class="title">价格:</div> | ||
<div class="payfo">{{{金鹰|}}} <span stylee="position: relative;top: 3px;left: 10px;"> [[文件:Specs-Card-Eagle.png|无框||link=]]</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
|<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 class="gg_label"> | |||
<div class="title">研发点需求:</div> | |||
{{#if:{{{联队研发|}}} | |||
|<div class="payfo">{{{联队研发|}}} <span stylee="position: relative;top: 1px;left: 10px;">[[文件:Specs-Card-Activity.png|无框|link=]]</span></div> | |||
|{{#if:{{{研发点|}}} | |||
|<div class="payfo">{{{研发点|}}} <span stylee="position: relative;top: 1px;left: 10px;">[[文件:Specs-Card-Exp.png|无框|link=]]</span></div> | |||
|<div class="payfo">免费</div> | |||
}} | |||
}} | |||
</div> | |||
<div class="gg_label"> | |||
<div class="title">价格:</div> | |||
{{#if:{{{银狮|}}} | |||
|<div class="payfo">{{{银狮|}}} <span stylee="position: relative;top: 3px;left: 10px;">[[文件:Specs-Card-Lion.png|无框||link=]]</span></div> | |||
|<div class="payfo">免费</div> | |||
}} | |||
</div> | |||
</div> | |||
</div> | |||
}} | |||
}} | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="row"> | |||
</div> | </div> | ||
| | {{#ifeq:{{{隐藏分类|}}}|是||{{#if:{{{大类|}}}|[[分类:{{{大类|}}}]][[分类:{{{国家|}}}{{{大类|}}}]][[分类:{{{载具等级|}}}级{{{大类|}}}]]|}}{{#arraymap:{{{载具类别|}}}|,|@|[[分类:@]]| }}{{#if:{{{金鹰需求|}}}|[[分类:高级载具]]|}}{{#if:{{{联队研发|}}}|[[分类:联队载具]]|}}}} | ||
{{#css: | |||
.table_panel{ | |||
width: 100%; | |||
{{#if:{{{ | height: 82px; | ||
| | } | ||
|{{#if:{{{ | .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;} | |||
.swiper-wrapper {width: 220px;height: 220px;} | |||
.swiper-slide {width: 100.9%!important;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;} | |||
.swiper-slide img {display: block;width: 735px;height: 405px;object-fit: cover;} | |||
.主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;} | |||
.顶部图框组 .顶部图框 .顶部图 .反光效果 {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;} | |||
.顶部图框组 .顶部图框 .顶部图 {position: relative;z-index: 100;width: 100%;overflow: hidden;} | |||
.顶部图框组 .顶部图框 {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%);} | |||
.顶部图框组 {position: absolute;margin-left: -5px;margin-top: 0px;} | |||
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {right: 16px!important;padding: 5px;} | |||
<!--用于移动端-开始--> | |||
. | |||
. | |||
. | |||
. | |||
. | |||
. | |||
. | |||
. | |||
. | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
. | .载具页面轮播图 {position: relative;top: -22px;margin-left: -8px;margin-top: 40px;} | ||
.vehicleinfobox {display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;margin-left: -21px} | |||
. | .swiper {width: 358px;height: 250px;} | ||
.swiper-slide {width: 358px;height: 50px;} | |||
. | .顶部图框组 .顶部图框 {width: 358px;height: 250px;} | ||
. | |||
. | |||
} | } | ||
< | }} | ||
<div class="visible-md visible-sm visible-xs"> | |||
__NOTOC__ | |||
</div> | |||
</includeonly><noinclude> | |||
{{doc}} | |||
[[分类:载具资料模板]] | |||
</noinclude> | |||
< | |||
{{#Widget:Swiper1}} | {{#Widget:Swiper1}} |
2024年5月15日 (三) 23:11的版本
![]() |
本模板已应用于大量页面。 为避免大规模的破坏及不必要的服务器负荷,任何改动均应先在沙盒页面或您自己的用户页测试。 为尊重其他用户,任何改动在生效前都应先在Bwiki 编辑交流群讨论。 经过测试正常并讨论通过即可一次性改动本模板。 |
点击复制以下模板
{{载具图鉴/沙盒 |载具ID = <!-- 载具码,见[[模块:Tr/Db]] --> |国家 = |载具等级 = <!-- 汉字、阿拉伯数字、罗马数字均可 --> |载具类别 = <!--多个类别用“,”分隔--> |大类 = |载具背景 = <!-- 已由大类确定,选填,可选车库/机库/船坞 --> |权重 = <!-- 街/历/全 --> |前置载具 = |下个载具 = <!-- 二者为载具码 --> |研发点 = |银狮 = |联队研发 = |金鹰 = |获取方式 = |交易所ID = |商城ID = }}
示例
如果是第一次来,按"Ctrl+D"可以收藏随时查看更新~按右上角“编辑→源代码”即可修改页面内容。觉得WIKI好玩的话,请推荐给朋友哦~(◕ω<)☆
代码呈现
{{载具图鉴 |载具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 = }}