网站皮肤方案

Question

最近公司客户希望，将网站页面修改下皮肤。得到这个需求，前端就要做出一个关于皮肤的方案。

以下是我想的方案：

1、确定网站皮肤块。
2、根据皮肤块整理出皮肤模板（Sass）。
3、企业指定皮肤块的背景色和字体样式。
4、生成皮肤样式。
5、网站根据企业ID+skin.css获取样式文件。

下面是方案的各个块的流转图。

 

 

以上难点在于，我们不是直接提供10套皮肤给用户选择（我是希望直接提供整套样式），而是提供可以配置的块，让用户提供对应的颜色或者背景色。这就要求这种块不能太多，不然用户不可能不厌其烦的配置这么多的块的颜色。怎么确定网站的皮肤块，比如菜单、按钮、这两个块应该是要考虑的，其他块是比较难界定的，比如网站的UI组件，这一块应该要考虑：

1、用户只提供一个颜色，让网站所有的组件都变成是一个颜色（全是一个颜色，感觉不拖）。

2、用户为每个组件单独指定颜色（提供这么都颜色，用户肯定有点烦）。

哎，由于公司技术沉淀有点低，网上也没有找到有用的思路，所以就斗胆问一下给位大佬，有没有比较成熟的皮肤方案共享一下，或者思路都行。

小弟感激不尽啊。

Answer 1

元素结构肯定是不变的.根据用户配置加载不同的css文件.然后你们自己写几套css文件来让用户选.这是最简单的了.