兄弟大佬们，小弟最近在用uniapp x 项目开发，遇到一个问题，就是主题切换时，怎么给字体颜色和button背景色等样式做统一切换，能和系统的暗夜模式同时渲染，谁有好的良策，详细聊一聊

分类：uni-app x

uniapp x

兄弟大佬们，小弟最近在用uniapp x 项目开发，遇到一个问题，就是主题切换时，怎么给字体颜色和button背景色等样式做统一切换，能和系统的暗夜模式同时渲染，谁有好的良策，详细聊一聊，最后能便于长期维护的方案，类似与起点APP那种，感谢！

2024-12-16 22:10 负责人:无分享

3 个回复

我这边做过类似，有兴趣的话可以加q：1156854311一起讨论

买组件，很多组件支持主题
或
https://doc.dcloud.net.cn/uni-app-x/api/theme-change.html#onappthemechange

官方给出的，已经能够实现

定义两个对象light/dark,里面放各种颜色值，然后动态绑定style样式呗

const dark={  
 bgColor:"#333"  
}  
const light={  
 bgColor:"#fff"  
}  
if(暗黑模式){  
 theme=dark  
}

<view :style={background:theme.bgColor}></view>

要回复问题请先登录或注册