模板:MCPlayerInfo：修订间差异

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

横向玩家信息卡片模板

完全还原最初的横向布局，左侧头像+右侧文字，网格自动排列。

核心特点

- 纯横向布局：头像居左，文字居右，水平排列 - 网格排列：自动换行，大屏多列，小屏单列 - 独立样式：不依赖其他CSS，避免布局冲突 - 交互效果：悬停上移+点击头像旋转

使用方法

       <img src="https://picsum.photos/200/200?random=1" 
            alt="的头像" />

</a>

       <img src="Notch_Avatar.png" 
            alt="Notch的头像" />

Notch

马库斯·阿列克谢·泊松

Creator of Minecraft

</a>

       <img src="Jeb_Avatar.png" 
            alt="Jeb_的头像" />

Jeb_

延斯·伯根斯坦

Lead Developer

</a>

       <img src="https://picsum.photos/200/200?random=1" 
            alt="的头像" />

</a>

参数说明

| 参数 | 必选 | 说明 | |------------|------|-------------------------------| | start=1 | 是 | 放在列表开头，初始化网格容器 | | end=1 | 是 | 放在列表结尾，闭合网格容器 | | name | 是 | 玩家名称（链接目标） | | chinese | 否 | 中文介绍文字 | | english | 否 | 英文介绍文字（自动斜体） | | image | 否 | 头像图片URL/本地文件名 |

@@ 第1行： / 第1行： @@
 <includeonly>
 {{#if: {{{start|}}}|
-<!-- 网格容器：复用首页网格样式 -->
+<!-- 网格容器：包裹所有卡片 -->
-<div class="home-grid">
+<div class="mc-player-grid">
 |}}
-<templatestyles src="Template:首页/style.css" />
-<templatestyles src="Template:卡片/Cards.css" />
 <templatestyles src="Template:MCPlayerInfo/style.css" />
-<!-- 玩家卡片主体 -->
+<!-- 单个玩家卡片：横向布局 -->
-<div class="home-card mc-player-card">
+<a href="/wiki/{{{name|}}}" class="mc-player-card">
-     <!-- 头像区域 -->
+     <!-- 左侧头像 -->
-     <div class="transport-card mc-player-avatar">
+     <div class="mc-player-avatar">
-         <div class="transport-image">
+         <img src="{{{image|https://picsum.photos/200/200?random=1}}}"
-            <a href="/wiki/{{{name|}}}">
+             alt="{{{name|}}}的头像" />
-                <img src="{{{image|https://picsum.photos/200/200?random=1}}}"
-                     alt="{{{name|}}}的头像"
-                     class="mc-avatar-img" />
-            </a>
-        </div>
      </div>
-     <!-- 文字内容区域 -->
+     <!-- 右侧文字内容 -->
      <div class="mc-player-info">
-         <h3 class="home-card__header mc-player-name">
+         <div class="mc-player-name">{{{name|}}}</div>
-            <a href="/wiki/{{{name|}}}" style="text-decoration: none; color: inherit;">{{{name|}}}</a>
+         <div class="mc-player-chinese">{{{chinese|}}}</div>
-         </h3>
+         <div class="mc-player-english">{{{english|}}}</div>
-        {{#if: {{{chinese|}}}|
-        <p class="home-card__text mc-player-chinese">
-            {{{chinese|}}}
-        </p>
-        |}}
-        {{#if: {{{english|}}}|
-         <p class="home-card__text mc-player-english">
-            {{{english|}}}
-        </p>
-        |}}
-    </div>
-    <!-- 查看按钮 -->
-    <div class="home-link">
-        <div class="home-link__button">
-            <a href="/wiki/{{{name|}}}" style="text-decoration: none; color: white;">查看详情</a>
-        </div>
      </div>
-</div>
+</a>
 {{#if: {{{end|}}}|
 </div>
+<!-- 闭合网格容器 -->
 |}}
 </includeonly>
 <noinclude>
-== 玩家信息卡片模板 ==
+== 横向玩家信息卡片模板 ==
-分离 CSS 与模板逻辑，复用标准卡片样式的横向玩家信息模板。
+完全还原最初的横向布局，左侧头像+右侧文字，网格自动排列。
+== 核心特点 ==
+- 纯横向布局：头像居左，文字居右，水平排列
+- 网格排列：自动换行，大屏多列，小屏单列
+- 独立样式：不依赖其他CSS，避免布局冲突
+- 交互效果：悬停上移+点击头像旋转
 == 使用方法 ==
@@ 第65行： / 第46行： @@
 | english = Creator of Minecraft
 | image   = Notch_Avatar.png
+}}
+{{MCPlayerInfo
+| name    = Jeb_
+| chinese = 延斯·伯根斯坦
+| english = Lead Developer
+| image   = Jeb_Avatar.png
 }}
 {{MCPlayerInfo|end=1}}
@@ 第71行： / 第58行： @@
 | 参数       | 必选 | 说明                          |
 |------------|------|-------------------------------|
-| start=1    | 是   | 初始化网格容器                |
+| start=1    | 是   | 放在列表开头，初始化网格容器  |
-| end=1      | 是   | 闭合网格容器                  |
+| end=1      | 是   | 放在列表结尾，闭合网格容器    |
 | name       | 是   | 玩家名称（链接目标）          |
-| chinese    | 否   | 中文介绍                      |
+| chinese    | 否   | 中文介绍文字                  |
-| english    | 否   | 英文介绍                      |
+| english    | 否   | 英文介绍文字（自动斜体）      |
-| image      | 否   | 头像图片文件名                |
+| image      | 否   | 头像图片URL/本地文件名        |
 </noinclude>