查看“首页:游戏”的源代码

<div class="game_activitySection"><!-- 
 -->{{#vardefine:最新许愿活动|{{#ask:[[分类:活动]][[活动类型::许愿]]|limit=1|searchlabel=|link=none|sort=排序开始时间|order=desc}}}}<!-- 
 -->{{#vardefine:最活动|{{#ask:[[分类:活动]]|limit=5|searchlabel=|link=none|sort=排序开始时间|order=desc}}}}
<div class="row">
<div class="col-md-8 game-activityVideo">{{#Widget:Biliplayer|bv={{#show:{{#var:最新许愿活动}}|?首页视频}}|P=1|h=386px|autoplay=0}}<!-- {{#Widget:Biliplayer|bv=BV19CCHYNEBN|P=1|h=386px|autoplay=0}} -->
</div>
<div class="col-md-4 game-activityList">
{{Tabs|id=活动Tabs|cssClass=lineTabs
|最新=<!------------------------------------------------>{{#tag:a|more|href=https://wiki.biligame.com/lysk/活动|class=more}}
<div class="activity-link">{{#ask:[[分类:活动]][[活动类型::许愿]][[结束时间::<{{#time:Y-D-M h:i|now}}]]|?排序开始时间|?结束时间|?活动标题|?活动类型
|format=template|template=活动/行|limit=1|order=desc|link=none|sort=排序开始时间|headers=hide|named args=1}}
{{#ask:[[分类:活动]][[活动类型::玩法]][[结束时间::<{{#time:Y-D-M h:i|now}}]]|?排序开始时间|?结束时间|?活动标题|?活动类型
|format=template|template=活动/行|limit=1|order=desc|link=none|sort=排序开始时间|headers=hide|named args=1}}
{{#ask:[[分类:活动]][[活动类型::!许愿]][[活动类型::!玩法]]|?排序开始时间|?结束时间|?活动标题|?活动类型
|format=template|template=活动/行|limit=2|order=desc|link=none|sort=排序开始时间|headers=hide|named args=1}}
{{#ask:[[分类:资讯]][[类型::!活动]]|?类型|?链接|?标题|?时间
|format=template|template=资讯/行|limit=2|order=desc|link=none|sort=时间|headers=hide|named args=1}}
<div class="activitySwiper">
{{Swiper
|效果=fade
|自动播放=是
|[[File:{{#explode:{{#var:最活动}}|,|0}}.jpg]]
|[[File:{{#explode:{{#var:最活动}}|,|1}}.jpg]]
|[[File:{{#explode:{{#var:最活动}}|,|2}}.jpg]]
|[[File:{{#explode:{{#var:最活动}}|,|3}}.jpg]]
|[[File:{{#explode:{{#var:最活动}}|,|4}}.jpg]]
}}</div>
</div>
|活动=<!------------------------------------------------>{{#tag:a|more|href=https://wiki.biligame.com/lysk/活动|class=more}}
{{#ask:[[分类:活动]]|?排序开始时间|?结束时间|?活动标题|?活动类型
|format=template|template=活动/行|limit=10|order=desc|link=none|sort=排序开始时间|headers=hide|named args=1}}
|资讯=<!------------------------------------------------>{{#tag:a|more|href=https://wiki.biligame.com/lysk/资讯|class=more}}
{{#ask:[[分类:资讯]][[类型::公告]]|?类型|?链接|?标题|?时间
|format=template|template=资讯/行|limit=2|order=desc|link=none|sort=时间|headers=hide|named args=1}}
{{#ask:[[分类:资讯]][[类型::!公告]]|?类型|?链接|?标题|?时间
|format=template|template=资讯/行|limit=5|order=desc|link=none|sort=时间|headers=hide|named args=1}}
|兑换码={{:兑换码}}
}}
</div>
</div>
<div class="row">
<div class="col-md-4 game-chapterBox"><!--关卡--><div class="game-boxTitle">关卡</div>
<div class="game-chapter">[[混沌深网/基础介绍|混沌深网]][[猎人锦标赛/本期|猎人锦标赛]][[开放轨道|深空试炼]][[零点追踪]][[芯核狩猎]][[训练室]]</div>[[file:流浪体-哈特.png|x185px]]
</div>
<div class="col-md-4 game-collectBox"><!--图鉴--><div class="game-boxTitle">图鉴</div>
[[file:流浪体-豆佬.png|x185px]]<div class="game-collect">[[思念:筛选|思念]][[道具]][[搭档]][[商城礼包|礼包]][[武器]][[流浪体]]</div>
</div>
<div class="col-md-4 game-collectBox"><!--图鉴--><div class="game-boxTitle">其他</div>
[[file:流浪体-呼呼.png|x185px]]<div class="game-collect">[[周边]][[成就]][[许愿商店|商城兑换]][[猎人等级]][[任务|日程]][[资源获取]]</div>
</div>
</div></div>
{{#css:
div#headBox{display:none;}
.game-activityVideo{/*定位视频div*/
    position:relative;
    text-align: left;
        padding: 10px 30px 10px 10px;
}
.game-activityVideo:after{
    position: absolute;
    pointer-events: none;
    content: "";
    width: calc(100% - 20px);
    height: 100%;
    left: 0;
    top: 0px;
    border: 10px solid #e7e5e8;
    box-shadow: 8px 8px 12px 0px rgba(65, 63, 88, 0.15), inset 0px 0px 5px 2px rgb(0 0 0 / 49%);
}
.game-activityList .lineTabs>.tab-content{
padding:0 0;
}
.game-activityList .lineTabs>.tab-nav>.tab-btn>a{
padding:0px 10px 5px 10px;
}
.activitySwiper{
    height: 186px;
}
.more{/*更多链接*/
    float: right;
    margin-top: -30px;
}
.game-chapterBox,
.game-collectBox{/*关卡、图鉴盒子样式*/
    position: relative;
    height: 180px;
    margin-top: 30px;
}
.game-boxTitle{/*关卡、图鉴盒子的标题样式*/
    position: absolute;
    z-index: -1;
    right: 48px;
    top: 2px;
    font-family: Source Han Serif SC;
    font-size: 45px;
    font-weight: bold;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgb(66 66 77);
}
.game-chapterBox>a,
.game-collectBox>a{/*关卡、图鉴盒子的左边图片样式*/
    position: absolute;
    left: -30px;
    z-index: 1;
    pointer-events: none;
}
.game-chapter,
.game-collect{/*关卡、图鉴盒子的文本区域样式*/
    position: absolute;
    top: 50px;
    right: 20px;
    padding: 20px 10px 0 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: flex-start;
    justify-content: flex-start;
    background: linear-gradient(90deg, transparent, white);
    width: calc(100% - 60px);
    height: calc(100% - 50px);
    border: 1px solid #ffffff82;
    border-left: none;
    box-shadow: 2px 4px 8px 0px rgba(166, 171, 191, 0.2);
}
.game-chapter>a,
.game-collect>a {/*关卡、图鉴盒子的按钮样式*/
    flex: 0 0 calc(50% - 5px);
    text-align: left;
    color: rgba(94, 93, 107, 1);
    transition: background 0.3s;
}
.game-chapter>a:hover,
.game-collect>a:hover {/*关卡、图鉴盒子的按钮悬停样式*/
    font-weight: bold;
}
/* 手机端适配 */
@media screen and (max-width: 430px) {
.game-activityVideo iframe {/*视频*/
  height: calc((100vw - 140px)* 0.75) !important;
}
.game-activityVideo{padding:10px 20px 10px 20px;height: 185px;margin:0 0 20px 0;}
.game-activityVideo:after{display:none;}
.game-activityVideo{padding:10px 20px 10px 20px;}
.game-activityVideo:after{display:none;}
.game-chapterBox>a, .game-collectBox>a{left: -25px;}
}
}}