查看“雪中春信”的源代码

{{活动详情
|名称=雪中春信
|活动类型=主题活动
|开始时间=2024-02-01 10:00:00
|结束时间=2024-02-22 03:50:00
|常驻=已常驻
}}
{{Enlarge|活动banner_雪中春信.jpg|width=100%|text-align=center}}
<div class="main-line-wrap main">
<div class="resp-tabs">
<ul class="resp-tabs-list clearfix" style="margin: 0px;">
<li class="active bili-list-style"><span class="tab-panel">卡池</span></li><!--默认第1个标签-->
<li class="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>
<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;position:relative;"><!--卡池 开始-->
<div style="display:flex;flex-wrap:wrap;gap:8px;">
{{#arraymap:玉照长夜，陈酒新酌、岁暮重明、失途之日|、|@|{{#invoke:卡池图鉴|卡池/个|@}}|}}
</div>
<!--卡池 结束--></div>
<div class="resp-tab-content" style="display:none;position:relative;"><!--商店 开始-->
{{#invoke:商店图鉴|货物列表|商店名称=雪终节好运购置处|商店类型=活动}}
<!--商店 结束--></div>
<div class="resp-tab-content" style="display:none;position:relative;"><!--任务 开始-->
{{ResourceLoader|CardSelectTr.js}}
{|class="wikitable" style="width:100%"
|-
!width="80px"|查看全部
|
{{筛选项|0|0|查看全部}}
|-
! 分类
|
{{筛选项|1|巡游日常|}}
{{筛选项|1|巡游·商业区|}}
{{筛选项|1|巡游·新城区|}}
{{筛选项|1|巡游·旧城区|}}
{{筛选项|1|花车争霸|}}
|-
!width="80px"|奖励
|
{{筛选项|2|雪终币|}}
{{筛选项|2|活动道具|}}
{{筛选项|2|海隅点数|}}
{{筛选项|2|家具|}}
|}
{{#invoke:活动任务一览|任务一览|活动名称=雪中春信|类型=任务}}
<!--任务 结束--></div>
<div class="resp-tab-content" style="display:none;position:relative;"><!--剧情 开始-->
{{#ask:[[分类:剧情]][[章节名称::雪中春信]]
|?章节名称
|?小节编号
|?小节标题
|?剧情简介
|format=template
|template=剧情小节/个
|link=none
|sort=小节编号
|order=asc
|headers=hide
|limit=1000
|namedArgs=1
}}
===魔盒===
{{#ask:[[分类:剧情]][[章节名称::雪中春信·魔盒]]
|?章节名称
|?小节编号
|?小节标题
|?剧情简介
|format=template
|template=剧情小节/魔盒
|link=none
|sort=小节编号
|order=asc
|headers=hide
|limit=1000
|namedArgs=1
}}
<!--剧情 结束--></div>
<div class="resp-tab-content" style="display:none;position:relative;"><!--藏品 开始-->
===红玉===
<div class="collection-box">
<div class="collection-item">
<div>[[文件:雪中春信_藏品_01.png|100px|link=雪中春信/藏品/彩色风铃]]</div>
<a href="/bjhl/雪中春信/藏品/彩色风铃" class="collection-name">彩色风铃</a>
</div>
<div class="collection-item">
<div>[[文件:雪中春信_藏品_02.png|100px|link=雪中春信/藏品/铜制勋章]]</div>
<a href="/bjhl/雪中春信/藏品/铜制勋章" class="collection-name">铜制勋章</a>
</div>
<div class="collection-item">
<div>[[文件:雪中春信_藏品_03.png|100px|link=雪中春信/藏品/雪终花束]]</div>
<a href="/bjhl/雪中春信/藏品/雪终花束" class="collection-name">雪终花束</a>
</div>
<div class="collection-item">
<div>[[文件:雪中春信_藏品_04.png|100px|link=雪中春信/藏品/陈旧枪套]]</div>
<a href="/bjhl/雪中春信/藏品/陈旧枪套" class="collection-name">陈旧枪套</a>
</div>
</div>
===屠苏===
<div class="collection-box">
<div class="collection-item">
<div>[[文件:雪中春信_藏品_05.png|100px|link=雪中春信/藏品/芦花鸡崽]]</div>
<a href="/bjhl/雪中春信/藏品/芦花鸡崽" class="collection-name">芦花鸡崽</a>
</div>
<div class="collection-item">
<div>[[文件:雪中春信_藏品_06.png|100px|link=雪中春信/藏品/纪念章]]</div>
<a href="/bjhl/雪中春信/藏品/纪念章" class="collection-name">纪念章</a>
</div>
<div class="collection-item">
<div>[[文件:雪中春信_藏品_07.png|100px|link=雪中春信/藏品/木头面具]]</div>
<a href="/bjhl/雪中春信/藏品/木头面具" class="collection-name">木头面具</a>
</div>
<div class="collection-item">
<div>[[文件:雪中春信_藏品_08.png|100px|link=雪中春信/藏品/小泥人]]</div>
<a href="/bjhl/雪中春信/藏品/小泥人" class="collection-name">小泥人</a>
</div>
</div>
<!--藏品 结束--></div>
<div class="resp-tab-content" style="display:none;position:relative;"><!--宣传视频/图片 开始-->
{{画册/开始}}
{{#ask:[[分类:可搜索图片]][[图片分类::宣传图片]][[关联活动::雪中春信]]
|?图片名称
|?描述
|?详情
|namedArgs=1
|link=none
|format=template
|template=画册/图片
|sort=图片名称
|order=desc
|headers=hide
|limit=1000
}}
{{画册/结束}}
<!--宣传视频/图片 结束--></div>
</div>
</div>
</div>

{{#css:
.mw-parser-output .main{margin-top: 16px;}
.mw-parser-output .main h2{background: #B5523C; }
.mw-parser-output .main h2 span{color:#FFFFFF;}
.mw-parser-output .main h3{margin:0 0 0.3em;padding:0;text-align:center;background:transparent;border:none;height: auto;}
.mw-parser-output .main h3 span.mw-headline {background: #B5523C;color: #FFFFFF;padding: 3px 20px;display: inline-block;}
.mw-parser-output .main h3:before{content:'';}
.mw-parser-output .main table.wikitable {margin:0 0 10px;}
.mw-parser-output .main table.wikitable > tr > th, table.wikitable > * > tr > th{background: #B5523C;color: #FFF;font-family: "Microsoft YaHei", Arial, sans-serif, "PingFang SC";}
.mw-parser-output .main table.wikitable > tr > td, table.wikitable > * > tr > td{background: #F7F3EC;color: #646464;}
.mw-parser-output .main table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border: 1px #AA937E solid;padding: 5px 5px;}
.mw-parser-output .main-line-wrap{background:#F4EADC; padding:8px;}
.mw-parser-output .main .resp-tabs-list{display: flex;gap: 8px;}
.mw-parser-output .main .resp-tabs-list li{background: #C6AD94;border:none}
.mw-parser-output .main .resp-tabs-list li .tab-panel{padding: 8px 16px 2px;height: 30px;color: #FFF;font-weight: 600;font-size: 15px;text-wrap:nowrap;}
.mw-parser-output .main .resp-tabs-list li.active{background: #B5523C; color:#FFF;}
.mw-parser-output .main .resp-tabs-list li.active .tab-panel,.mw-parser-output .main .resp-tabs-list li .tab-panel:hover{background: #B5523C; color:#FFF;}
.mw-parser-output .main .resp-tabs-container{width:100%;padding:8px;background: #F4EADC;color:#636363;border-top: 4px solid #B5523C;border-bottom: 4px solid #B5523C;}
.mw-parser-output .main li.btn.cardSelectOption{background: #C6AD94;color: #FFF;}
.mw-parser-output .main li.btn.cardSelectOption.selected{background: #B5523C;color: #FFF!important;}
.collection-box{display:flex;padding:12px 4px;flex-wrap:wrap;}
.collection-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F4EADC;padding:8px 0;margin:4px;width:160px;border:4px solid #E4D3BB;box-shadow:#C6C0BD 1px 1px 1px 1px;}
a.collection-name{font-weight:600;color:#736350;padding:3px;}
@media (max-width: 767px) {
.mw-parser-output .main-line-wrap{padding:4px;}
}
}}