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

2024年1月14日 (日) 08:10的版本

点击复制以下模板

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

示例

编 · 论 · 刷 · 历

首页 > 载具图鉴> 苏联远洋海军 > 载具图鉴

如果是第一次来，按"Ctrl+D"可以收藏随时查看更新~按右上角“编辑→源代码”即可修改页面内容。觉得WIKI好玩的话，请推荐给朋友哦～(◕ω＜)☆

文件:Ussr cruiser chapayev 车库2.png

夏伯阳

红色克里米亚

米哈伊尔·库图佐夫

苏联

IV 级

街机	历史	全真
6.0	6.0	6.0

轻巡洋舰

研发点需求：

100 000

价格：

310 000

代码呈现

{{载具图鉴
|载具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 = 
}}

@@ 第16行： / 第16行： @@
 {{PageUptoDate}}
 <div style="min-height:405px;"class="vehicleinfobox">
-<div style="float:left;width: calc(100% - 450px);min-height:405px;" class="lbl">{{swiper|延迟=4000|[[文件:{{{载具ID|}}}_资料卡.png|x400px|link=]]|[[文件:{{{载具ID|}}}_车库.png|x400px]]|{{#ifexist: 文件:{{{载具ID|}}}_车库2.png | [[文件:{{{载具ID|}}}_车库2.png|x400px]] | }}}}</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>
+<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 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;">
@@ 第204行： / 第219行： @@
      background-color: #cc5451;
 }
+.swiper {right: 1rem;width: 750px;height: 406px;}
+.swiper-wrapper {width: 220px;height: 220px;}
+.swiper-slide {width: 755px!important;height: 406px!important;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;pointer-events: none;}
+.顶部图框组 .顶部图框 {width: 750px;height: 406px;background-color: #ddc;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;border: 3px solid #0178f952;border-radius: 10px;padding: 5px;}
 }}
 <div class="visible-md visible-sm visible-xs">
@@ 第212行： / 第243行： @@
 [[分类:载具资料模板]]
 </noinclude>
+{{#Widget:Swiper1}}