NG-ZORRO nz-range-picker日期选择框宽度问题

最近在打包angular项目后,发现使用了NG-ZORRO nz-range-picker的组件宽度显示异常问题:

image.png

这个是使用了栅格进行布局,但是不管怎么调整栅格大小,都会出现以上的异常显示。

解决方法:

在当前页面引用的less文件中,添加以下代码,用于覆盖其原来的样式:

:host ::ng-deep {
    .ant-calendar-picker-input {
        width: 230px;
        padding-top: 4px;
        }
}

修改后,效果如下:

image.png

注:当前出现问题的版本是1.0版本(或以下),后续版本可能已经修复了该问题。

qrcode