Skip to content

astro-nav v1.2.0 · 液态玻璃 2.0

Choose a tag to compare

View all tags
@LLLimit LLLimit released this 07 Oct 17:15
v1.2.0
970c9dd

重磅升级：液态玻璃 2.0

  • 圆弧透镜、平滑圆角法线和中心放大，让壁纸折射与玻璃厚度更明显。
  • 从壁纸取样反射颜色，结合 Fresnel、方向性高光和边缘色散，替代整圈白色描边。
  • 嵌套组件逐层折射：分区、卡片、按钮和弹出层共享分层渲染。
  • 滚动曲率惯性、壁纸视差与阻尼鼠标光源交互。
  • 新增城市默认壁纸，保留照片来源与许可说明。
  • 更新后台壁纸配置与玻璃样式，遮罩值为 0 时保留原设置。

性能与兼容性

只在玻璃主题加载，空闲或后台标签页暂停，切换普通主题释放 GPU 资源。无 WebGL 2 时使用 CSS 回退；计算在访客浏览器执行。折射对象为壁纸，不是任意网页 DOM 的实时截图。

安装与升级

下载 astro-nav.zip。源码包不包含密钥、数据库或用户上传文件。升级前备份数据库、保留 .env 和 data/，覆盖源码后执行：

pnpm install --frozen-lockfile
pnpm db:migrate
pnpm build

最后重启 Node/PM2 项目。

在线演示 · 安装说明 · 液态玻璃 2.0 实现说明

Assets 3
Loading