开发中使用 Antd4 注意事项
-
图片预览功能可直接使用Antd4中的Image组件
-
upload组件不再需要手动添加
uid
了,Antd4中组件默认添加uid
-
文本超过范围显示... 不需通过css样式实现,可直接用Typography组件中的Text组件
-
form组件写法改成antd4写法,用useForm(),使代码量更简洁
-
徽标使用Badge组件
如:小程序消息页的消息数量
-
带有tab页的卡片可直接使用Card组件(带页签的卡片)
如:工时统计/机械油耗分析等页面中带有按日/按月的
-
数值精度,设置小数点,数值设置千分位均可通过 Statistic 组件完成
-
导出表格 可以直接使用 Button组件的href,无需包裹 a 标签
-
antd4 日期 组件支持 日/周/月/季度/年/时间
-
全局空状态可通过 ConfigProvider 进行配置,且可配置自定义的空状态组件
-
详情页信息展示可使用 Descriptions 描述列表组件
-
审批等信息展示/ 字段配置可使用 List列表组件
-
table 组件可控制不显示表头
-
Modal / Tooltip 等可直接设置
zIndex
来控制层级 -
Alert 警告提示可做成轮播滚动效果