查看“模板:思念图鉴”的源代码


<div class="main-line-wrap">
<div class="resp-tabs">
<ul class="resp-tabs-list clearfix" style="margin:10px 0 0">
<li class="active bili-list-style" ><span class="tab-panel">[[File:绿珥tag.gif|link=]]</span></li><!--默认第1个标签-->
<li class="bili-list-style" ><span class="tab-panel" >[[File:紫辉tag.gif|link=]]</span></li><!--默认第2个标签-->
<li class="bili-list-style" ><span class="tab-panel" >[[File:蓝弧tag.gif|link=]]</span></li><!--默认第3个标签-->
<li class="bili-list-style" ><span class="tab-panel" >[[File:红漪tag.gif|link=]]</span></li><!--默认第4个标签-->
<li class="bili-list-style" ><span class="tab-panel" >[[File:粉珀tag.gif|link=]]</span></li><!--默认第5个标签-->
<li class="bili-list-style" ><span class="tab-panel" >[[File:黄璃tag.gif|link=]]</span></li><!--默认第6个标签-->
<li class="bili-list-style" ><span class="tab-panel" >[[File:全部tag.gif|link=]]</span></li><!--默认第7个标签-->
<!--想添加更多标签,可以复制上面一行-->
</ul>
<div class="resp-tabs-container">
<div class="resp-tab-content" style="display:block"><!--默认第1个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask:[[思念星谱::绿珥]]|? 思念名称=思念名称||? 思念星级=稀有度|? 思念星谱=思念星谱|? 思念角色=角色名称|link=none|named args=yes|sort=思念星级|order=desc|format=template|template=思念图鉴个}}
|}
</div>
<div class="resp-tab-content"><!--默认第2个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask:[[思念星谱::紫辉]]|? 思念名称=思念名称||? 思念星级=稀有度|? 思念星谱=思念星谱|? 思念角色=角色名称|link=none|named args=yes|sort=思念星级|order=desc|format=template|template=思念图鉴个}}
|}
</div>
<div class="resp-tab-content"><!--默认第3个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask:[[思念星谱::蓝弧]]|? 思念名称=思念名称||? 思念星级=稀有度|? 思念星谱=思念星谱|? 思念角色=角色名称|link=none|named args=yes|sort=思念星级|order=desc|format=template|template=思念图鉴个}}
|}
</div>
<div class="resp-tab-content"><!--默认第3个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask:[[思念星谱::红漪]]|? 思念名称=思念名称||? 思念星级=稀有度|? 思念星谱=思念星谱|? 思念角色=角色名称|link=none|named args=yes|sort=思念星级|order=desc|format=template|template=思念图鉴个}}
|}
</div>
<div class="resp-tab-content"><!--默认第3个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask:[[思念星谱::粉珀]]|? 思念名称=思念名称||? 思念星级=稀有度|? 思念星谱=思念星谱|? 思念角色=角色名称|link=none|named args=yes|sort=思念星级|order=desc|format=template|template=思念图鉴个}}
|}
</div>
<div class="resp-tab-content"><!--默认第3个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask:[[思念星谱::黄璃]]|? 思念名称=思念名称||? 思念星级=稀有度|? 思念星谱=思念星谱|? 思念角色=角色名称|link=none|named args=yes|sort=思念星级|order=desc|format=template|template=思念图鉴个}}
|}
</div>
<div class="resp-tab-content"><!--默认第3个标签的内容-->
{|id="CardSelectTr" class="CardSelect wikitable sortable"  style="text-align:center;color:white; width:100%"
|-id="CardSelectTabHeader" style="background-color:#C4C4C4;"
{{#ask: [[分类:思念]]
|? 思念名称=思念名称
|? 思念角色=角色名称
|? 思念星级=稀有度
|? 思念位置=位置
|? 思念星谱=思念星谱
|? 1级生命=生命
|? 1级攻击=攻击
|? 1级防御=防御
|? 1级暴击=暴击
|? 1级暴伤=暴伤
|link=none
|sort=思念星级
|order=desc
|named args=yes
|template=思念图鉴个
|headers=hide
|format=template
|limit=1000
}}
|}
</div>
<!--想添加更多标签,可以复制上面3行.注意标签数量和标签内容要一致-->
</div>
</div>
</div>

{{#css:
.CardSelect th{
}
li.btn.cardSelectOption.selected {
color: white !important;
background-color: #be9b64 !important;
}
.selectTitle {
background-color: #2c2c2c !important;
}
#CardSelectTabHeader th{
background-color: #000000;
}
.CardSelect{
background-color: transparent;
border: none;
}
.CardSelect tbody{
display: flex;
flex-wrap: wrap;
}
.CardSelect tbody tr{
margin-right: 0px
}
.CardSelect tbody td{
border: none;
}
.resp-tabs-list li {
    width: 75px;
    height: 25px;
    opacity: 1;
    background: unset;
    border: 3px #ffffff;
}
.resp-tabs-list li.active .tab-panel, .tab-panel:hover {
    background: unset;
    transform: scale(1.18);}
    .resp-tabs-list li:last-child{border:unset;border-bottom:1px solid rgba(0,0,0,0.0)}
    .tab-panel {
    transition: all .15s linear;}
}}