feat: 为 macOS 适配无边框窗口圆角效果
新增 macOS 平台配置文件,修改平台检测逻辑,在 macOS 时给 html 加标记,调整 CSS 让 #app 绘制背景并裁切 8px 圆角,避免首帧方角闪烁,同时适配弹窗遮罩圆角。
This commit is contained in:
+10
@@ -9,6 +9,16 @@ import "ant-design-vue/dist/reset.css"
|
||||
import router from "@/router/router"
|
||||
// 引入国际化
|
||||
import i18n from "@/i18n"
|
||||
import { detectPlatform } from "@/composables/usePlatform"
|
||||
|
||||
/*
|
||||
* macOS 的无边框窗口系统不会自动裁圆角,需要配合 transparent 窗口,
|
||||
* 由 #app 自身裁出 8px 圆角(见 assets/main.css)。这里在挂载前打上平台标记,
|
||||
* 避免首帧出现方角闪烁。
|
||||
*/
|
||||
if (detectPlatform() === "macos") {
|
||||
document.documentElement.classList.add("is-macos")
|
||||
}
|
||||
|
||||
const app = createApp(App)
|
||||
app.use(createPinia())
|
||||
|
||||
Reference in New Issue
Block a user