查看“商城礼包”的源代码

{{单行导航|标题=礼包|商城礼包=商城礼包|单人月卡池=单人月卡池礼包|多人月卡池=多人月卡池礼包|单人日卡池=单人日卡池礼包|性价比说明=单抽价档位}}
{|class="SelectOptionTable" style="width:100%"
|-
!style="width:110px;"  colspan=2|查看
!style="text-align: left !important;"|
{{筛选项|0|全部}}
{{筛选项|1|常驻}}
{{筛选项|1|周期}}
{{筛选项|1|限时}}
{{筛选项|1|其他}}
|-
!style="width:110px;"  colspan=2|单抽价<br>档位
!style="text-align: left !important;"|
{{筛选项|3|1|<nowiki><=</nowiki>1.36r月卡}}
{{筛选项|3|2|1.36r~5.67r密约}}
{{筛选项|3|3|5.67r~6.43r月卡连购7天}}
{{筛选项|3|4|6.43r~7.5r首充双倍}}
{{筛选项|3|5|7.5r~12.03r首充加赠}}
{{筛选项|3|6|>12.03r其他}}
{{筛选项|3|0|无抽卡资源}}
|}
{|class="lyskTable mw-collapsible mw-collapsed" style="width:100%"
|-
!colspan="2" style="width:100%; text-align: center;padding:10px 0;"|其他筛选项
|-
!style="width:110px;"| 单人月卡池
!style="text-align: left !important;"|
{{#ask:[[分类:新活动]][[许愿类型::单人月卡池]]|limit=1000|searchlabel=|link=none|sort=排序开始时间|order=desc|format=template|template=筛选项/2}}
|-
!style="width:110px;"| 多人月卡池
!style="text-align: left !important;"|
{{#ask:[[分类:新活动]][[许愿类型::多人月卡池]]|limit=1000|searchlabel=|link=none|sort=排序开始时间|order=desc|format=template|template=筛选项/2}}
|-
!style="width:110px;"| 单人日卡池
!style="text-align: left !important;"|
{{#ask:[[分类:新活动]][[许愿类型::单人日卡池]]|limit=1000|searchlabel=|link=none|sort=排序开始时间|order=desc|format=template|template=筛选项/2}}
|-
!style="width:110px;"| 其他
!style="text-align: left !important;"|
{{#ask:[[分类:新活动]][[许愿类型::其他]]|limit=1000|searchlabel=|link=none|sort=排序开始时间|order=desc|format=template|template=筛选项/2}}
|}

{|id="CardSelectTr" class="CardSelect col-fold lyskTable select-table-content sortable table-hover" style="width:100%;text-align:center;color:#232128;font-size:15px;"
|-id="CardSelectTabHeader"
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:110px"|礼包
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:95px"|单抽价
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:80px"|抽数
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:80px"|售价
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:80px"|限购
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:auto"|礼包内容
! class="visible-md visible-sm visible-lg visible-xs checkBtnBg" style="width:160px"|卡池
|-

{{#ask:
[[分类:商城礼包]]
|?礼包
|?礼包卡池
|?礼包类型
|?礼包售价
|?礼包特殊售价
|?礼包限购
|?礼包描述
|?礼包抽数
|?礼包单抽价
|?礼包内容
|?礼包档位
|?礼包随机内容
|headers=hide
|limit=100
|named args=yes
|format=template
|template=礼包/行
|link=none
|sort=礼包结束时间,礼包单抽价排序,礼包售价
|order=desc,asc,asc
}}
{{#Widget:表格列折叠}}
{{#css:
.mw-content-ltr{font-family: "SimSun", SimSun, Arial, sans-serif;}
#CardSelectTr td,#CardSelectTr th{text-align:center;padding:10px 0;}
#CardSelectTr td:nth-child(6) {text-align: left;}
@media only screen and (max-width: 759px) {
    .map-dh-right { height: 50px; }
}
<!-- 折叠/展开字样 -->
span.mw-collapsible-toggle-collapsed{ color: #399d55;}
span.mw-collapsible-toggle-collapsed a{ color: #399d55;}
span.mw-collapsible-toggle-expanded{color: #9d3946;}
span.mw-collapsible-toggle-expanded a {color: #9d3946;}
}}
{{#ifeq:{{#var:防重复加载物品CSS}}||{{#vardefine:防重复加载物品CSS|1}}
{{#CSS:
.item-small{width:50px;height:50px;}
.item-mid{width:75px;height:75px;}
.item-big{width:100px;height:100px;}

.item-small .item-rightBottom{font-size:12px;padding: 0px 2px 2px 0;line-height: 12px;}
.item-small .item-leftTop{font-size:12px;}
.item-mid .item-rightBottom{font-size:12px;padding: 0 4px 3px 0;line-height: 12px;}
.item-mid .item-leftTop{font-size:12px;}
.item-big .item-rightBottom{font-size:13px;padding: 0 5px 4px 0;line-height: 13px;}
.item-big .item-leftTop{font-size:13px;}

.item-small::before{width: calc(100% - 2px);height: calc(100% - 2px);left: 1;top: 1;}
.item-mid::before{width: calc(100% - 4px);height: calc(100% - 4px);left: 2;top: 2;}
.item-big::before{width: calc(100% - 4px);height: calc(100% - 4px);left: 2;top: 2;}

.item{position: relative;display:inline-flex;margin-right:5px;margin-bottom:5px}
.item::before{
    content:"";position: 
    absolute;background: #e5e5e5;
    background: linear-gradient(135deg, #ffffff,#d9d9d9 50%, #e9e9e9);
    box-shadow: inset 0 1px 1px rgb(255 255 255), 2px 3px 8px rgba(0, 0, 0, 0.1);
}
.item-wiki{
    font-size: 8px;
    color: #94979b;
    position: absolute;
    bottom: 5px;
    left: 2;
    width: calc(100% - 4px);
    text-align: left;
}
.item-small .item-wiki{
    font-size: 7px;
}
.item-image{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-fg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.item-rightBottom{
    position: absolute;
    bottom: 1;
    right: 2;
    width: calc(100% - 4px);
    text-align: right;
    background: linear-gradient(to right, transparent,white);
}
.item-leftTop{
    position: absolute;
    top: 0;
    left: 1px;
}
}}}}