查看“模板:官方周边/男主”的源代码

<includeonly>{{#arraymap:沈星回,黎深,祁煜,秦彻,夏以昼|,|@|{{#ifexpr:{{#count:{{PAGENAME}}|@}}>0|{{#vardefine:男主|@}}|}}}}
<div class="merchandise-tab divsort" data-param1="{{#if:{{{主题类型|}}}|{{{主题类型|}}}|其他}}" data-param2="{{{款式|}}}" data-param3="{{#if:{{{主题地区|}}}|{{{主题地区|}}}|待编辑}}" data-param4="{{#if:{{{主题年份|}}}|{{{主题年份|}}}|待编辑}}" data-param5="{{{类型|}}}"">
[[file:{{{周边名字|}}}-{{#var:男主}}.png]]<div class="merchandise-text">[[{{{1|}}}|{{{周边名字|}}}]]<span class="merchandise-price">&nbsp;{{#if:{{#invoke:Type|isNumber|{{{价格|}}}}}|<span id="price-pre">￥</span>}}{{{价格|}}}</span></div></div>{{#if:{{#var:防重复加载官方周边CSS}}||{{#vardefine:防重复加载官方周边CSS|1}}{{#CSS:
.merchandise-tab .BtnContent>.content {display: none;}
.merchandise-tab .BtnContent>.content.active {display: block;}
.merchandise-tab .SwitchContainer{display: flex;flex-direction: column-reverse;}
.merchandise-tab .BtnContainer{display:flex;}
.merchandise-tab .BtnContainer>.btn {margin: 0;padding: 0px !important;}
.merchandise-tab .BtnContainer>.btn a{pointer-events: none;}
.merchandise-tab .BtnContainer>.btn.active img{border: 1px solid #cd0000;}
.merchandise-price{color:#cd0000;float:right;}
.merchandise-text{font-weight:bold;}
.divsort{width:222px;margin-bottom:30px;}
@media screen and (max-width:767px){
.divsort{width:100%;margin-bottom:15px;position: relative;}
.divsort img{width: 80px;}
}
}}
}}</includeonly><noinclude>
<div id="CardSelectTr" class="resp-tab-case">
<nowiki>{{官方周边/男主
|1=官方周边/69
|系列=囚笼时分
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=祁煜,祁煜,祁煜,秦彻
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}</nowiki>
{{#CSS:
#CardSelectTr{display:flex;flex-wrap: wrap;gap: calc((100% - 95%) / 4);}
#CardSelectTr img{border-radius:0px;}
@media screen and (max-width:767px){
.merchandise-text{position: absolute;left: 85px;top: 0px;width:calc(100% - 85px)}
}
}}
</div>
</noinclude>