在做vue3+element-plus的时候,很多地方用到了弹窗,但是每次使用弹窗的时候都会发现一个问题,弹窗下面的布局会因为弹窗的出现而被挤压。
仔细观察了一下组件本身的样式,没发现问题。
最后将注意点放在了body上面,==每次弹窗弹出的时候都会给body加上一个 style=“width:calc(100% - 10px)”,=
解决方案,在css初始化的样式中将body的宽度定好,问题解决
width:100% !import;
在做vue3+element-plus的时候,很多地方用到了弹窗,但是每次使用弹窗的时候都会发现一个问题,弹窗下面的布局会因为弹窗的出现而被挤压。
仔细观察了一下组件本身的样式,没发现问题。
最后将注意点放在了body上面,==每次弹窗弹出的时候都会给body加上一个 style=“width:calc(100% - 10px)”,=
解决方案,在css初始化的样式中将body的宽度定好,问题解决
width:100% !import;