最近公司客戶希望,將網站頁面修改下皮膚。得到這個需求,前端就要做出一個關于皮膚的方案。以下是我想的方案:1、確定網站皮膚塊。2、根據皮膚塊整理出皮膚模板(Sass)。3、企業指定皮膚塊的背景色和字體樣式。4、生成皮膚樣式。5、網站根據企業ID+skin.css獲取樣式文件。下面是方案的各個塊的流轉圖。 以上難點在于,我們不是直接提供10套皮膚給用戶選擇(我是希望直接提供整套樣式),而是提供可以配置的塊,讓用戶提供對應的顏色或者背景色。這就要求這種塊不能太多,不然用戶不可能不厭其煩的配置這么多的塊的顏色。怎么確定網站的皮膚塊,比如菜單、按鈕、這兩個塊應該是要考慮的,其他塊是比較難界定的,比如網站的UI組件,這一塊應該要考慮:1、用戶只提供一個顏色,讓網站所有的組件都變成是一個顏色(全是一個顏色,感覺不拖)。2、用戶為每個組件單獨指定顏色(提供這么都顏色,用戶肯定有點煩)。哎,由于公司技術沉淀有點低,網上也沒有找到有用的思路,所以就斗膽問一下給位大佬,有沒有比較成熟的皮膚方案共享一下,或者思路都行。小弟感激不盡啊。
網站皮膚方案
阿晨1998
2018-08-11 15:10:15