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就不用我说了吧