lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复：右侧导航定位 - aside 移到主内容后 + self-start sticky

Browse Source
This commit is contained in:
流星
2026-02-27 01:26:28 +08:00
parent 342238b8ee
commit 78b0a43c48
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/rooms/guide.blade.php
+15 -15
View File
@@ -92,22 +92,8 @@
@section('content')
<main class="max-w-6xl mx-auto py-10 px-6 flex gap-8">
{{-- 右侧固定导航 --}}
<aside class="hidden lg:block w-44 shrink-0 order-2">
<nav class="guide-nav sticky top-24 space-y-1" id="guide-nav">
<a href="#sec-exp">⭐ 经验与等级</a>
<a href="#sec-gold">💰 金币系统</a>
<a href="#sec-charm">✨ 魅力系统</a>
<a href="#sec-gift">🎁 礼物系统</a>
<a href="#sec-vip">👑 VIP 会员</a>
<a href="#sec-admin">🛡️ 管理权限</a>
<a href="#sec-rank">🏆 排行榜</a>
<a href="#sec-basic">💬 基础操作</a>
</nav>
</aside>
{{-- 左侧主内容 --}}
<div class="flex-1 min-w-0 order-1">
<div class="flex-1 min-w-0">
{{-- 页面标题 --}}
<div class="text-center mb-10">
@@ -351,6 +337,20 @@
</div>
</div> {{-- /flex-1 主内容结束 --}}
{{-- 右侧固定导航 --}}
<aside class="hidden lg:block w-44 shrink-0 self-start sticky top-24">
<nav class="guide-nav space-y-1" id="guide-nav">
<a href="#sec-exp">⭐ 经验与等级</a>
<a href="#sec-gold">💰 金币系统</a>
<a href="#sec-charm">✨ 魅力系统</a>
<a href="#sec-gift">🎁 礼物系统</a>
<a href="#sec-vip">👑 VIP 会员</a>
<a href="#sec-admin">🛡️ 管理权限</a>
<a href="#sec-rank">🏆 排行榜</a>
<a href="#sec-basic">💬 基础操作</a>
</nav>
</aside>
</main>
@section('scripts')