查看“︁模板:UserPage”︁的源代码

<includeonly>
<templatestyles src="用户页快捷模板/styles.css" />
<div class="user-quick-card">
    <!-- 头部区域：用户名 + 快速链接 -->
    <div class="user-quick-card-header">
        <div style="display:flex; align-items:center; gap:15px;">
            <div>
                <span class="user-quick-card-title">{{{用户名|{{BASEPAGENAME}}}}}</span>
            </div>
        </div>
        <div style="display:flex; gap:12px; margin-top:5px;">
            {{#if:{{{贡献链接|}}}|<span class="user-quick-button user-quick-button-contrib"><span style="font-weight:bold;">📊</span> [[Special:用户贡献/{{{用户名|{{BASEPAGENAME}}}}}|贡献]]</span>}}
            {{#if:{{{讨论页|}}}|<span class="user-quick-button user-quick-button-talk"><span style="font-weight:bold;">💬</span> [[User talk:{{{用户名|{{BASEPAGENAME}}}}}|讨论]]</span>}}
            {{#if:{{{邮件选项|}}}|<span class="user-quick-button user-quick-button-email"><span style="font-weight:bold;">✉️</span> [[Special:EmailUser/{{{用户名|{{BASEPAGENAME}}}}}|邮件]]</span>}}
        </div>
    </div>

    <!-- 双栏信息区 -->
    <div style="display:flex; flex-wrap:wrap; gap:20px; padding:1.5em;">
        <!-- 左侧：自定义键值对 -->
        <div style="flex:2 1 260px;" class="user-quick-section">
            <div class="user-quick-section-title">
                <span style="font-size:1.3em;">🪪</span>
                <span>用户信息</span>
            </div>
            {{#if:{{{维基时间|}}}|<div style="display:flex; margin-bottom:10px; background:transparent; padding:8px; border-radius:6px; border:1px solid transparent;"><span style="min-width:85px; color:#54595d;">📅 加入日期 </span><span style="font-weight:500;">{{{维基时间}}}</span></div>}}
            
            <!-- 循环显示自定义标签1-5 -->
            {{#if:{{{标签1|}}}{{{内容1|}}}|<div class="user-quick-item"><span class="user-quick-label">{{{标签1}}}</span><span>{{{内容1}}}</span></div>}}
            {{#if:{{{标签2|}}}{{{内容2|}}}|<div class="user-quick-item"><span class="user-quick-label">{{{标签2}}}</span><span>{{{内容2}}}</span></div>}}
            {{#if:{{{标签3|}}}{{{内容3|}}}|<div class="user-quick-item"><span class="user-quick-label">{{{标签3}}}</span><span>{{{内容3}}}</span></div>}}
            {{#if:{{{标签4|}}}{{{内容4|}}}|<div class="user-quick-item"><span class="user-quick-label">{{{标签4}}}</span><span>{{{内容4}}}</span></div>}}
            {{#if:{{{标签5|}}}{{{内容5|}}}|<div class="user-quick-item"><span class="user-quick-label">{{{标签5}}}</span><span>{{{内容5}}}</span></div>}}
        </div>
        
        <!-- 右侧：关于我 + 杂项 -->
        <div style="flex:1.2 1 220px;" class="user-quick-section">
            {{#if:{{{关于我|}}}|<div>
                <div class="user-quick-section-title user-quick-section-title-about">
                    <span style="font-size:1.3em;">🧑</span>
                    <span>关于我</span>
                </div>
                <p class="user-quick-about">{{{关于我}}}</p>
            </div>}}
</includeonly><noinclude>
{{UserPage
| 用户名    = 张三
| 维基时间  = 2022年8月15日
| 贡献链接  = yes
| 讨论页    = yes
| 邮件选项 = yes

| 标签1     = 🌐 语言
| 内容1     = 中文（母语）· English（CET-6）
| 标签2     = 💻 编程
| 内容2     = Python / JavaScript / MediaWiki
| 标签3     = 🎮 兴趣
| 内容3     = 开源硬件 · 桌面游戏
| 标签4     = 📍 位置
| 内容4     = 上海
| 标签5     = ⚙️ 权限
| 内容5     = 自动确认用户

| 关于我    = 维基百科爱好者，主要维护技术类条目，正在学习模板语法。欢迎在讨论页留言交流！
}}
[[Category:模板|{{PAGENAME}}]]
</noinclude>