Ant Design Pro項目Popover位置微調(diào)
發(fā)布時間:2023-08-16 18:05:07
來源:博客園
(資料圖片僅供參考)
前情
公司有經(jīng)常需要做一些后臺管理頁面,我們選擇了Ant Design Pro,它是基于 Ant Design 和 umi 的封裝的一整套企業(yè)級中后臺前端/設(shè)計解決方案。
產(chǎn)品效果圖
最新接到的一個后臺管理界面需求,需要使用到Popover,但是在使用時發(fā)現(xiàn)那箭頭位置不符合預(yù)期:
理想:
實際:
解決方案
從官網(wǎng)文擋并沒有找到相關(guān)的調(diào)整位置的配置項,一開始想通過加margin、transform都失敗告終,最后發(fā)現(xiàn)可以通過配置align的offset可以實現(xiàn)位置微調(diào)。
關(guān)鍵代碼:
...
更多相關(guān)文章