Ant Design Pro官方版是一款ui設計語言和React的組件庫軟件,Ant Design Pro官方版可以為用戶提供專業的組件模型,Ant
Design
Pro官方版是一款為UI設計人員量身打造的一款軟件,軟件為大家提供全方面的前端UI設計輔助功能,同時還具備大量的UI設計方案,因而軟件可以很好地激發用戶的設計靈感。軟件能夠為相關UI設計人員提供非常豐富的素材以及設計方案,這樣軟件就能夠幫助用戶制作出獨具創意的UI作品。
軟件介紹
Ant Design Pro官方版是一款非常專業實用的UI設計語言和React組件庫,Ant Design
Pro能夠為相關UI設計人員提供非常豐富的素材以及設計方案,這樣就能夠幫助用戶制作出獨具創意的UI作品。
軟件特色
1、更加專注內容:試想一下,我們在電影院看電影時,為什么要全場關燈?甚至有些
APP,在影片的下方也會有一個模擬關燈效果的操作,來讓整個手機屏幕變黑,只剩下視頻畫面的部分,這都幫助我們可以更專注、更沉浸在當前的內容下。
2、在暗光環境下更加適用:如今社會我們身處黑夜使用手機、電腦、ipad等設備的次數越來越多,環境光與屏幕亮度的明暗差距在夜間會被放大
,亮度對比帶來視覺刺激也更加明顯,使用暗色模式可以縮小屏幕顯示內容與環境光強度的差距,同時也可以為設備的續航帶來積極影響,可以保證使用者在暗光環境下使用
OLED 設備的舒適度
3、大眾喜愛:黑色一直以來就可以給人以高級、神秘的語義象征,相比于淺色模式,暗色模式藏著更多可能性
常見問題
問:軟件會提供 Sass/Stylus 等格式的樣式文件嗎?
答:不會提供。但你可以使用工具將 Less 轉換成 Sass/Stylus 等。
問:使用時點擊“Select Dropdown DatePicker TimePicker Popover Popconfirm”內的另一個
popup 組件時它會消失,如何解決?答:該問題在3.11.0后續版本中已經得到解決。但如果您使用的仍然是舊版本,可以通過在 Popover 中渲染組件,或者使用其他的
getXxxxContainer 參數進行解決。
問:如果只想使用 Menu/Button 等,是不是必須 import 整個 antd 和它的樣式文件?
答:可以試試 babel-plugin-import,或者(ES6 支持的 tree shaking 方式):
更新日志
新增 tableLayout 屬性,支持設置表格的 table-layout 布局,并在固定表頭/列下默認開啟
tableLayout="fixed",解決因為表格自動根據內容排版造成的列對齊問題。
新增 column.ellipsis 支持單元格內容自動省略。
新增 scroll.scrollToFirstRowOnChange 屬性,用于設置在翻頁后是否滾動到表格頂部。
filterDropdown 新增 visible 參數,用于獲取下拉框的顯示狀態。
title 方法新增 sortColumn 參數,用于獲取當前排序的列。
排序時 onChange 的 sorter 參數將始終包含 column 信息。
修復過濾下拉菜單的間距問題。
Anchor 新增 onChange 屬性,用于監聽錨點鏈接的改變。
新增 showDownloadIcon 屬性,用于展示下載圖標。
支持 onRemove 對上傳中斷的控制。
Input.Search 新增 loading 屬性,用于展示加載中的狀態。
Grid 的 gutter 屬性新增垂直間距的支持,現在你可以給 gutter 設置一個數組,數組的第二個值就表示垂直間距。
message 新增支持通過唯一的 key 來更新內容。
Layout 新增 zeroWidthTriggerStyle 屬性以控制當 collapsedWidth 為 0 時,出現的特殊 trigger
的樣式。
Drawer 新增 drawerStyle 和 headerStyle 屬性。
新增 ghost 屬性,用于設置是否需要白底背景。
新增 pageHeader 用于全局控制 PageHeader 的樣式。
修復 moment 不能被 tree shaking 的問題。
修復 TreeSelect 的 removeIcon 和 clearIcon 屬性不生效的問題。
修復 Tree 設置 showLine 后 switcherIcon 不生效的問題。
修復 Slider 組件設置 handle 大小后定位錯誤的問題。
修復在 IE 11 下的圖標樣式。
修復 expandIcon 的 className 會被覆蓋的問題。
修復 Tree.DirectoryTree 組件傳入 treeData 時 defaultExpandAll 不生效的問題。
修復 Dropdown 下部分 Menu 樣式錯亂的問題。
修復 Cascader 的 placeholder 國際化錯誤。
新增 less 變量 @typography-title-margin-top 和
@typography-title-margin-bottom。
提示:廢棄 Input.TextArea 的 autosize 屬性,請使用 autoSize 代替。





