Livid
378.3D
534.41D
V2EX  ›  Notion

Notion 网站上的这种 macOS App 窗口是怎么做的?

  •  
  •   Livid ·
    PRO
    · Jan 5, 2021 · 3416 views
    This topic created in 2019 days ago, the information mentioned may be changed or developed.
    在这个 Design System 页面上出现的截图里,这种类似 PWA 但是应该不是 PWA 的 macOS App 窗口,有同学知道是怎么可以做出来么?

    https://www.notion.so/Design-System-5c50a5b4e9404ffd9975d9521cf4d571

    1 replies    2021-01-05 12:53:27 +08:00
    unstop
        1
    unstop  
       Jan 5, 2021   ❤️ 1
    这就是 Notion 自己的,基于 Electron 的 macOS App 的录屏吧。

    用 Electron 的 hiddenInset window 就是这个效果: https://www.electronjs.org/docs/api/frameless-window#hiddeninset
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1441 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 17:02 · PVG 01:02 · LAX 10:02 · JFK 13:02
    ♥ Do have faith in what you're doing.