因BWiki近期更新,普通用户无法直接访问除重定向、编辑表格外的特殊页面(如最近更改等),进行3次有效编辑后即可恢复。
全站通知:
“模板:载具图鉴”的版本间差异
刷
历
编
跳到导航
跳到搜索
Zyszhao (319206634)(讨论 | 贡献) 小 (Edit via InPageEdit) |
瓦瑞克Warrick (11777889)(讨论 | 贡献) |
||
(未显示5个用户的42个中间版本) | |||
第1行: | 第1行: | ||
<includeonly> | <includeonly>{{面包屑|载具图鉴|{{{国家}}}{{{大类|}}}}} | ||
{{ | <div class="面板框架"> | ||
| | <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"> | |||
<div class="tab-content active" id="tab1"> | |||
| | <!--选项卡1开始--> | ||
<div class="载具简介区"> | |||
<div class="载具立绘">[[文件:{{{载具ID|}}}_资料卡.png|1024px]]</div> | |||
<div class="载具卡"> | |||
| | <div class="载具名称">{{tr|{{{载具ID|}}}}}</div> | ||
<div class="载具前后"> | |||
{{#if:{{{前置载具|}}} | |||
|<div class="左箭头">{{JDC|{{{前置载具|}}}}}</div> | |||
}} | |||
{{#if:{{{下个载具|}}} | |||
|<div class="右箭头">{{JDC|{{{下个载具|}}}}}</div> | |||
}} | }} | ||
</div> | |||
<div class="载具阵营与等级"> | |||
<div class="载具阵营">[[文件:{{#switch: {{{国家|}}} | |||
| 美国 = USA | | 美国 = USA | ||
| 德国 = Germany | | 德国 = Germany | ||
第47行: | 第39行: | ||
| 瑞典 = Sweden | | 瑞典 = Sweden | ||
| 以色列 = Israel | | 以色列 = Israel | ||
}} | }}_flag.png|44x22px|无框|link={{{国家|}}}{{{大类|}}}]] [[{{{国家|}}}{{{大类|}}}|{{{国家|}}}]]</div><div class="载具等级">{{载具图鉴/等级|{{{载具等级|}}}}} 级</div> | ||
</div> | |||
<hr class="分割线"> | |||
<div class="载具权重"> | |||
<div class="载具权重表"> | |||
<h3>权重等级:</h3> | |||
<table class="tp_table" border="1" cellspacing="0"> | |||
< | <tr> | ||
<td class="tpt_td">街机</td> | |||
<td class="tpt_td">历史</td> | |||
<td class="tpt_td">全真</td> | |||
</tr> | |||
<tr> | |||
{{#arraymap:{{{权重|}}}|/|@|<td class="tpt_td">@</td>|}} | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
<div class="载具类别"> | |||
<div class="label_panel"> | |||
{{#arraymaptemplate:{{{载具类别|}}}|载具类别根|,| }} | {{#arraymaptemplate:{{{载具类别|}}}|载具类别根|,| }} | ||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="载具获取"> | ||
{{#if:{{{获取方式|}}} | |||
|<div class="获取方式"> | |||
<div class="获取方式定位"> | |||
<div class="获取方式标题">获取方式:</div> | |||
<div class="获取方式副标题">礼包/活动奖励</div> | |||
{{#if:{{{商城ID|}}} | |||
|{{WT风格按钮|传送门=https://store.gaijin.net/story.php?id={{{商城ID|}}}|颜色=红色|文字=商城}} | |||
|{{#if:{{{交易所ID|1}}} | |||
|{{WT风格按钮|传送门=https://trade.gaijin.net/?n={{{交易所ID|1}}}&viewitem=&a=1067|颜色=绿色|文字=交易所}} | |||
|<div style="display:none;"></div>}} | |||
}} | |||
</div> | |||
</div> | |||
|{{#if:{{{金鹰|}}} | |||
|<div style="width: 100%;margin-top: 1px;height: 86px;border-radius: 0 0 5px 5px;"> | |||
<div style="margin: 0 auto;width: 322px;"> | |||
<div class="gg_label"> | |||
<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> | ||
|<div style="width: 100%;margin-top: 1px;height: 86px;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=" | <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> | |||
<!--选项卡1结束--> | |||
</div> | |||
<div class="tab-content" id="tab2"> | |||
<!--选项卡2开始--> | |||
{{WT风格按钮|传送门=|颜色=红色|文字=施工中}} | |||
<!--选项卡2结束--> | |||
</div> | |||
</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) { | |||
.面板框架 {width: 108.2%!important;height: 900px!important;margin: -15px!important;} | |||
.面板框架 .面板背景区 {width: 100%!important;height: 860px!important;top: 30px!important;} | |||
.面板背景区 .面板背景图 {width: 100%!important;height: 860px!important;} | |||
.面板框架 .面板背景区 .面板背景遮罩 {width: 100%!important;height: 890px!important;left: 0px!important;} | |||
.面板框架 .面板内容区 {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区结束--> | |||
}} | |||
< | {{#Widget:载具图鉴选项卡面板}}<noinclude>{{风险|qqgroup=https://qm.qq.com/q/r7Xp2tUyZy}}{{doc}}[[分类:载具资料模板]]</noinclude> | ||
{{#Widget:Swiper1}} | |||
2024年12月30日 (一) 00:43的最新版本
![]() |
本模板已应用于大量页面。 为避免大规模的破坏及不必要的服务器负荷,任何改动均应先在沙盒页面或您自己的用户页测试。 为尊重其他用户,任何改动在生效前都应先在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 = }}