主题
DigitalRoller 数字滚轮
以滚动动画展示数值或字符串中的数字。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 数字变化时展示滚动效果 -->
<fui-digital-roller :value="12345" />属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| value | Number / String | 显示的数字或字符串 | - |
| color | String | 文字颜色 | #465CFF |
| size | Number / String | 字号,单位 rpx | 32 |
| fontWeight | Number / String | 字重 | 400 |
| width | Number / String | 单个数字宽度,0 表示自适应,单位 rpx | 0 |
| height | Number / String | 滚轮高度,单位 rpx | 32 |
| duration | Number / String | 动画时长,单位秒,nvue 不支持 | 1.2 |
非 nvue 默认文字颜色可通过 --fui-color-primary 调整。组件未声明事件和插槽。
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |
插槽
| 插槽 | 说明 |
|---|---|
| — | 官网未列出该组件的插槽 |