Skip to content

DigitalRoller 数字滚轮 ​

以滚动动画展示数值或字符串中的数字。

支持平台 ​

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

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

基础用法 ​

vue
<!-- 数字变化时展示滚动效果 -->
<fui-digital-roller :value="12345" />

属性 ​

属性类型说明官网默认值
valueNumber / String显示的数字或字符串-
colorString文字颜色#465CFF
sizeNumber / String字号,单位 rpx32
fontWeightNumber / String字重400
widthNumber / String单个数字宽度,0 表示自适应,单位 rpx0
heightNumber / String滚轮高度,单位 rpx32
durationNumber / String动画时长,单位秒,nvue 不支持1.2

非 nvue 默认文字颜色可通过 --fui-color-primary 调整。组件未声明事件和插槽。

事件 ​

事件说明回调参数
—无自定义事件—

插槽 ​

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