Template:Userpage:修订间差异

StellralMist留言 | 贡献
无编辑摘要
StellralMist留言 | 贡献
无编辑摘要
第32行: 第32行:
             </div>
             </div>
              
              
             <!-- 右侧头像区域 -->
             <!-- 右侧头像区域 - 使用标准的File语法 -->
<div style="text-align: center; margin-left: 20px;">
            <div style="text-align: center; margin-left: 20px;">
    {{#if:{{{用户头像|}}}
                {{#if:{{{用户头像|}}}
        |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2); overflow: hidden; display: flex; align-items: center; justify-content: center;">
                    |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2); overflow: hidden; display: flex; align-items: center; justify-content: center;">
            <img src="{{{用户头像}}}" style="max-width: 100%; max-height: 100%;" alt="用户头像" />
                        [[File:{{{用户头像}}}|120x120px|class=user-avatar]]
          </div>
                      </div>
        |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.2); font-size: 40px; color: #ccc;">?</div>
                    |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.2); font-size: 40px; color: #ccc;">?</div>
    }}
                 }}
   
    {{#if:{{{在线状态|}}}
        |<div style="margin-top: 10px;">
            {{#ifeq: {{{在线状态}}} | 在线
                 |<span style="background: #4caf50; color: white; padding: 3px 10px; border-radius: 12px; font-size: 12px;">● 在线</span>
                |<span style="background: #f44336; color: white; padding: 3px 10px; border-radius: 12px; font-size: 12px;">● 离线</span>
            }}
          </div>
        |}}
</div>
                  
                  
                 {{#if:{{{在线状态|}}}
                 {{#if:{{{在线状态|}}}
第63行: 第53行:
     </div>
     </div>
      
      
     <!-- 底部导航 - 修复链接 -->
     <!-- 底部导航 -->
     <div style="display: flex; justify-content: center; margin-top: 25px; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 15px;">
     <div style="display: flex; justify-content: center; margin-top: 25px; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 15px;">
         <div style="display: flex; gap: 20px; flex-wrap: wrap;">
         <div style="display: flex; gap: 20px; flex-wrap: wrap;">
第73行: 第63行:
     </div>
     </div>
</div>
</div>
<!-- 添加CSS样式确保图片圆形显示 -->
<style>
.user-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
</style>
</includeonly>
</includeonly>