Ant Design最新版是一款由阿里巴巴推出的專業的UI設計語言和React組件庫。Ant Design官方版使用TypeScript構建,包含了整套開發和設計資源和工具。Ant Design軟件為前端UI設計提供了新的解決方案,代碼執行效率高,滿足開發設計人員的不同工作需求。
Ant Design軟件介紹
在中臺產品的研發過程中,會出現不同的設計規范和實現方式,但其中往往存在很多類似的頁面和組件,給設計師和工程師帶來很多困擾和重復建設,大大降低了產品的研發效率。"在這次開發的項目中,因為數據交互非常頻繁,大量的表單、時間選擇器、表格、單選多選框,以及各種標識狀態的組件,如果光靠手寫或者使用 jQuery 插件,其開發的工作量仍然是相當大的,因此,Ant Design "經過大量的項目實踐和總結,沉淀出一個中臺設計語言 Ant Design。旨在統一中臺項目的前端 UI 設計,屏蔽不必要的設計差異和實現成本,解放設計和前端的研發資源。
Ant Design軟件功能
1、面向Web應用程序的企業級UI設計語言。
2、開箱即用的一組高品質React組件。
3、用TypeScript完全定義的類型編寫。
4、整套開發和設計資源和工具。
Ant Design軟件特色
1、企業級金融產品的交互語言和視覺體系。
2、豐富實用的 React UI 組件。
3、基于 React 的組件化開發模式。
4、背靠 npm 生態圈。
5、基于 webpack 的調試構建方案,支持 ES6。
Ant Design安裝教程
1 先安裝node
2 之后安裝ant design,cmd下為npm install antd-init -g,可能會出多種問題
如果不能使用https fetch:
npm config set registry //registry.npmjs.org/
npm config set strict-ssl false
如果提示非法有問題:
npm config set proxy //xx@xx.com:xxxx
npm config set https-proxy=//xx@xx.com:xxxx
取消非法設置
npm config set proxy null
npm config set https-proxy null
2 運行,之后跳轉到指定項目的路徑下,直接npm start之后,瀏覽器輸入://localhost:8000/就OK了。
Ant Design更新日志
修復 message.config 配置 prefixCls 時丟失淡入淡出動畫的問題。
修復 Tooltip 在某些情況下設置 visible 為 true 卻無法交互的問題。
修復多頁面使用 ConfigProvider 切換時 locale 會丟失的問題。
修復 Modal 的 hooks 在渲染前調用 update 與 destroy 無效的問題。
修復 Grid ssr 時報錯 Prop style did not match。
修復小號 Select tags 模式的光標錯位問題。
修復 Carousel dotPosition 導致 pauseOnHover 失效的問題。
修復 Steps 使用 responsive 時控制臺拋出警告的問題。
修復 Upload onChange 參數 file.originFileObj 返回嵌套 Proxy 對象的問題。
修復 Descriptions 在 Table 下沒有 100% 寬度的問題
修復 Drawer contentWrapperStyle 屬性類型聲明。