素材巴巴 > 程序开发 >

ant-vue modal框实现滚动条

程序开发 2023-09-03 15:07:45

在vue项目中,使用了ant-vue Ui组件库 需求是在列表展示的时,需要在modal框里遍历未知的多条信息 如果信息过多的话就很很长,效果如下:

在这里插入图片描述

不好看 查了api 发现也没有滚动条的接口
请教了同事 发现了如此简单的解决方法
在这里插入图片描述

虽然ant-vur 的a-modal 没有自带的滚动条 但是我们可以给里面的元素加滚动条。它更像一个自适应子元素大小的容器。里面放什么 它都可以接受 所以在里面确定一个固定大小的div div overflow-y: auto; y轴自适应滚动条就好了

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。