查看“模板:沙盒”的源代码

<includeonly><div class="merchandise-tab divsort" data-param1="{{{主题类型|}}}" data-param2="{{{款式|}}}" data-param3="{{{主题地区|}}}" data-param4="{{{主题年份|}}}" data-param5="{{{类型|}}}">{{#ifeq:{{{仅展示|}}}||
{{Tab<!----------------- 没有配置参数<仅展示>，按款式展示 ----------------->
|选项1=[[file:{{{周边名字|}}}{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |-{{{款式|}}}}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |b|选项}}2=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|0}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |b|选项}}3=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|1}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 3 |b|选项}}4=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|2}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 4 |b|选项}}5=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|3}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 5 |b|选项}}6=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|4}}.png|78x78px]]
|内容1=[[file:{{{周边名字|}}}{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |-{{{款式|}}}}}.png]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |c|内容}}2=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|0}}.png]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |c|内容}}3=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|1}}.png]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 3 |c|内容}}4=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|2}}.png]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 4 |c|内容}}5=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|3}}.png]]
|{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 5 |c|内容}}6=[[file:{{{周边名字|}}}-{{#explode:{{{款式|}}}|,|4}}.png]]
}}
|{{Tab<!----------------- 有配置参数<仅展示>，按配置展示 ----------------->
|选项1=[[file:{{#replace: {{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|0}}|-总|}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 1 |选项|b}}2=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|1}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 2 |选项|b}}3=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|2}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 3 |选项|b}}4=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|3}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 4 |选项|b}}5=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|4}}.png|78x78px]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 5 |选项|b}}6=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|5}}.png|78x78px]]
|内容1=[[file:{{{周边名字|}}}{{#ifexpr:{{#count:{{{款式|}}}|,}}+1 < 2 |-{{{款式|}}}}}.png]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 1 |内容|c}}2=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|1}}.png]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 2 |内容|c}}3=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|2}}.png]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 3 |内容|c}}4=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|3}}.png]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 4 |内容|c}}5=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|4}}.png]]
|{{#ifexpr:{{#count:{{{仅展示|}}}|,}} >= 5 |内容|c}}6=[[file:{{{周边名字|}}}-{{#explode:{{{仅展示|}}}|,|5}}.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;aspect-ratio: 1;width: 100%;}
.merchandise-tab .BtnContent>.content.active img{aspect-ratio: 1;width: 100%;}
.merchandise-tab .SwitchContainer{display: flex;flex-direction: column-reverse;}
.merchandise-tab .BtnContainer{display:flex;}
.merchandise-tab .BtnContainer>.btn {margin: 0;padding: 0px !important;width:16.6%;}
.merchandise-tab .BtnContainer>.btn img{aspect-ratio: 1;}
.merchandise-tab .BtnContainer>.btn a{pointer-events: none;}
.merchandise-tab .BtnContainer>.btn.active {border: 1px solid #cd0000;}
.merchandise-price{color:#cd0000;float:right;}
.merchandise-text{font-weight:bold;}
.divsort{width:222px;margin-bottom:30px;}
}}
}}</includeonly><noinclude>
<div id="CardSelectTr" class="resp-tab-case">
{{官方周边/个
|1=官方周边/69
|系列=祁煜2024生日
|周边名字=祁煜2024生日Q版马口铁徽章
|价格=15
|款式=祁煜
|类型=徽章类
|主题=祁煜2024年生贺周边
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}

{{官方周边/个
|1=官方周边/69
|系列=囚笼时分
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=沈星回,黎深,祁煜,秦彻,秦彻
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}
{{官方周边/个
|1=官方周边/69
|系列=囚笼时分
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=沈星回,黎深,祁煜
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}
{{官方周边/个
|1=官方周边/69
|系列=囚笼时分
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=沈星回,黎深
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}
{{官方周边/个
|1=官方周边/69
|系列=囚笼时分2
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=沈星回,黎深,祁煜,秦彻
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}
{{官方周边/个
|1=官方周边/69
|系列=囚笼时分2
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=沈星回,黎深,祁煜,秦彻
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}
{{官方周边/个
|1=官方周边/69
|系列=囚笼时分2
|周边名字=囚笼时分系列马口铁徽章
|价格=15
|款式=沈星回,黎深,祁煜,秦彻
|类型=纸质类
|主题=情浓时分，爱意呈现-2024,恋与深空xBW漫展-2024
|主题地区=中国大陆,中国大陆
|主题年份=2024,2024
|主题类型=通贩漫展
}}
{{#CSS:
#CardSelectTr{display:flex;flex-wrap: wrap;gap: calc((100% - 95%) / 4);}
#CardSelectTr img{border-radius:0px; }
#CardSelectTr .divsort{width:19%; max-height:19%; }
@media screen and (max-width:767px){
.divsort{width:100%;margin-bottom:15px;position: relative;}
.merchandise-tab .BtnContainer{flex-direction: row;align-items: flex-end;margin-left: 5px;position: absolute;left: 80px;bottom: 0px;}
.merchandise-tab .BtnContainer>.btn{width: 40px;height: 40px;margin: 0;padding: 0px !important;}
.merchandise-tab .BtnContent>.content{width: 80px;}
.merchandise-text{position: absolute;left: 85px;top: 0px;width:calc(100% - 85px)}
}
}}
</div>
</noinclude>