handleWidth 操作按钮宽度 number 22 hoverBg 输入框hover状态时背景颜色 string #ffffff hoverBorderColor 悬浮态边框色 string #4096ff inputFontSize 字体大小 number 14 inputFontSizeLG 大号字体大小 number 16 inputFontSizeSM 小号字体大小 number 14 paddingBlock 输入框纵向内边距 number 4 paddingBlockLG 大号...
value(v-model) 当前值 number 事件 # 事件名称说明回调参数版本 change 变化回调 Function(value: number | string) pressEnter 按下回车的回调 function(e) step 点击上下箭头的回调 (value: number, info: { offset: number, type: 'up' | 'down' }) => void 3.0 方法 # 名称描述 blur() ...
import { InputNumber } from 'antd'; import React from 'react'; const onChange = (value: string) => { console.log('changed', value); }; const App: React.FC = () => ( <InputNumber<string> style={{ width: 200 }} defaultValue="1" min="0" max="10" step="0.00000000000001" onCh...
precisionprecision of input valuenumber- prefixThe prefix icon for the Inputslot-3.0 sizeheight of input boxstring- statusSet validation status'error' | 'warning'-3.3.0 stepThe number to which the current value is increased or decreased. It can be an integer or decimal.number|string1 ...
Input输入框 InputNumber数字输入框 Mentions提及 Radio单选框 Rate评分 Select选择器 Slider滑动输入条 Switch开关 TimePicker时间选择框 Transfer穿梭框 TreeSelect树选择 Upload上传 Data Display Avatar头像 Badge徽标数 Calendar日历 Card卡片 Carousel走马灯 Collapse折叠面板 ...
代码部分 // formatter 和 parser <InputNumber style={{ width: '100%' }} value={baseInfo.minRepeatedlyAmount} onChange={(value) => this.handleChangeFormData(value, 'minRepeatedlyAmount')} formatter={(value) => `￥ ${value}`. replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser=...
block 将按钮宽度调整为其父宽度的选项 其中导致组件html结构不一样的是href功能,所以先看href的实现 /** * 组件内容 */ render() { const { type, shape, size, className, children, icon, prefixCls, ghost, loading: _loadingProp, block, ...rest ...
有了这个方向前提后,我们可以做一个假设,根据前面遍历的成果我们假设5种尺码所需的最小宽度为刚好可以满足4个汉字的 selection 和 9999.00 的 number input,以Ant Design 视觉规范推导即等于 104px。 然后设定 104px 为原子级宽度尺码 XS,通过倍数+间距叠加的方式(此处计算间距的原因是为了兼顾组合 input 和单个 ...
<InputNumber min={0} formatter={limitDecimalPoint} parser={priceFilterNoNum} placeholder='最多保留两位小数'/> js /* 设置价格限制小数位数(小数点后面两位数)*/ const limitDecimalPoint = value => { let reg = /^(-)*(\d+)\.(\d\d).*$/ return `${value}`.replace(/\B(?=(\d{3})...