模板:MCPlayerInfo:修订间差异

来自Hokubu Wiki
无编辑摘要
无编辑摘要
标签手工回退
 
(未显示同一用户的5个中间版本)
第1行: 第1行:
<includeonly>
<includeonly>{{#ifeq: {{{start|}}}|1|<div class="mc-player-container">|}}{{#if: {{{name|}}}|<templatestyles src="Template:首页/style.css" /><templatestyles src="Template:卡片/Cards.css" /><templatestyles src="Template:MCPlayerInfo/style.css" /><div class="home-card mc-player-card"><div class="transport-card mc-player-avatar"><div class="transport-image">[[文件:{{{image|默认头像.png}}}|50px|link=]]</div></div><div class="mc-player-info"><h3 class="home-card__header">{{{name|}}}</h3><div class="mc-player-chinese">{{{chinese|}}}</div><div class="mc-player-english">{{{english|}}}</div></div></div>|}}{{#ifeq: {{{end|}}}|1|</div>|}}</includeonly>
{{#if: {{{start|}}}|
<!-- 使用Flex容器替代网格 -->
<div class="mc-player-container">
|}}
 
<templatestyles src="Template:首页/style.css" />
<templatestyles src="Template:卡片/Cards.css" />
<templatestyles src="Template:MCPlayerInfo/style.css" />
 
<!-- 单个卡片 -->
<div class="home-card mc-player-card">
    <div class="transport-card mc-player-avatar">
        <div class="transport-image">
            [[文件:{{{image|默认头像.png}}}|50px|link=]]
        </div>
    </div>
   
    <div class="mc-player-info">
        <h3 class="home-card__header">{{{name|未设置名称}}}</h3>
        <div class="mc-player-chinese">{{{chinese|}}}</div>
        <div class="mc-player-english">{{{english|}}}</div>
    </div>
</div>
 
{{#if: {{{end|}}}|
</div>
|}}
</includeonly>


<noinclude>
<noinclude>
== 玩家信息卡片模板(Flex布局版)==
放弃Grid改用Flexbox布局,解决排列歪斜问题。


== 核心特点 ==
== 4个卡片调用示例 ==
1. 使用Flexbox替代Grid,兼容性更好
2. 卡片自动换行,不会出现空缺位置
3. 按屏幕尺寸控制每行显示数量:
  - 手机:每行1个
  - 平板:每行2个
  - 桌面:每行3-4个
 
== 使用方法 ==
{{MCPlayerInfo|start=1}}
{{MCPlayerInfo|start=1}}
{{MCPlayerInfo
{{MCPlayerInfo
| name    = Notch
| name    = Notch
| chinese = 马库斯·阿列克谢·泊松
| chinese = Minecraft创始人
| image  = Notch_Avatar.png
| image  = Notch_Avatar.png
}}
{{MCPlayerInfo
| name    = Jeb_
| chinese = 首席开发者
| image  = Jeb_Avatar.png
}}
{{MCPlayerInfo
| name    = Dinnerbone
| chinese = 核心开发者
| image  = Dinnerbone_Avatar.png
}}
{{MCPlayerInfo
| name    = C418
| chinese = 音乐制作人
| image  = C418_Avatar.png
}}
}}
{{MCPlayerInfo|end=1}}
{{MCPlayerInfo|end=1}}
</noinclude>
</noinclude>

2025年7月26日 (六) 00:45的最新版本



4个卡片调用示例


Notch

Minecraft创始人


Jeb_

首席开发者


Dinnerbone

核心开发者


C418

音乐制作人