如何使用Stylus实现换肤功能？

Question

老师您好，看了您的课程后进步飞快。已经开始带着团队按您的方式做项目啦。但是有个问题请教下，目前都是在每个页面的<style>里import skin.styl。skin.styl都是定义颜色的变量。在css中都是用background: $color-primary这种方式使用的。
后续要加入换肤功能，如何使用Stylus优雅的实现换肤呢？
谢谢老师！

Answer 1

ustbhuangyi 2019-05-29 10:47:26

你是想在开发中实现换肤还是在线换肤呢？

• 提问者 月绒兔子 #1

  需求是实现在线换肤。目前问题已解决了，用的CSS3原生的var(--*)，还是通过动态替换css文件实现的。不知道是不是最好的方式？谢谢老师~

• ustbhuangyi 回复 提问者 月绒兔子 #2

  在线换肤确实是需要加载多套 css 文件的，你的方案注意一下兼容性问题，如果项目所支持的浏览器都兼容就是 ok 的