- 博客(13)
- 收藏
- 关注
RSS订阅原创 Ant Design学习——Slider
2021SC@SDUSCSlider滑动输入条用法：滑动型输入器，展示当前值和可选范围。当用户需要在数值区间/自定义区间内进行选择时，可为连续或离散值。参数说明类型默认值allowClear支持清除, 单选模式有效booleanfalsedefaultValue设置初始取值。当 range 为 false 时，使用 number，否则用 [number, number]number | [number, number]0 | [0, 0]di
2021-12-27 11:51:08
3706
原创 Ant Design学习——TimePicker
2021SC@SDUSC输入或选择时间的控件。TimePicker时间选择框当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。
2021-12-27 01:41:30
2619
原创 Ant Design学习——DatePicker
2021SC@SDUSC日期选择框DatePicker用法：一个输入或选择日期的控件。当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。API日期类组件包括以下五种形式。DatePickerDatePicker[picker=“month”]DatePicker[picker=“week”]DatePicker[picker=“year”]DatePicker[picker=“quarter”] (4.1.0 新增)RangePicker国际化配置import
2021-12-26 19:47:20
4927
1
原创 Ant Design学习——Cascader
2021SC@SDUSCCascader级联选择框。需要从一组相关联的数据集合进行选择，例如省市区，公司层级，事物分类等。从一个较大的数据集合中进行选择时，用多级分类进行分隔，方便选择。比起 Select 组件，可以在同一个浮层中完成选择，有较好的体验。API<Cascader options={options} onChange={onChange} />Cascader参数说明类型默认值版本allowClear是否支持清除boole
2021-12-26 11:50:19
4421
原创 Ant Design学习——Rate
2021SC@SDUSCRate 评分对评价进行展示。对事物进行快速的评级操作。API & Methods属性说明类型默认值版本allowClear是否允许再次点击后清除booleantrueallowHalf是否允许半选booleanfalseautoFocus自动获取焦点booleanfalsecharacter自定义字符ReactNode | (RateProps) => ReactNode<S
2021-12-07 12:46:19
1134
原创 Ant Design学习——Radio
2021SC@SDUSCRadio 单选框用法：用于在多个备选项中选中单个状态。与Select选择器：和 Select 的区别是，Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。Radio/Radio.Button参数说明类型默认值autoFocus自动获取焦点booleanfalsechecked指定当前是否选中booleanfalsedefaultChecked初始是否选中booleanfalsedi
2021-12-04 11:36:17
3269
原创 Ant Design学习——InputNumber
2021SC@SDUSCInputNumber数字输入框通过鼠标或键盘，输入范围内的数值。用法：当需要获取标准数值时。属性：成员说明类型默认值版本addonAfter带标签的 input，设置后置标签ReactNode-4.17.0addonBefore带标签的 input，设置前置标签ReactNode-4.17.0autoFocus自动获取焦点booleanfalse-bordered是否有边框booleantrue
2021-11-11 09:46:30
3934
原创 Ant Design学习——Input
2021SC@SDUSCInput 输入框通过鼠标或键盘输入内容，是最基础的表单域的包装。用法：需要用户输入表单域内容时。提供组合型输入框，带搜索的输入框，还可以进行大小选择。Input参数说明类型默认值版本addonAfter带标签的 input，设置后置标签ReactNode-addonBefore带标签的 input，设置前置标签ReactNode-allowClear可以点击清除图标删除内容boolean-border
2021-10-24 22:40:29
2818
原创 Ant Design学习——Checkbox
2021SC@SDUSCCheckbox 多选框用法：在一组可选项中进行多项选择时；单独使用可以表示两种状态之间的切换，和 switch 类似。区别在于切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。Checkbox参数说明类型默认值版本autoFocus自动获取焦点booleanfalsechecked指定当前是否选中booleanfalsedefaultChecked初始是否选中
2021-10-17 22:58:10
2158
原创 Ant Design学习——AutoComplete
2021SC@SDUSCAutoComplete自动完成用法：• 需要一个输入框而不是选择器。• 需要输入建议/辅助提示。和 Select 的区别是：• AutoComplete 是一个带提示的文本输入框，用户可以自由输入，关键词是辅助输入。Select 是在限定的可选项中进行选择，关键词是选择。部分源码export interface AutoCompleteProps extends Omit< InternalSelectProps<string>,
2021-10-08 15:24:28
4900
原创 Ant Design学习1——概述
介绍Ant Design of Reactantd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品官方简介蚂蚁集团的企业级产品是一个庞大且复杂的系统，数量多且功能复杂，而且变动和并发频繁，常常需要设计者与开发者能快速做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目## 标题标，我们（蚂蚁集团体验技术部）经过大量
2021-09-30 01:24:15
702
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人