意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

前端 - 使用antd中带有多选框的treeSelect组件时,点击父级展开子级。_个人文章

来源:恒创科技 编辑:恒创科技编辑部
2024-01-19 23:47:59
问题:
使用antd中带有多选框的treeSelect组件时,点击小三角打开子级,因为小三角的图标有点小,产品那边让改成点击父级展开子级。图例image.png

解决方法

.ant-select-tree-switcher {

position: relative;

}

.ant-select-tree-switcher_open::before, .ant-select-tree-switcher_close::before {

 content: '';

 position: absolute;

 right: -200px;

 top: 0;

 left: 0;

 bottom: 0;

}
原理:
通过给小三角图标的父级增加宽度,实际上还是点击小三角打开的子级;
image.png是如何增加宽度的?
其实是通过插入一个元素,然后这个元素通过定位增加了宽度。


前端 - 使用antd中带有多选框的treeSelect组件时,点击父级展开子级。_个人文章

上一篇: css如何设置div之间距离 下一篇: 手机怎么远程登录云服务器?