uniapp换肤功能

分类：uni-app

uniapp

业务需要要实现一个在线换肤的功能

就是有一个按钮，可以直接将整个app的主题切换为另一种色调应该如何来实现呢

2019-07-02 22:08 负责人:无分享

9 个回复

可以参考国际化的做法，详见https://ask.dcloud.net.cn/article/35872

9***@qq.com - 蘑菇云

请问解决没

liuxy - 承接各种公众号小程序app开发, 前后全包,wx或电话咨询联系18724597563

请问解决了吗? 可以分享下思路吗?

你好，你这个功能是怎么实现的？顶部导航条的颜色是怎么改变的

如果是vue，直接在父元素动态添加class属性就行，不同主题用不同的class
如果是nvue，目前我用vuex，然后给每个需要用到的元素上添加style属性，设置不同的样式

已实现，思路是在page加上[data-theme:'xxx']，通过这个来实现全局的色彩变化，我用了vuex来配合全局变量的实现，用scss进行全局颜色的赋值

1***@163.com

老哥你这个data-them 属性是怎么设置的啊？这个data-them应该需要动态地切换吧。但是js里面如何获取不到page元素啊

2021-02-28 15:06

V587phenix - 学海求涯

欢迎各位采纳与建议

可以看一下我的这个方法：https://www.cnblogs.com/wuhefeng/p/14440600.html

tpframe2020 - 免费提供大量开源程序

已经实现，既好维护，也好扩展 : https://www.cnblogs.com/top8/p/17465477.html

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