步驟:
1当纱、前往主題配置站點(diǎn):FUSION MY SITE用淘寶賬號登錄
2垃环、新增站點(diǎn)(經(jīng)測試酪我,僅可新增一個站點(diǎn))
3夫植、管理站點(diǎn):
創(chuàng)建站點(diǎn)后顯示樣式
4、進(jìn)入站點(diǎn)摊灭,創(chuàng)建主題咆贬,并開始配置主題:
配置主題
5、配置主題內(nèi)容:
可靈活配置各類主題顏色帚呼、各類控件具體顯示內(nèi)容:
配置顏色(右側(cè)可直接預(yù)覽)
配置控件顯示(可配置hover掏缎、select等情況對應(yīng)的背景色、字體色煤杀、字體大小等)
配置icon圖標(biāo)等眷蜈,可上傳圖標(biāo)(但推薦使用Fusion中icon組件,引入自定義iconfont項(xiàng)目文件)
6沈自、保存并發(fā)布主題酌儒,發(fā)布后會生成一個npm依賴包:
點(diǎn)擊右下角“發(fā)布”按鈕
確認(rèn)發(fā)布,發(fā)布成功后枯途,會生成一個NPM依賴包
7忌怎、使用主題包
參考文檔:FUSION 主題包配置
方法:
a. 安裝依賴包(不要使用cnpm,推薦使用yarn):
yarn add @alifd/theme-xxx
b. 在src/index.js中引入css文件(全局引用):
import '@alifd/theme-xxx/dist/next.css'
備注:Fusion組件官方文檔