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

首页课程实战体系课手记专栏慕课教程

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

来源：4-10 scroll 组件的抽象和应用（上）

月绒兔子

2019-05-29

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

写回答

1回答

ustbhuangyi

ustbhuangyi

2019-05-29

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

0

2

ustbhuangyi

回复

月绒兔子

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

2019-06-14

共2条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

老师，请教个问题，要实现动态换肤功能，我想在js脚本中，动态的设置stylus中的颜色值，能实现吗？

回答 1

关于在线换肤功能

回答 1

不能使用stylus，对应控件没有相应的stylus

回答 2

为什么引入stylus就报错呢

回答 3

设置了alias，还是找不到 ~common/stylus/variable 路径

回答 1

打开慕课网App查看更多内容