移动端控件使用文档

飞道科技

示例

fd-m000002 数值加减框

必须传入 max,min,value

<fd-m000002></fd-m000002>

Installation

yarn add --dev @dfeidao/fd-m000002

Attributes

max

最大值 number

min

最小值 number

value

默认值 number

disabled

是否禁用 boolean

width

宽度 number

height

高度 number

color

加减按钮颜色 string

numColor

数值颜色 string

numBgColor

数值背景色 string

showBorder

是否显示边框 boolean

fontSize

字体大小 number

btnFontSize

加减号大小 number

buttonTextColor

加减号颜色 string

onNumChange

数值变化事件

完整使用示例

<Spinner
  max={10}
  min={2}
  disabled={true}
  value={3}
  btnFontSize={14}
  buttonTextColor={'white'}
  color={'#33c9d6'}
  fontSize={14}
  height={30}
  numBgColor={'white'}
  numColor={'#f89'}
  showBorder={true}
  width={90}
  onNumChange={(num) => { console.log(num) }}>
</Spinner>