查看“模板:互动合集/行”的源代码

|-
|style="width:15%;text-align:center;"|[[file:{{{3|}}}.png|30px|link=]]
|style="width:30%;text-align:center;"|{{#arraymap:{{{8|}}}|,|@|{{#switch:@|#default=
|待机=[[file:互动logo-待机.png|20px|link=]]|配件互动=[[file:互动logo-待机.png|20px|link=]]|切换背景互动=[[file:互动logo-待机.png|20px|link=]]
|恋念道具=[[file:互动logo-待机.png|20px|link=]]
|触摸·身体=[[file:互动logo-触摸·身体.png|20px|link=]]|触摸·关键=[[file:互动logo-触摸·身体.png|20px|link=]]
|触摸·头部=[[file:互动logo-触摸·头部.png|20px|link=]]
|迎接=[[file:互动logo-迎接.png|20px|link=]]
|鸢记=[[file:互动logo-鸢记.png|20px|link=]]
|约会=[[file:互动logo-鸢记.png|20px|link=]]
|恋念之音=[[file:互动logo-恋念之音.png|20px|link=]]
|红鸾花笺=[[file:互动logo-红鸾花笺.png|20px|link=]]}}|}}[[{{{2|}}}]]
|style="width:30%;text-align:center;"|{{{4|}}}
|style="width:25%;text-align:center;"|{{#arraymap:{{{9|}}}|,|@|{{#switch:@|无=|1=|#default=@}}|}}{{#arraymap:{{{10|}}}|,|@|{{#switch:@|无=|1=|常驻=|#default=@}}|}}
<!--链接
|style="width:30%;text-align:center;"|[[{{{11|}}}|{{{2|}}}]]
-->
|-
<noinclude>
==使用方法==
<pre>
{{密探传闻|内容内容内容内容内容内容内容}}
</pre>
==效果==
<div class="f_bg>
{|class="wikitable" style="width:100%"
|- data-ask-key="分类:" style="display:none" <!--这一行必须有，data-ask-key="分类:"：在分类：页面下进行查询-->
!width="10%"| 互动
|
{{条件项|互动|互动|1}} <!--与表头部分组合，此处填写材料，即可组合为ask的查询条件[[分类:材料]]-->
|- data-ask-key="男主::"
!width="10%"| 男主
| 
{{条件项|通用|通用}}
{{条件项|刘辩|[[file:男主logo-刘辩.png|link=|25px]]&nbsp;&nbsp;刘辩<small>({{#ask:[[分类:互动]][[男主::刘辩]]|format=count}})</small>}}
{{条件项|傅融|[[file:男主logo-傅融.png|link=|25px]]&nbsp;&nbsp;傅融<small>({{#ask:[[分类:互动]][[男主::傅融]]|format=count}})</small>}}
{{条件项|袁基|[[file:男主logo-袁基.png|link=|25px]]&nbsp;&nbsp;袁基<small>({{#ask:[[分类:互动]][[男主::袁基]]|format=count}})</small>}}
{{条件项|左慈|[[file:男主logo-左慈.png|link=|25px]]&nbsp;&nbsp;左慈<small>({{#ask:[[分类:互动]][[男主::左慈]]|format=count}})</small>}}
{{条件项|孙策|[[file:男主logo-孙策.png|link=|25px]]&nbsp;&nbsp;孙策<small>({{#ask:[[分类:互动]][[男主::孙策]]|format=count}})</small>}}
|- data-ask-key="物品::"
!width="10%"| 物品
| 
<div class="resp-tabs " style="border-spacing: 5px;">
<ul class="resp-tabs-list clearfix" style="margin-left:0;padding-bottom:15px">
<li class="active bili-list-style"><span class="tab-panel">物品</span></li>
<li class="bili-list-style"><span class="tab-panel">互动</span></li>
</ul>
<div class="resp-tabs-container">
<div class="resp-tab-content"  style="display:block;">
{{条件项|恋念之音|[[file:互动logo-恋念之音.png|link=|25px]]&nbsp;&nbsp;恋念之音<small>({{#ask:[[分类:互动]][[物品::恋念之音]]|format=count}})</small>}}
{{条件项|红鸾花笺|[[file:互动logo-红鸾花笺.png|link=|25px]]&nbsp;&nbsp;红鸾花笺<small>({{#ask:[[分类:互动]][[物品::红鸾花笺]]|format=count}})</small>}}
{{条件项|鸢记|[[file:互动logo-鸢记.png|link=|25px]]&nbsp;&nbsp;鸢记<small>({{#ask:[[分类:互动]][[物品::鸢记]]|format=count}})</small>}}
{{条件项|约会|&nbsp;&nbsp;约会<small>({{#ask:[[分类:互动]][[物品::约会]]|format=count}})</small>}}
</div>
<div class="resp-tab-content">
<!--测试
|- data-ask-key="物品::"
!width="90"| 互动
| -->
{{条件项|触摸·头部|[[file:互动logo-触摸·头部.png|link=|25px]]&nbsp;&nbsp;触摸·头部}}
{{条件项|触摸·身体|[[file:互动logo-触摸·身体.png|link=|25px]]&nbsp;&nbsp;触摸·身体}}
{{条件项|触摸·关键|[[file:互动logo-触摸·身体.png|link=|25px]]&nbsp;&nbsp;触摸·关键}}
{{条件项|待机|[[file:互动logo-待机.png|link=|25px]]&nbsp;&nbsp;待机}}
{{条件项|迎接|[[file:互动logo-迎接.png|link=|25px]]&nbsp;&nbsp;迎接}}
{{条件项|道具|[[file:互动logo-待机.png|link=|25px]]&nbsp;&nbsp;道具}}
{{条件项|配件互动|[[file:互动logo-待机.png|link=|25px]]&nbsp;&nbsp;配件互动}}
{{条件项|切换背景互动|[[file:互动logo-待机.png|link=|25px]]&nbsp;&nbsp;切换背景互动}}
</div>
<!--测试-->
|- data-ask-key="品质::"
!width="10%"| 品质
| 
{{条件项|橙|橙}}
{{条件项|紫|紫}}
<!--测试-->
|- data-ask-key="限时::"
!width="10%"| 是否限时
| 
<div class="resp-tabs " style="border-spacing: 5px;">
<ul class="resp-tabs-list clearfix" style="margin-left:0;padding-bottom:15px">
<li class="active bili-list-style"><span class="tab-panel">活动</span></li>
<li class="bili-list-style"><span class="tab-panel">氪金</span></li>
</ul>
<div class="resp-tabs-container">
<div class="resp-tab-content"  style="display:block;">
{{条件项|限时活动|活动}}
{{条件项|限时盲盒|盲盒}}
{{条件项|限定阴文|限定阴文}}
{{条件项|鸢记活动|鸢记活动}}
{{条件项|地宫·秘宝|地宫·秘宝}}
{{条件项|地宫·商城|地宫·商城}}
</div>
<div class="resp-tab-content">
{{条件项|地宫·高级秘宝|地宫·高级秘宝}}
{{条件项|积水成渊|累充}}
</div></div></div>
<!--测试
|- data-ask-key="常驻::"
!width="90"| 常驻
| -->
|- data-ask-key="常驻::"
!width="10%"| 常驻
|
<div class="resp-tabs " style="border-spacing: 5px;">
<ul class="resp-tabs-list clearfix" style="margin-left:0;padding-bottom:15px">
<li class="active bili-list-style"><span class="tab-panel">玩法</span></li>
<li class="bili-list-style"><span class="tab-panel">兑换</span></li>
<li class="bili-list-style"><span class="tab-panel">氪金</span></li>
</ul>
<div class="resp-tabs-container">
<div class="resp-tab-content"  style="display:block;">
{{条件项|主线|主线}}
{{条件项|兰台|兰台}}
{{条件项|阴文解密|阴文}}
{{条件项|鸢报|鸢报}}
</div>
<div class="resp-tab-content">
{{条件项|雀部商城|雀部}}
{{条件项|长生商店|长生}}
{{条件项|花铺|花铺}}
{{条件项|白金币商店|白金币}}
</div>
<div class="resp-tab-content">
{{条件项|直购礼包|直购}}
{{条件项|月卡商城|月卡}}

{{条件项|其他|其他}}
{{条件项|敬请期待|敬请期待}}
</div></div></div>
|}</div>

<span id="clearParamBtn" class="btn btn-default" href="#" role="button" style="width:100px;margin-top:4px;color:#db6161">重置条件</span>
<span id="queryDataBtn" class="btn btn-default" href="#" role="button" style="width:calc(100% - 105px);margin-top:4px">查询</span>
<div class="f_bg>
{{#vardefine:gridHeader|
{ {{!}}id="CardSelectTr" class="CardSelect wikitable sortable" style="text-align:center;background-color:RGBA(242,242,242,0.4),line-height:30px"
{{!}}-id="CardSelectTabHeader"
!系列
!道具名
!获取方式
!获取分类
!剧情链接
{{!}}-
}}
{{#widget:数据查询
|btnid=queryDataBtn
|header={{#var:gridHeader}}
|print=名称,图片,获取1,获取2,获取3,男主,物品,常驻,限时,链接
|defaultSearch=true<!--为空则默认不进行搜索-->
|param=template:互动合集/行,headers:hide,format:template,link=none
|limit=100
}}
</div>
<!--
{| class="wikitable filterable sortable" style=" text-align:center;background-color:RGBA(242,242,242,0.4)"
|-
!style="border-radius:14px 1px 1px 1px;width:8%" |图片
!style="width:20%" |道具名
!class="filterable-head" style="width:15%"| 获取方式
!class="filterable-head" style="width:15%"| 男主
!class="filterable-head" style="width:15%"| 互动类型
|-
{{#ask:[[分类:互动]][[物品::迎接]]
 |?名称
 |?图片
 |?获取1
 |?获取2
 |?获取3
 |?男主
 |?物品
 |sort=男主,创建日期
 |order=desc,asc
 |format=template
 |template=互动合集/行
 |link=none
 |limit=10
}}

-->
{{#css:
.f_bg {
    background-size: 100% 110px,100% 99%;
    background-repeat: no-repeat;
    background-position: top center,bottom center;
    padding: 0px 0px;
}
.f_bg>CardSelect wikitable sortable{
    margin-top:0%;
    width: 100%;
    background:  rgb(255,255,246,0.25)<!--#bebebe69-->;
    border: #ffe181 3px solid;
}
.f_bg th{
    line-height:30px;
    background-color: #f3e3b2 !important;
}
.f_bg td{
    border: #dcc9886e 3px solid !important;
     line-height:30px;
}
@media only screen and (max-width:759px){
.f_bg {
    background-size: 100% 110px,100% 99%;
    background-repeat: no-repeat;
    background-position: top center,bottom center;
    padding: 0px 0px;
}
.f_bg>CardSelect wikitable sortable{
    margin-top:0%;
    width: 100%;
    background:  rgb(255,255,246,0.25)<!--#bebebe69-->;
    border: #ffe181 3px solid;
}
.f_bg th{
    line-height:30px;
    background-color: #f3e3b2 !important;
     font-size:12px;
}
.f_bg td{
    border: #dcc9886e 3px solid !important;
     line-height:30px;
     font-size:12px
}


}
}}
</noinclude>