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