|
|
| 第1行： |
第1行： |
| <div id="home-nav" class="home-grid" role="navigation">
| | {| class="wikitable" id="testTable" |
| <div class="home-card home-card--button" id="home-nav-jizhi">
| | ! !! class="toggle-col" data-col="1" | 表头1 |
| <div class="home-card__background">[[File:MainTab-B.png|300px|link=机制]]</div>
| | |- class="toggle-row" data-row="a" |
| <div class="home-card__foreground">机制</div>
| | ! class="toggle-row-header" data-row="a" | 表头a |
| </div>
| | | class="cell" data-row="a" data-col="1" | 内容1a |
| <div class="home-card home-card--button" id="home-nav-qumu">
| | | class="cell" data-row="a" data-col="2" style="display:none;" | 内容2a |
| <div class="home-card__background">[[File:MainTab-B.png|300px|link=曲目列表]]</div>
| | |- class="toggle-row" data-row="b" style="display:none;" |
| <div class="home-card__foreground">曲目列表</div>
| | ! class="toggle-row-header" data-row="b" | 表头b |
| </div>
| | | class="cell" data-row="b" data-col="1" | 内容1b |
| <div class="home-card home-card--button" id="home-nav-kaishi">
| | | class="cell" data-row="b" data-col="2" | 内容2b |
| <div class="home-card__background">[[File:MainTab-B.png|300px|link=开始]]</div>
| | |} |
| <div class="home-card__foreground">开始</div>
| |
| </div>
| |
| <div class="home-card home-card--button" id="home-nav-chenghao">
| |
| <div class="home-card__background">[[File:MainTab-P.png|300px|link=称号列表]]</div>
| |
| <div class="home-card__foreground">称号列表</div>
| |
| </div>
| |
| <div class="home-card home-card--button" id="home-nav-tansuo">
| |
| <div class="home-card__background">[[File:MainTab-O.png|300px|link=活动]]</div>
| |
| <div class="home-card__foreground">活动</div>
| |
| </div>
| |
| <div class="home-card home-card--button" id="home-nav-chengjiu">
| |
| <div class="home-card__background">[[File:MainTab-P.png|300px|link=成就列表]]</div>
| |
| <div class="home-card__foreground">成就列表</div>
| |
| </div>
| |
| <div class="home-card home-card--button" id="home-nav-shoucang">
| |
| <div class="home-card__background">[[File:MainTab-P.png|300px|link=收藏]]</div>
| |
| <div class="home-card__foreground">收藏</div>
| |
| </div>
| |
| <div class="home-card home-card--button" id="home-nav-条目">
| |
| <div class="home-card__background">[[File:MainTab-B.png|300px|link=分类:条目]]</div>
| |
| <div class="home-card__foreground">所有条目</div>
| |
| </div>
| |
| </div>
| |
| <small><font color=#888888>近期热点页面</font></small>
| |
| <div id="home-nav" class="home-grid" role="navigation">
| |
| <div class="home-card home-card--button" id="home-nav-redian">
| |
| <div class="home-card__background">[[File:圣诞单曲更新条幅20241225.png|300px|link=Frozen Heart]]</div>
| |
| <div class="home-card__foreground">Disc EX更新曲目</div>
| |
| </div>
| |
| </div>
| |
| <templatestyles src="Template:首页/shared/styles.css"/>
| |
| {{#css:#home-nav {
| |
| margin-top: 0.8rem;
| |
| }
| |
| #home-nav .home-card__background:after {
| |
| position: absolute;
| |
| pointer-events: none;
| |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| display: block;
| |
| background: linear-gradient(to right,#000,transparent);
| |
| content: "";
| |
| }
| |
| #home-nav .home-card__foreground {
| |
| pointer-events: none;
| |
| height: 100%;
| |
| width: 100%;
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 0 15px;
| |
| color: #fff;
| |
| font-weight: 500;
| |
| }
| |
| }}
| |
