步骤:
1、前往主题配置站点:FUSION MY SITE用淘宝账号登录
2、新增站点(经测试,仅可新增一个站点)
3、管理站点:
创建站点后显示样式
4、进入站点,创建主题,并开始配置主题:
配置主题
5、配置主题内容:
可灵活配置各类主题颜色、各类控件具体显示内容:
配置颜色(右侧可直接预览)
配置控件显示(可配置hover、select等情况对应的背景色、字体色、字体大小等)
配置icon图标等,可上传图标(但推荐使用Fusion中icon组件,引入自定义iconfont项目文件)
6、保存并发布主题,发布后会生成一个npm依赖包:
点击右下角“发布”按钮
确认发布,发布成功后,会生成一个NPM依赖包
7、使用主题包
参考文档:FUSION 主题包配置
方法:
a. 安装依赖包(不要使用cnpm,推荐使用yarn):
yarn add @alifd/theme-xxx
b. 在src/index.js中引入css文件(全局引用):
import '@alifd/theme-xxx/dist/next.css'
备注:Fusion组件官方文档