查看“模板:武器一览”的源代码

<includeonly>
<div class="divsort filter" data-param0="{{{0|}}},0" data-param1="{{{2|}}}" data-param2="{{{3|}}}" data-param3="{{{4|无}}}">
	<div class="yilan">
	    <div class="">
	        {{图标|{{{1|}}}|中}}
	    </div>      
	    <span class="name">
		    [[{{{1|}}}]]
	    </span>
	</div>
</div></includeonly><noinclude>
{|class="wikitable filtrate-table btn-table" style="width:100%"
|-
!width="160px"|查看全部
|
<li class="btn btn-default cardSelectOption" href="#" role="button" data-option="0|0" data-group="0">查看全部</li>
|-
!稀有度
|
{{筛选项|1|UR|}}
{{筛选项|1|SSR|}}
{{筛选项|1|SR|}}
{{筛选项|1|R|}}
{{筛选项|1|N|}}
|-
!分类
|
{{筛选项|2|武器|武器}}
{{筛选项|2|护甲|护甲}}
{{筛选项|2|挂件|挂件}}
|-
!style="width:10%"|阵营
|
{{筛选项|3|无阵营}}{{筛选项|3|铁盟}}{{筛选项|3|阿妮塔}}{{筛选项|3|学会}}{{筛选项|3|帝国}}{{筛选项|3|黑月}}
|}
<div id="CardSelectTr" class="xs">
{{#invoke:数据库调用|pushList|type=装备|sort=一览}}
</div>
{{#CSS:
.xs{
  display:none;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin:0;
}
@media only screen and (max-width: 600px) {
    .xs{
        display:flex;
    }
}
@media only screen and (max-width: 600px) {
	.btn{
		padding: 4px 8px;
		font-size: 12px;
	}
}
.yilan {
	float: left;
	text-align: center;
	width: 65px;
	margin: 0 3px;
}
.yilan i{
	float: left;
	text-align: center;
	width: 65px;
	margin: 0 3px;
}
.yilan img {
	pointer-events: none;
}
.yilan div a {
	display: inline-block;
}
.tupian-xs{
    max-width: 65px;
    width: 100%;
    height: 100%;
    margin:0.1em;
}
.name{
	width: 65px;
	font-size: 12px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.filtrate-table{
	background-color: #00000000;
}
.filtrate-table  > * > tr > th{
	background: #202020;
	color: white;
	font-size: 14px;
}
@media only screen and (max-width: 600px) {
    .filtrate-table  > * > tr > th{
	background: #202020;
	color: white;
	font-size: 12px;
    }
}
.filtrate-table  > * > tr > td{
	color: white;
}
.show-table  > * > tr > td{
	text-align: center;
}
.wepName{
	font-size:14px;
}
.wepImg-UR{
	background: linear-gradient(to top, #ff8100 4%,#b96117 5%,#664733 50%, #1e1e1e);
}
.wepImg-SSR{
	background: linear-gradient(to top, #ffbc00 4%,#b99617 5%,#666333 50%, #1e1e1e);
}
.wepImg-SR{
	background: linear-gradient(to top, #a823fb 4%,#8241a3 5%,#503856 50%, #1e1e1e);
}
.wepImg-R{
	background: linear-gradient(to top, #4a8aff 4%,#2b62cb 5%,#464646 50%, #1e1e1e);
}
.wepImg-N{
	background: linear-gradient(to top, #ffffff 4%,#cbcbcb 5%,#686868 50%, #1e1e1e);
}
.wepImg{
}
@media (max-width: 768px){
.wepImg{	width:0%}
.wepImg img{}
}
}}
</noinclude>