当前位置: 首页 > Web前端 > HTML

小程序暗黑模式风格适配

时间:2023-04-02 13:04:09 HTML

EnableDarkMode在app.json中配置darkmode为true,即开启暗黑模式配置变量文件theme.json,并在app.json中配置路径导入"themeLocation":"theme.json"在theme.json中定义相关变量{"light":{"navigationBarBackgroundColor":"#fff","navigationBarTextStyle":"black"},"dark":{"navigationBarBackgroundColor":"#000","navigationBarTextStyle":"white"}}在app.json中应用配置属性,以@开头引用变量:"@navigationBarTextStyle"},WXSS适配,通过媒体查询适配不同主题}}参考:小程序深色模式适配官方文档