查看“模板:乘员筛选/列表”的源代码

<includeonly><tr class="divsort filter" id="{{{id|}}},id" data-param0="{{{0|}}},0" data-param2="{{{2|}}},F" data-param3="{{{3|}}}" data-param4="{{{4|}}}" data-param5="{{{5|}}}" data-param6="{{{getTag|}}}" data-param7="{{{8|}}}">
<td class="role-head">[[file:{{{1|}}}-头像.png|link={{{1|}}}]]</td>
<td class="visible-md visible-sm visible-lg">[[{{{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-md visible-sm visible-lg">{{{5|待输入势力}}}</td>
<td class="visible-xs" style="text-align: center;">[[{{{1|}}}]]<br>{{{2|}}}<br>{{{3|}}}<br>{{{4|}}}<br>{{{5|}}}</td>
<td class="visible-md visible-sm visible-lg">{{{7|待输入生活技能}}}</td>
<td class="role-tag" style="text-align: left;">{{{6|待输入词条}}}</td>
</tr></includeonly><noinclude>
{|class="wikitable filtrate-table btn-table" style="width:100%;margin-bottom: -1px;"
|-
!class="visible-md visible-sm visible-lg" width="90px"|查看全部
|
<li class="btn btn-default cardSelectOption" href="#" role="button" data-option="0|0" data-group="0">查看全部</li>
|-class="visible-xs"
!稀有度
|-
!class="visible-md visible-sm visible-lg"|稀有度
|
{{筛选项|2|SSR|AndOR=OR}}
{{筛选项|2|SR|AndOR=OR}}
{{筛选项|2|R|AndOR=OR}}
{{筛选项|2|N|AndOR=OR}}
|-class="visible-xs"
!性别
|-
!class="visible-md visible-sm visible-lg"|性别
|
{{筛选项|3|男|AndOR=OR}}
{{筛选项|3|女|AndOR=OR}}
{{筛选项|3|未知|AndOR=OR}}
{{筛选项|3|无|机械|AndOR=OR}}
|-class="visible-xs"
!位置
|-
!class="visible-md visible-sm visible-lg"|位置
|
{{筛选项|4|前排|AndOR=OR}}
{{筛选项|4|中排|AndOR=OR}}
{{筛选项|4|后排|AndOR=OR}}
|-class="visible-xs"
!势力
|-
!class="visible-md visible-sm visible-lg"|势力
|
{{筛选项|5|“园丁”|AndOR=OR}}
{{筛选项|5|环大陆铁道联盟|AndOR=OR}}
{{筛选项|5|索思学会|AndOR=OR}}
{{筛选项|5|黑月锁链|AndOR=OR}}
{{筛选项|5|科伦巴商会|AndOR=OR}}
{{筛选项|5|曼杜斯帝国|AndOR=OR}}
|-class="visible-xs"
!生活技能
|-
!class="visible-md visible-sm visible-lg"|生活技能
|
{{筛选项|7|指定交易品买卖|AndOR=OR}}
{{筛选项|7|特产品买卖|AndOR=OR}}
{{筛选项|7|抬价技巧|AndOR=OR}}
{{筛选项|7|砍价技巧|AndOR=OR}}
|-
!colspan=2 style="text-align: left"|Tag(标签)
|-class="visible-xs"
!常用标签
|-
!class="visible-md visible-sm visible-lg"|常用标签
|
{{筛选项|6|点燃|AndOR=OR}}
{{筛选项|6|引雷|AndOR=OR}}
{{筛选项|6|冻结|AndOR=OR}}
|}
<div class="drop-down-wrap property-wrap">
	<div class="wrap-title property-title1"><div>其他标签(点击展开)</div></div>
	<div class="wrap-content" style="display: none">
{|class="wikitable filtrate-table property-table" style="text-align:left;width:100%"
|-class="visible-xs"
!分类1
|-
!class="visible-md visible-sm visible-lg" style=" width:90px"|分类1
|1
|-class="visible-xs"
!分类2
|-
!class="visible-md visible-sm visible-lg" style=" width:90px"|分类2
|2
|-class="visible-xs"
!分类3
|-
!class="visible-md visible-sm visible-lg" style=" width:90px"|分类3
|3
|-class="visible-xs"
!分类4
|-
!class="visible-md visible-sm visible-lg" style=" width:90px"|分类4
|4
|-class="visible-xs"
!分类5
|-
!class="visible-md visible-sm visible-lg" style=" width:90px"|分类5
|5
|}</div>
</div>
{|id="CardSelectTr" class="CardSelect wikitable sortable filtrate-table show-table" style="min-height: 0%;width:100%;text-align: left;margin-top:5px;font-size:12px"
|-id="CardSelectTabHeader"
! class="role-head" | 角色头像
! class="visible-md visible-sm visible-lg" style="width:10%" | 乘员名
! class="visible-md visible-sm visible-lg" style="width:5%" | 稀有度
! class="visible-md visible-sm visible-lg" style="width:5%" | 性别
! class="visible-md visible-sm visible-lg" style="width:5%" | 站位
! class="visible-md visible-sm visible-lg" style="width:10%" | 势力
! class="visible-md visible-sm visible-lg" style="width:15%" | 生活技能
! class="visible-xs" style="width:23.5%"| 基础信息
! class="" style="" | 词条
{{#invoke:数据库调用-乘员|RoleFilterItem}}
|}{{#CSS:
.btn-table  > * > tr > td > li{
	min-width: 10%;
	margin-bottom: -1px;
}
.filtrate-table{
	background-color: #00000000;
}
.filtrate-table  > * > tr > th{
	background: #202020;
	color: white;
	font-size: 14px;
}
.filtrate-table  > * > tr > td{
	color: white;
}
.show-table  > * > tr > td{
	text-align: center;
}
<!--页签-->
.property-table{
	text-align: left;
	width: 100%;
	margin: 0 0;
}
.btn-table > * > tr > td > li {    margin: 4px 0px;}
.property-wrap{margin-bottom: -2px;}
.property-title1 {   
	height: 36px!important;
	background: #222;
	color: white;
	border: 1px solid #bbb;
	text-align: center;
	font-weight: bold;
}
.role-head{width:116px;}
@media (max-width: 768px){
.role-head{width:80px;}
.show-table > * > tr > td {
    text-align: left;
}
}
}}
</noinclude>