Skip to content

Number 数字 ​

使用数字字体展示数字文本,并支持点击反馈。

支持平台 ​

以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。

App-vueApp-nvue微信小程序支付宝小程序百度小程序字节小程序QQ小程序H5PC快手小程序钉钉小程序
✓✓✓✓✓✓✓✓✓✓✓

基础用法 ​

vue
<!-- 数字显示 -->
<fui-number :text="128" :size="36"></fui-number>

属性 ​

属性类型说明官网默认值
textNumber、String显示的数字内容空
sizeNumber、String字号;读取全局配置或使用 3232
unitString字号单位;读取全局配置或使用 rpxrpx
colorString字体颜色#333
fontWeightNumber、String字重normal
disabledBoolean是否禁止点击和点击态false
highlightBoolean是否启用点击态false
decorationString文本修饰,如 none、underline、line-throughnone
lineHeightBoolean是否使用与字号相同的行高false
paramNumber、String点击事件携带的自定义值空

事件 ​

事件说明回调参数
click点击数字时触发,disabled 为 true 时不触发本地源码返回 { text, params }

版本及平台说明 ​

官网文档列出的参数名为 param;当前本地组件实际声明并返回的是 params,使用本地源码时应传入 params。字节跳动小程序的字体引入方式请结合组件中的条件编译说明处理。

插槽 ​

插槽说明
—官网未列出该组件的插槽