模板:首页/nav：修订间差异

交互式浏览历史

可视化wikitext

2025年1月11日 (六) 22:00的最新版本

近期热点页面

@@ 第1行： / 第1行： @@
 <div id="home-nav" class="home-grid" role="navigation">
 	<div class="home-card home-card--button" id="home-nav-jizhi">
-		<div class="home-card__background">[[File:临时导航.jpg|300px|link=机制]]</div>
+		<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-shoucang">
-		<div class="home-card__background">[[File:临时导航.jpg|300px|link=收藏]]</div>
-		<div class="home-card__foreground">收藏</div>
 	</div>
 	<div class="home-card home-card--button" id="home-nav-qumu">
-		<div class="home-card__background">[[File:临时导航.jpg|300px|link=曲目列表]]</div>
+		<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-chengjiu">
+	<div class="home-card home-card--button" id="home-nav-kaishi">
-		<div class="home-card__background">[[File:临时导航.jpg|300px|link=成就列表]]</div>
+		<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:临时导航.jpg|300px|link=分类:条目]]</div>
+		<div class="home-card__background">[[File:MainTab-B.png|300px|link=分类:条目]]</div>
 		<div class="home-card__foreground">所有条目</div>
 	</div>
 	</div>
-<templatestyles src="Template:首页/nav/styles.css"/>
+<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:Disc 2曲目更新条幅20250111.png|300px|link=Rule The World]]</div>
+		<div class="home-card__foreground">Disc 2更新曲目</div>
+	</div>
+	</div>
+<small><font color=#FFFFFF></font></small>
+<div id="home-nav" class="home-grid" role="navigation">
+		<div class="home-card home-card--button" id="home-nav-xcl">
+	<div class="home-card__background">[[File:星焯旅实体店铺横幅.png|300px|link=活动#星焯旅实体店铺]]</div>
+		<div class="home-card__foreground">星焯旅实体店铺</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;
+}
+}}