vue + iview 的换肤怎样实现

Question

当前的项目采用了vue + iview 怎么实现每个用户个性化主题配置

Answer 1

不管你用什么框架怎么实现，换肤终究是要落到css的改变上，你还用了UI组件库，那么首先这个组件库本身是否有多套主题可选？如果没有，那就把这个组件库里所有的css重写N次，在最外层加上一个唯一的标识区分就好了，比如：默认的样式是：body{    background-color:#fff;    color:#000;}你要自定义一套黑色主题，简单啊：body#black{    background-color:#000;    color:#fff;}然后在你的body上加上这个id black不就行了，当然怎么用js去加id就不用我说了吧