navigationMenus
方向感应导航栏
透明三栏式导航头,向下滚动时变为悬浮的白色模糊胶囊形态(logo、链接和 CTA 颜色随之反转),向上滚动时则完全隐藏,通过对比当前帧与上一帧的 scrollY 值实现判断。
实时预览并复制提示词可调整的参数
- 变形时长
- 胶囊半径
目录的使用方式
每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。
navigationMenus
透明三栏式导航头,向下滚动时变为悬浮的白色模糊胶囊形态(logo、链接和 CTA 颜色随之反转),向上滚动时则完全隐藏,通过对比当前帧与上一帧的 scrollY 值实现判断。
实时预览并复制提示词每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。