试图让顶部导航栏在滚动页面时始终固定在顶部，类似浏览器搜索的效果

**App.vue:**
`<n-layout-header
          bordered
          style="background-color: var(--primary-color); position: sticky; top: 0; z-index: 10;"
        >`
**修改：**
position: sticky;：使导航栏固定在页面顶部，并允许其随着页面滚动。
top: 0;：确保导航栏始终停留在页面的最顶部。
z-index: 10;：设置较高的层级，以确保导航栏显示在页面内容的上方，避免被其他元素遮挡
**想达到的效果：**
顶部导航栏会随着页面滚动而保持在页面顶部，类似于谷歌浏览器中的搜索栏效果。
即使页面向下滚动，导航栏也不会消失，始终显示在顶部。

但是我在本地调试没有效果