Ant Design Pro项目Popover位置微调

(资料图片)

前情

公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。

产品效果图

最新接到的一个后台管理界面需求，需要使用到Popover，但是在使用时发现那箭头位置不符合预期：

理想：

实际：

解决方案

从官网文挡并没有找到相关的调整位置的配置项，一开始想通过加margin、transform都失败告终，最后发现可以通过配置align的offset可以实现位置微调。

关键代码：

    ...  

关键词：

• 

  Ant Design Pro项目Popover位置微调

  前情公司有经常需要做一些后台管理页面，我们选择了AntDesignPro，

  来源： 2023-08-15
• 

  【新闻随笔】社区小食堂 民生大文章

  作者：李玉滑社区食堂正在各地悄然兴起。据媒体报道，为建设便民生活圈

  来源： 2023-08-15
• 

  季后赛预测：S组已无悬念，A组进入混战模式，XYG会和谁一起走？

  大家好我是指尖，KPL常规赛就剩下最后一周了，而到了季后赛，就真的没

  来源： 2023-08-15
• 

  为什么华为很多手机没有双扬声器？是没技术还是不想做？揭晓答案

  尽管过去几年受5G、屏幕等因素影响，华为智能手机市场份额一路下滑，但

  来源： 2023-08-15

• Ant Design Pro项目Popover位置微调

• 【新闻随笔】社区小食堂 民生大文章

• 季后赛预测：S组已无悬念，A组进入混战模式，XYG会和谁一起走？

• 为什么华为很多手机没有双扬声器？是没技术还是不想做？揭晓答案

• Redmi K60至尊版发布，2599元起售

• 媒体海南行｜澄迈沉香助力乡村振兴 新兴苗寨大变样吃上“旅游饭”

• 德超杯冠军榜：拜仁10冠居首，多特6冠次席&莱比锡上榜

• 广州新希望置业有限公司发布违法广告被处罚 涉及项目为悦珑湾

• 8月14日汽车芯片板块跌幅达2%

• 总统候选人遇刺身亡后，厄瓜多尔又有政党领袖遭枪杀

• 2023河南新乡市延津县特岗教师招聘体检阶段递补公告

• 2023中国科协直属单位第二次招聘应届高校毕业生拟聘用人选公示

• 这场比武，燃！

• 50辆废弃自行车变身社区景观，他们用微改造为居民生活增添“小确幸”！

• 金钟股份：8月14日融券净卖出847股，连续3日累计净卖出2.73万股

• 中国经济韧性提振全球增长信心（和音）

• 杭州联合农村商业银行属于什么银行股份有限公司（杭州联合农村商业银行属于什么银行）

• 8月14日陕西金叶发布公告，其股东减持78.44万股

• 台湾2023年半导体业预估产值再次下调 衰退幅度恐超预期

• 杭州亚运会首批马术专用物资抵杭

• 曝马斯克决定未来一年半内推迟特斯拉在全球范围投资

• 淘麦VIP会员破2000万 生态联动助力影演市场复苏

• 【财经分析】降息有望支撑债市年内“顺风顺水” 无风险利率回落或使REITs“坐收渔利”

• 新里程(002219.SZ)：手术量同比增长17%

• 炼狱蝰蛇拆解全攻略 炼狱蝰蛇rz01拆解

• 真空泵板块上市公司2023年有哪些（8月15日）

• 虾仁粥里面可以加什么菜好吃呢 虾仁粥里面可以加啥菜好吃呢

• 7方面重点任务助力县域商业高质量发展 促进城乡消费市场共同繁荣

• 京东：网传刘强东章泽天夫妇“移民美国”等言论不实，已报案

• 日本首相岸田文雄向靖国神社供奉祭祀费

• 手机充电宝市场有乱象 张湾市场监管所有力监管

• 北京8家法院挂牌成立环境资源审判专门机构

• 各地区和有关部门加快恢复生产生活秩序

• 雷军3小时激情演讲聊成长，发折叠屏官宣大模型，还发了条新狗丨科技很有料

• 美联储回归通胀目标的“最后一英里”或许没那么难走

• 因拍照发生争执西安两大妈参观兵马俑时互吐口水最后扭打在一起 具体是什么情况?

• qq三国战神过关配置_qq配置不正确

• 乡约福建：小小槟榔芋种出富“芋”路

• 火影忍者分享《博人传》续集的新预告片

• 狗狗们都来了“北云66”三岁生日热闹非凡

• 最高检、国家林草局建立协作机制保护发展林草资源法治合力

• 指数估值调整至近3个月新低，科创芯片ETF华安(588290)早盘成交额超6000万元

• 临时交通管控！846路、T63路公交将绕行甩站！

• 红色小象儿童友好街区开街，把儿童福祉融入社区建设

• 优化服务、信用修复……重庆市生态环境局为企业“减负”见行见效

• 发掘历史文脉、记录体育故事：尚赫助力高校学子探访成都

• 聚焦广州东部公铁联运枢纽项目，中央省市媒体走进增城！

• 鸿运当头怎么养?鸿运当头的养殖方法及注意事项

• 法拉第未来交付首辆FF91

• 劲牌：坚持传播健康饮酒理念和生活方式

• 东吴证券给予晶科能源买入评级

• 最新消息！安徽又一“地标”来了

• 交投持续活跃，政金债券ETF（511520）上午盘中交易价格创新高！

• 周琦全场砍下15分4板2帽 中国男篮1分险胜新西兰！

• 马小跳动画片全集真人版（马小跳动画片全集）

• 沪深股通|明阳智能8月14日获外资买入0.02%股份

• 国内期货主力合约涨跌不一 碳酸锂跌超3%

• 特锐德（300001）：8月14日北向资金减持3.52万股

• 深圳超大型城市更新项目加速推进 绿景白石洲“亮相”

• 暴雨灾害来袭，这份危机应急指南帮你提前囤好应急必需品

• 联合国维和部队提前撤出马里北部一基地

• 吃瓜群众又要失望？马斯克上门约架小扎，Meta：他不在家

• 孩子暑假40天花销五六万

• 弘扬革命文化 语文教育从学科教学走向学科育人

• NN加速器最新兑换口令2023年8月

• 听说男人被窝温度37度（男人的被窝有37度是什么意思）

• 中方车队在巴基斯坦遭袭，外交部回应

• 金凯生科涨11.20%

• 新华社纪录片｜生态贵州

• “破产式捐款”的美特斯邦威登上淘宝热搜

• 【新时代新征程新伟业·牢记嘱托 皖美答卷】我在现场：煤炭在此有“千变”

• 粤海饲料：拟使用1亿元自有资金进行现金管理

• 新时代美德山东｜烟台：扶弱济困 用爱心点亮希望

• 段落首字下沉两行怎么设置 段落首字下沉怎么设置

• “身高”2米！“巨型稻”在贵港试种成功

• 宿州埇桥区上半年经济运行整体向好

• 机器人塔防(对于机器人塔防简单介绍)

• 卢布跌势不止 俄罗斯央行宣布召开紧急利率会议

• 青浦这家果园葡萄、桃、梨大量上市

• 雷军：有苹果三星华为这样的对手，高端已成小米生死之战

• 公安部：上半年挂牌督办155起破坏生态环境重大案件

• 今天有一个利好，一个利空

• 银行ETF基金(512700)涨0.85%，民生银行涨2.32%

• 盐城供电500千伏变电运检中心：吹响夏季练兵实训活动冲锋号

• 郑东新区龙源路办事处：赠书留香 让知识接力

• 「快讯」苏荣才：以内容优势赢得发展优势

• 小小购物达人揭秘6岁女孩绝赞玩具推荐

• 国家统计局：8月起首次增加发布服务零售额数据，包括交通、住宿、餐饮、教育、卫生、体育、娱乐等领域

• iPhone 15系列或需专用充电线：苹果加入3LD3特殊芯片

• 老白干酒： 武陵酒新厂区目前已建成并投产5个酿酒车间、560个窖池已投入酿酒生产

• 还不知道价格 三星S23 Ultra用户就预订了一加Ace 2 Pro

• 星火一体机重磅发布！科大讯飞：已联合华为攻关算力卡脖子问题

• 好消息！陕西中能煤田有限公司入选省级DCMM试点企业，陕煤集团本期唯一

• 港股通连续净买入股名单

• 1-7月全国网上零售额同比增长12.5%

• 超预期！央行再降息：大幅下调15个基点！LPR下行预期升温

• 江苏龙沐园林注册资本增22%至3650万元

• 理想MEGA的韩国兄弟：现代MPV Staria实车曝光 有望进入国内销售

• 这屏幕都赶上笔记本了！小米平板6 Max图赏

• 一加Ace 2 Pro久用如新：支持4年3次安卓大版本升级