查看“模板:思念宣传轮播”的源代码

<includeonly>{{超级轮播|carouselClass=cardShowCarousel|w=335px|h=375px|切换样式=slide|切换方向=l2r|切换间隔=2|切换动画=0
|自定内容={{#arraymap:{{{1|}}}|,|@|<div class="item"><div class="cardShow">[[file:思念宣传图-@{{{2|}}}.jpg|280x280px|link=@]]<div class="cardShow-detail"><span class="cardShow-name">{{#show:@|?思念角色}}&nbsp;•&nbsp;@</span><span class="cardShow-detailIcon">[[file:{{#show:@|?思念星谱}}.png|25x25px]]&nbsp;[[file:{{#show:@|?思念位置}}.png|25x25px]]</span></div><div class="cardShow-desc">{{#show:@|?宣传语}}</div></div></div>|}}
}}{{#CSS:
.cardShow{color:#333333;}
.cardShow-detail{margin-top:5px;}
.cardShow-name{font-size:18px;}
.cardShow-detailIcon{float:right;}
.cardShow-desc{border-top: 1px dashed #797979;margin-top: 3px;padding-top: 2px;}
.cardShowCarousel.SuperCarousel > .body{/*轮播内容显示大小、内容靠右*/
    width: calc(100% - 55px);
    right: 0px;
}
.cardShowCarousel.SuperCarousel > .body > .item.out {
    opacity: 0;
}
.cardShowCarousel.SuperCarousel,
.cardShowCarousel.SuperCarousel *{
    touch-action:pan-y;
}
.cardShowCarousel.SuperCarousel > .body .item{/*轮播内容item靠上*/
    align-items: flex-start;
}
.cardShowCarousel.SuperCarousel > .controller {/*轮播进度条显示大小、内容靠左*/
    justify-content: flex-start;
    flex-direction: column;
    top:0px;
    width:50px;
}
.cardShowCarousel.SuperCarousel > .controller .item{/*轮播进度item的大小*/
    border-radius:0px;
    width:50px;
    height:50px;
    margin-bottom:5px;
    opacity:0.6;
}
.cardShowCarousel.SuperCarousel > .controller > .item.active{/*轮播进度当前显示item的样式*/
    opacity:1;
}
}}{{#tag:bstyle|
.cardShowCarousel.SuperCarousel > .controller .item:nth-child(1){background:url({{filepath:思念图标-{{#explode:{{{1|}}}|,|0}}.png}});background-size:100% 100%;}
.cardShowCarousel.SuperCarousel > .controller .item:nth-child(2){background:url({{filepath:思念图标-{{#explode:{{{1|}}}|,|1}}.png}});background-size:100% 100%;}
.cardShowCarousel.SuperCarousel > .controller .item:nth-child(3){background:url({{filepath:思念图标-{{#explode:{{{1|}}}|,|2}}.png}});background-size:100% 100%;}
.cardShowCarousel.SuperCarousel > .controller .item:nth-child(4){background:url({{filepath:思念图标-{{#explode:{{{1|}}}|,|3}}.png}});background-size:100% 100%;}
.cardShowCarousel.SuperCarousel > .controller .item:nth-child(5){background:url({{filepath:思念图标-{{#explode:{{{1|}}}|,|4}}.png}});background-size:100% 100%;}
}}</includeonly><noinclude>
{{文档}}
</noinclude>