发表于 2024年6月22日1年前 受到一些 UI 库（ Radix Primitives ）和品牌官网（ Apple ）的导航栏组件的启发，再加上工作里有接二连三开发新站点的需求，就有了不停打磨站点导航栏组件的机会，现在这个组件已经开源了：navbar-153。一周之后离职，求职中，后面的数字是为了纪念这段时间的工作，每天乘坐的公交车线路号。 组件有流畅的过渡动画，而且组件也有一些独特的特性，例如可以完全键盘访问，可以通过辅助设备（ TalkBack 、VoiceOver ）访问，以及完全自定义样式。未来会加入更多和可访问性有关的特性，例如支持关闭动画，可能也会支持纵向布局。 组件写完之后又用 Next.js 简单开发了一个主页，黑灰主色调，搭配还算协调，结合了玻璃、扁平和阴影风格，有些岩石或深空的感觉。 如果有正在搭建应用的 V 友，欢迎使用这款导航栏～及时反馈及时改善。 主页地址：https://wswmsword.github.io/examples/navbar-153/ 仓库地址：https://github.com/wswmsword/navbar-153
受到一些 UI 库（ Radix Primitives ）和品牌官网（ Apple ）的导航栏组件的启发，再加上工作里有接二连三开发新站点的需求，就有了不停打磨站点导航栏组件的机会，现在这个组件已经开源了：navbar-153。一周之后离职，求职中，后面的数字是为了纪念这段时间的工作，每天乘坐的公交车线路号。
组件有流畅的过渡动画，而且组件也有一些独特的特性，例如可以完全键盘访问，可以通过辅助设备（ TalkBack 、VoiceOver ）访问，以及完全自定义样式。未来会加入更多和可访问性有关的特性，例如支持关闭动画，可能也会支持纵向布局。
组件写完之后又用 Next.js 简单开发了一个主页，黑灰主色调，搭配还算协调，结合了玻璃、扁平和阴影风格，有些岩石或深空的感觉。
如果有正在搭建应用的 V 友，欢迎使用这款导航栏～及时反馈及时改善。