Fusion 主题包自定义引入

步骤:

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组件官方文档

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。