超频化石鱼的博客

愿终将不负时光

wxc-icon使用

<wxc-icon name="clock"
         
size="large"
         
:icon-style="iconStyle"
>
</
wxc-icon>

<wxc-icon>共有3个属性:

1.    name:图标名。共有20个图标,其图标与name的对应关系如下:

取值分别是:

['less', 'more_unfold', 'back', 'more',

'add', 'subtract', 'close', 'cry',

'search', 'delete', 'help', 'refresh',

'success', 'warning', 'wrong', 'clock',

'scanning', 'filter', 'map', 'play']

2.    size:图标大小。有4个取值:xs/small/medium/large

3.    icon-style:自定义icon样式。

<wxc-icon>本质是一个<text>,其最终样式为:

{

    fontFamily:'weexUiIconFont',

    fontSize,

    ...iconStyle

}

      所以自定义的iconStyle会覆盖所有预定义样式。自定义iconStyle支持所有合法的<text>样式。

      常用的iconStyle有2个:

style={color:red,fontSize:'60px'}

 

<wxc-icon>不支持slot。

 

<wxc-icon>支持1个事件回调:

@wxcIconClicked="iconClicked"

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得用于任何商业用途,转载请注明出处。 https://blog.csdn.net/fyyyr/article/details/80349769
文章标签: weex-ui wxc-icon
个人分类: weex-ui
想对作者说点什么? 我来说一句

使用使用使用

2013年02月26日 48KB 下载

没有更多推荐了,返回首页

不良信息举报

wxc-icon使用

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭