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

<includeonly>
<tr class="divsort filter" data-param0="{{{0|}}},0" data-param1="{{{2|}}}" data-param2="{{{3|}}}" data-param3="{{{4|无}}}">
	<td class="wepImg">{{图标|{{{1|}}}|中}}</td>
	<td class="visible-md visible-sm visible-lg wepName">[[{{{1|}}}]]</td>
	<td class="visible-md visible-sm visible-lg">{{{2|}}}</td>
	<td class="visible-md visible-sm visible-lg">{{{3|}}}</td>
	<td class="visible-md visible-sm visible-lg">{{{4|}}}</td>
	<td class="visible-xs">[[{{{1|}}}]]<br>{{{2|}}}<br>{{{3|}}}<br>{{{4|}}}</td>
	<td class="visible-md visible-sm visible-lg">{{{5|}}}</td>
	<td class="visible-md visible-sm visible-lg">{{{6|}}}</td>
	<td class="visible-md visible-sm visible-lg">{{{7|}}}</td>
	<td class="visible-xs">{{{5|}}}<br>lv1:+{{{6|}}}<br>lvMax:+{{{7|}}}</td>
	<td class="">{{{8|}}}</td>
</tr>
</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|黑月}}
|}
{|id="CardSelectTr" class="CardSelect wikitable sortable filtrate-table show-table visible-md visible-sm visible-lg" style="width:100%;text-align: left;margin-top:5px;font-size:12px"
|-id="CardSelectTabHeader"
! style="width:100px"| 装备预览
! class="visible-md visible-sm visible-lg" style="width:80px" | 名称
! class="visible-md visible-sm visible-lg" style="width:70px" | 稀有度
! class="visible-md visible-sm visible-lg" style="width:60px" | 分类
! class="visible-md visible-sm visible-lg" style="width:60px" | 归属
! class="visible-xs" style="width:60px" | 基本信息
! class="visible-md visible-sm visible-lg" style="width:60px" | 属性类型
! class="visible-md visible-sm visible-lg" style="width:60px" | 初始数值
! class="visible-md visible-sm visible-lg" style="width:60px" | 满级数值
! class="visible-xs" style="width:60px" | 属性
! style="max-width:100%" | 主词缀
{{#invoke:数据库调用|pushList|type=装备}}
|}
<div id="CardSelectTr" class="xs" style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0">
{{#invoke:数据库调用|pushList|type=装备}}
</div>

{{#CSS:
@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 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>