48
个编辑
StellralMist(讨论 | 贡献) 无编辑摘要 |
StellralMist(讨论 | 贡献) 无编辑摘要 |
||
第32行: | 第32行: | ||
</div> | </div> | ||
<!-- 右侧头像区域 --> | <!-- 右侧头像区域 - 使用标准的File语法 --> | ||
<div style="text-align: center; margin-left: 20px;"> | <div style="text-align: center; margin-left: 20px;"> | ||
{{#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;"> | |||
[[File:{{{用户头像}}}|120x120px|class=user-avatar]] | |||
</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:{{{在线状态|}}} | {{#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> |
个编辑