查看“周边”的源代码

{{ResourceLoader|CardSelectTr.js}}{{单行导航|标题=周边|周边=周边|主题=周边主题|沈星回=沈星回:周边|黎深=黎深:周边|祁煜=祁煜:周边|秦彻=秦彻:周边|夏以昼=夏以昼:周边}}<div class="SelectOptionTable hidden-lg hidden-md" style="text-align:center">
{{筛选项|0|重置}}
{{下拉筛选|类型
|{{筛选项|1|通贩}}
{{筛选项|1|联动}}
{{筛选项|1|漫展}}
{{筛选项|1|活动}}
{{筛选项|1|其他}}
}}
{{下拉筛选|角色
|{{筛选项|2|沈星回}}
{{筛选项|2|黎深}}
{{筛选项|2|祁煜}}
{{筛选项|2|秦彻}}
{{筛选项|2|夏以昼}}
{{筛选项|2|其他}}
}}
{{下拉筛选|分类
|{{筛选项|5|饰品类}}
{{筛选项|5|实用类}}
{{筛选项|5|盒蛋/手办类}}
{{筛选项|5|文创类}}
{{筛选项|5|徽章类}}
{{筛选项|5|海报类}}
{{筛选项|5|纸质类}}
{{筛选项|5|立牌/摆件类}}
{{筛选项|5|挂件类}}
{{筛选项|5|毛绒类}}
{{筛选项|5|角色香水}}
{{筛选项|5|其他}}
}}
{{下拉筛选|其他
|{{筛选项|3|中国大陆}}
{{筛选项|4|2024}}
{{筛选项|4|2025}}
}}
</div>
{|class="SelectOptionTable Col1 hidden-sm hidden-xs" style="width:100%"
|-
|查看
|
{{筛选项|0|重置}}
{{筛选项|1|通贩}}
{{筛选项|1|联动}}
{{筛选项|1|漫展}}
{{筛选项|1|活动}}
{{筛选项|1|其他}}
|-
|角色
|
{{筛选项|2|沈星回}}
{{筛选项|2|黎深}}
{{筛选项|2|祁煜}}
{{筛选项|2|秦彻}}
{{筛选项|2|夏以昼}}
{{筛选项|2|其他}}
|-
|地区
|
{{筛选项|3|中国大陆}}
|-
|时间
|
{{筛选项|4|2024}}
{{筛选项|4|2025}}
|-
|分类
|
{{筛选项|5|饰品类}}
{{筛选项|5|实用类}}
{{筛选项|5|盒蛋/手办类}}
{{筛选项|5|文创类}}
{{筛选项|5|徽章类}}
{{筛选项|5|海报类}}
{{筛选项|5|纸质类}}
{{筛选项|5|立牌/摆件类}}
{{筛选项|5|挂件类}}
{{筛选项|5|毛绒类}}
{{筛选项|5|角色香水}}
{{筛选项|5|其他}}
|}
<br>
<div id="CardSelectTr" class="resp-tab-case">
{{#ask:[[分类:周边]]
|?周边名字
|?主题
|?主题地区
|?主题年份
|?主题类型
|?价格
|?类型
|?图示
|?系列
|?角色
|headers=hide
|limit=1000
|link=none
|named args=yes
|sort=主题时间,系列
|order=desc,asc
|format=template
|template=周边/个
}}
</div><section begin=css/>
{{#CSS:
#headBox{display:none!important;}
.divsort a.new{
    display: block;
    width: 100%;
    background: white;
    aspect-ratio: 1 / 1;
}
.BtnContainer a.new{
    font-size:0px;
}
.LDSTableMobile th:first-child,
.LDSTableMobile td:first-child{
    width: 110px;
}
#CardSelectTr .divsort{width:19%;}
#CardSelectTr{display:flex;flex-wrap: wrap;gap: calc((100% - 95%) / 4);}
#CardSelectTr img{border-radius:0px;}
#CardSelectTr .divsort .BtnContent img{overflow:hidden;}
@media only screen and (max-width:450px){
#CardSelectTr .divsort{width:100%;margin-bottom:15px;position: relative;}
.merchandise-tab .BtnContainer{flex-direction: row;align-items: flex-end;margin-left: 5px;position: absolute;left: 105px;bottom: 0px;}
.merchandise-tab .BtnContainer>.btn{width: 40px;height: 40px;margin: 0;padding: 0px !important;}
.merchandise-tab .BtnContent>.content{width: 80px;}
.merchandise-tab .BtnContent>.content.active{height: 100px;}
.merchandise-tab .BtnContent>.content.active img{aspect-ratio: 1;width: 100px; height: 100px;}
.divsort a.new{width: 100px; height: 100px;}
.divsort .BtnContainer>.btn a.new{width:38px;height:38px;}
.merchandise-text{position: absolute;left: 105px;top: 0px;width:calc(100% - 85px); display:flex; justify-content: space-between;}
.merchandise-price{float:none; margin-right:20px;}
.LDSTableMobile th:first-child,
.LDSTableMobile td:first-child{
    min-width: 40px;
    width:40px;
}
.LDSTableMobile th:nth-child(2),
.LDSTableMobile td:nth-child(2){
    padding-left: 2px;
}
.LDSTableMobile li.btn.cardSelectOption.filterTableBt{
    scale: 0.8;
    margin: 1px -6px !important;
    padding: 1px 5px;
    min-width: 60px;
    border-radius: 12px;
}
}
}}
<section end=css/>