ffeeng

1.公司用的是angular框架和ant-design ，ant-design蚂蚁组件是用Less来写样式，蚂蚁组件默认主题定义了这些[变量](https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/scripts/site/_site/doc/theme.less)  换肤其实就是切换主题，一个主题对应一系列的变量，各个主题之间只是这些变量的值不同而已。 点击切换主题，会调用这个方法，实现运行时换肤。 ``` less.modifyVars({ // 调用 `less.modifyVars` 方法来改变变量值' @theme: 'default', @body-background: #fff; // Base background color for most components @component-background: #fff; .... }) .then(() => { console.log('修改成功');...

2. - 场景：我们页面文字类型有 大标题、小标题、描述文字、注释文字、错误信息，并且这些类型的文字颜色都不一样，这种情况下还要支持换肤。 - 做的过程中发现ant-design定义的关于文字样式的变量不够用，这里就添加一些额外的文字颜色变量，@title-color,@sub-title-color...，维护好这些变量在各个主题的值。 - 做的过程还会遇到样式优先级的问题，可以调整下样式的先后顺序或者加!important

第三、第四个问题确实不会，还没学到