ivew如何调整modal的大小,如何调整transfer框的大小,modal不显示的调整方法

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

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

  

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

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

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值