Victor_Jay
6f74643227
- Validate中同步DB最新头像/用户名/角色到session，解决上传头像后NAV仍不显示的问题 - NAV模板img增加onerror回退，图片加载失败时自动显示用户名首字符
51 lines
2.8 KiB
HTML
51 lines
2.8 KiB
HTML
<header>
|
|
<div class="container nav-container">
|
|
<a href="/" class="logo">Meta<span>Lab</span></a>
|
|
<button class="mobile-menu-btn" id="mobileMenuBtn">
|
|
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
|
</button>
|
|
<ul class="nav-links" id="navLinks">
|
|
<li><a href="/">首页</a></li>
|
|
{{if .IsLoggedIn}}
|
|
<li><a href="/studio/write" class="nav-contribute">
|
|
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
|
|
投稿
|
|
</a></li>
|
|
<li>
|
|
<a href="/messages" class="nav-envelope" id="messagesEnvelope" title="消息中心">
|
|
<svg class="nav-envelope-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
|
<span class="nav-envelope-badge" id="msgBadge" style="display:none">0</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-avatar-wrapper">
|
|
<a href="/space" class="nav-avatar-link">
|
|
{{if .Avatar}}
|
|
<img src="{{.Avatar}}" alt="" class="nav-avatar" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'">
|
|
<span class="nav-avatar nav-avatar-default" style="display:none">{{substr .Username 0 1}}</span>
|
|
{{else}}
|
|
<span class="nav-avatar nav-avatar-default">{{substr .Username 0 1}}</span>
|
|
{{end}}
|
|
</a>
|
|
<div class="nav-dropdown">
|
|
<div class="nav-dropdown-header">{{.Username}}</div>
|
|
<a href="/settings/profile" class="nav-dropdown-item">个人中心</a>
|
|
<a href="javascript:void(0)" class="nav-dropdown-item nav-logout" id="logoutBtn">退出登录</a>
|
|
</div>
|
|
</li>
|
|
{{else}}
|
|
<li><a href="/auth/login" class="nav-login">登录</a></li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
{{if .IsMaintenance}}
|
|
<div class="maintenance-banner">
|
|
<span class="maintenance-banner-icon">⚙</span>
|
|
{{if .IsOwner}}
|
|
<span>社区正处于维护状态</span>
|
|
{{else}}
|
|
<span>社区正在维护中，仅站长可访问</span>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|