最近项目需求需要把transfer框放入modal内,查了一些资料,尝试了直接添加style,添加div等,效果都不是很理想,最终通过查询官方文档,才发现其实要调整很简单,总结下希望和大家共享。

一、对于modal框的大小,可以直接修改width来调整宽度,如下图:

二、对于transfer框大小的调整,可以在transfer中添加:list-style="listStyle",然后再return中定义listStyle的大小,如下图:


三、modal框不显示需要注意的是modal只有放在template中才能够正常显示,至于底层原因,我还没有找到相关的解释,也希望有知晓的小伙伴积极留言讨论。

本文介绍了在Vue项目中如何调整Modal对话框和Transfer组件的大小。针对Modal的宽度调整,可以通过设置width属性实现。对于Transfer组件,可以使用list-style属性配合自定义样式进行大小定制。同时,文章提到了Modal不显示的问题,指出Modal必须放置在template内才能正常显示,但其底层原因仍有待探讨。

1130

被折叠的 条评论
为什么被折叠?



