ant-design-vue 折叠面板collapse的箭头设置位置expandIconPosition不生效

作者在项目中遇到折叠面板头部箭头位置调整的问题,官方API的expandIconPosition属性未能生效。通过CSS手动设置箭头位置,解决了箭头显示在右边的需求。但固定宽度设置对位置有影响,寻求更优解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近写项目,需要将折叠面板头部的箭头设置在右边,但是使用官方API的expandIconPosition属性直接设置并不会起作用。

但是官方的例子却是可以实现,具体原因我不知道是不是这个属性的使用方法改变了还是我太笨哈哈哈哈

所以后来就选择了使用css来手动设置箭头的位置。

如下:

但是,听说这里一般是不会去设置一个固定的宽度的,我试过,如果不设置宽高,那么right就需要设置到-800px的值才会去到靠近右边的位置。

如果有朋友有更好的解决办法,希望可以告诉我嘻嘻嘻。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值