主题
Number 数字
使用数字字体展示数字文本,并支持点击反馈。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 数字显示 -->
<fui-number :text="128" :size="36"></fui-number>属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| text | Number、String | 显示的数字内容 | 空 |
| size | Number、String | 字号;读取全局配置或使用 32 | 32 |
| unit | String | 字号单位;读取全局配置或使用 rpx | rpx |
| color | String | 字体颜色 | #333 |
| fontWeight | Number、String | 字重 | normal |
| disabled | Boolean | 是否禁止点击和点击态 | false |
| highlight | Boolean | 是否启用点击态 | false |
| decoration | String | 文本修饰,如 none、underline、line-through | none |
| lineHeight | Boolean | 是否使用与字号相同的行高 | false |
| param | Number、String | 点击事件携带的自定义值 | 空 |
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| click | 点击数字时触发,disabled 为 true 时不触发 | 本地源码返回 { text, params } |
版本及平台说明
官网文档列出的参数名为 param;当前本地组件实际声明并返回的是 params,使用本地源码时应传入 params。字节跳动小程序的字体引入方式请结合组件中的条件编译说明处理。
插槽
| 插槽 | 说明 |
|---|---|
| — | 官网未列出该组件的插槽 |