DigitalRoller 数字滚轮
DigitalRoller 数字滚轮,数字变化时切换滚动效果,一般用于金额的变化。
# 支持平台
| App(vue) | App(nvue) | H5 | 小程序 |
|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ |
# 默认使用
通过 value 属性设置数字滚轮显示的数字或字符串。
<wui-digital-roller :value="value"></wui-digital-roller>
# 调整样式
通过 value 属性设置数字滚轮显示的数字或字符串,color 属性设置字体颜色,size 属性设置字体大小,height 属性设置滚轮高度。
<wui-digital-roller :value="value" color="#FFB703" :size="48" :height="48"></wui-digital-roller>
# Slots
| 插槽名称 | 说明 |
|---|---|
| - | - |
# Props
| 属性名 | 类型 | 说明 | 默认值 | 平台差异说明 |
|---|---|---|---|---|
| value | Number, String | 数字滚轮显示的数字或字符串 | - | - |
| color | String | 字体颜色 | #465CFF | 非Nvue端默认为空,可通过css变量(--wui-color-primary)来修改颜色值 |
| size | Number, String | 字体大小,单位rpx | 32 | - |
| fontWeight | Number, String | 字重 | 400 | - |
| width | Number, String | 单个数字所占宽度,单位rpx,为0时则自适应宽度 | 0 | - |
| height | Number, String | 滚轮高度,单位rpx, | 32 | - |
| duration | Number, String | 动画持续时间,单位秒(s) | 1.2 | Nvue端不支持 |
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| - | - | - |