rat-icon
v0.1.28
Published
icon component for Rat.
Downloads
45
Readme
rat-icon
组件介绍
图标组件,实现了 W3C 标准的 IconFont 接口。
API
参数 | 说明 | 类型 | 默认值 | 是否必填 ----- | ----- | ------ | ------ |------ | source.uri | 图片型icon的url,如果出现,则font和codePoint两个属性失效 | String | | 是 | fontFamily | iconfont的字体 | String | | 是 | source.codePoint | iconfont的码点 | String | | 是 |
demo
//用 iconfont:
<Icon style={{width: 100, height: 100}} fontFamily="iconfont" source={{uri: '//at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf', codePoint: '\uE60f'}}/>
//用图片:
<Icon style={{width: 100, height: 100}} source={{uri: icon}}/>
//createIconSet 方式:
const IconFont = createIconSet({ hello: '\ue60f' }, 'iconfont', '//at.alicdn.com/t/font_pkm0oq8is8fo5hfr.ttf');
<IconFont name={'hello'}/>