模板:MCPlayerInfo：修订间差异

可视化wikitext

2025年7月25日 (五) 23:39的版本

横向玩家列表模板

用于以横向卡片网格展示多个MC玩家信息，支持点击跳转和头像旋转动画。

使用方法

模板:MCPlayerList 模板:MCPlayerList 模板:MCPlayerList 模板:MCPlayerList

参数说明

start=1 - 放在列表开头，用于初始化网格容器
end=1 - 放在列表结尾，用于闭合网格容器
name (必填) - 玩家名称（链接目标）
chinese (选填) - 中文介绍
english (选填) - 英文介绍
image (选填) - 头像图片URL

效果特点

横向卡片布局，左侧头像+右侧文字
点击卡片任意位置跳转至玩家页面
点击时头像会旋转360°动画
自动网格排列，适配不同屏幕宽度
悬停时卡片轻微上浮+阴影加深

@@ 第1行： / 第1行： @@
-<noinclude><style scoped>
+<includeonly>
-/* MC玩家信息卡片样式 */
+{{#if: {{{start|}}}|
-.mc-player-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:15px; padding:10px; }
+<div class="mc-player-grid">
-.mc-player-card { display:flex; align-items:center; background:#f8f9fa; border:1px solid #a2a9b1; border-radius:10px; padding:12px; margin:0; text-decoration:none; color:inherit; transition:transform 0.2s,box-shadow 0.2s; }
+|}}
-.mc-player-card:hover { transform:translateY(-2px); box-shadow:0 3px 8px rgba(0,0,0,0.15); }
-.mc-player-avatar { width:50px; height:50px; border-radius:50%; overflow:hidden; margin-right:12px; background:#e0e0e0; border:2px solid #6c757d; transition:transform 0.5s ease; }
-.mc-player-card:active .mc-player-avatar { transform:rotate(360deg); }
-.mc-player-avatar img { width:100%; height:100%; object-fit:cover; }
-.mc-player-info { flex:1; min-width:0; }
-.mc-player-name { font-size:18px; font-weight:bold; color:#222; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-.mc-player-chinese { font-size:14px; color:#444; margin-bottom:1px; }
-.mc-player-english { font-size:12px; color:#666; font-style:italic; }
-@media (max-width:480px) { .mc-player-grid { grid-template-columns:1fr; } .mc-player-card { flex-direction:column; text-align:center; } .mc-player-avatar { margin-right:0; margin-bottom:10px; } .mc-player-name { white-space:normal; } }
-</style><div class="mc-player-grid"></noinclude>
-{{#if: {{{name|}}}|
+<templatestyles src="Template:MCPlayerList/style.css" />
-  <a href="/wiki/{{{name}}}" class="mc-player-card">
+<a href="/wiki/{{{name|}}}" class="mc-player-card">
      <div class="mc-player-avatar">
-      <img src="{{{image|https://picsum.photos/200/200?random=1}}}" alt="{{{name}}}头像">
+        <img src="{{{image|https://picsum.photos/200/200?random=1}}}"
+             alt="{{{name|}}}的头像" />
      </div>
      <div class="mc-player-info">
-      <div class="mc-player-name">{{{name}}}</div>
+        <div class="mc-player-name">{{{name|}}}</div>
-      <div class="mc-player-chinese">{{{chinese|}}}</div>
+        <div class="mc-player-chinese">{{{chinese|}}}</div>
-      <div class="mc-player-english">{{{english|}}}</div>
+        <div class="mc-player-english">{{{english|}}}</div>
      </div>
-  </a>
+</a>
+{{#if: {{{end|}}}|
+</div>
+|}}
+</includeonly>
+<noinclude>
+== 横向玩家列表模板 ==
+用于以横向卡片网格展示多个MC玩家信息，支持点击跳转和头像旋转动画。
+== 使用方法 ==
+{{MCPlayerList|start=1}}
+{{MCPlayerList
+| name    = Notch
+| chinese = 马库斯·阿列克谢·泊松
+| english = Creator of Minecraft
+| image   = Notch_Avatar.png
 }}
+{{MCPlayerList
+| name    = Jeb_
+| chinese = 延斯·伯根斯坦
+| english = Lead Developer
+| image   = Jeb_Avatar.png
+}}
+{{MCPlayerList|end=1}}
+== 参数说明 ==
+* '''start=1''' - 放在列表开头，用于初始化网格容器
+* '''end=1''' - 放在列表结尾，用于闭合网格容器
+* '''name''' (必填) - 玩家名称（链接目标）
+* '''chinese''' (选填) - 中文介绍
+* '''english''' (选填) - 英文介绍
+* '''image''' (选填) - 头像图片URL
-<noinclude></div></noinclude>
+== 效果特点 ==
+* 横向卡片布局，左侧头像+右侧文字
+* 点击卡片任意位置跳转至玩家页面
+* 点击时头像会旋转360°动画
+* 自动网格排列，适配不同屏幕宽度
+* 悬停时卡片轻微上浮+阴影加深
+</noinclude>