无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
{{#if: {{{start|}}}| | {{#if: {{{start|}}}| | ||
<div class=" | <!-- 使用Flex容器替代网格 --> | ||
<div class="mc-player-container"> | |||
|}} | |}} | ||
第8行: | 第9行: | ||
<templatestyles src="Template:MCPlayerInfo/style.css" /> | <templatestyles src="Template:MCPlayerInfo/style.css" /> | ||
<!-- 单个卡片 --> | |||
<div class="home-card mc-player-card"> | <div class="home-card mc-player-card"> | ||
<div class="transport-card mc-player-avatar"> | <div class="transport-card mc-player-avatar"> | ||
<div class="transport-image"> | <div class="transport-image"> | ||
第16行: | 第17行: | ||
</div> | </div> | ||
<div class="mc-player-info"> | <div class="mc-player-info"> | ||
<h3 class="home-card__header">{{{name|未设置名称}}}</h3> | <h3 class="home-card__header">{{{name|未设置名称}}}</h3> | ||
第30行: | 第30行: | ||
<noinclude> | <noinclude> | ||
== | == 玩家信息卡片模板(Flex布局版)== | ||
放弃Grid改用Flexbox布局,解决排列歪斜问题。 | |||
== 核心特点 == | |||
1. 使用Flexbox替代Grid,兼容性更好 | |||
2. 卡片自动换行,不会出现空缺位置 | |||
3. 按屏幕尺寸控制每行显示数量: | |||
- 手机:每行1个 | |||
- 平板:每行2个 | |||
- 桌面:每行3-4个 | |||
== 使用方法 == | == 使用方法 == | ||
第38行: | 第46行: | ||
| name = Notch | | name = Notch | ||
| chinese = 马库斯·阿列克谢·泊松 | | chinese = 马库斯·阿列克谢·泊松 | ||
| image = Notch_Avatar.png | | image = Notch_Avatar.png | ||
}} | }} | ||
{{MCPlayerInfo|end=1}} | {{MCPlayerInfo|end=1}} | ||
</noinclude> | </noinclude> |
2025年7月26日 (六) 00:21的版本
玩家信息卡片模板(Flex布局版)
放弃Grid改用Flexbox布局,解决排列歪斜问题。
核心特点
1. 使用Flexbox替代Grid,兼容性更好 2. 卡片自动换行,不会出现空缺位置 3. 按屏幕尺寸控制每行显示数量:
- 手机:每行1个 - 平板:每行2个 - 桌面:每行3-4个
使用方法