开发中使用 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 警告提示可做成轮播滚动效果

posted @ 2022-08-11 17:57  小蜗蜗蜗牛^o^  阅读(210)  评论(0编辑  收藏  举报