|
|
| （未显示同一用户的18个中间版本） |
| 第1行： |
第1行： |
| <noinclude><style scoped> | | <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> |
| /* MC玩家信息卡片样式 */
| |
| .mc-player-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:15px; padding:10px; }
| |
| .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|}}}|
| | <noinclude> |
| <a href="/wiki/{{{name}}}" class="mc-player-card">
| | |
| <div class="mc-player-avatar">
| | == 4个卡片调用示例 == |
| <img src="{{{image|https://picsum.photos/200/200?random=1}}}" alt="{{{name}}}头像">
| | {{MCPlayerInfo|start=1}} |
| </div>
| | {{MCPlayerInfo |
| <div class="mc-player-info">
| | | name = Notch |
| <div class="mc-player-name">{{{name}}}</div>
| | | chinese = Minecraft创始人 |
| <div class="mc-player-chinese">{{{chinese|}}}</div>
| | | image = Notch_Avatar.png |
| <div class="mc-player-english">{{{english|}}}</div>
| |
| </div>
| |
| </a> | |
| }} | | }} |
| | | {{MCPlayerInfo |
| <noinclude></div></noinclude>
| | | 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}} |
| | </noinclude> |
