![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ng-zorro-antd
chanchaw
这个作者很懒,什么都没留下…
展开
-
ng-zorro-antd 标签组件tag 实现回车连续新增
zorro tag 实现编辑状态、连续新增先看实现效果官网给的示例只有新增、删除,并且不可连续新增。自己制作实现这两个状态。下面直接贴代码了模板中代码:<span *ngFor="let tag of tags;let i=index;"> <nz-tag *ngIf="tag.visible" [nzMode]="i === -1...原创 2019-01-13 08:48:44 · 1468 阅读 · 0 评论 -
Angular7 ng-zorro-antd 制作右键菜单
没多少逻辑,就直接贴代码了下面是html模板的代码:<ul nz-menu [style.width]="300" [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed"> <li nz-menu-item (contextmenu)="conte原创 2019-02-14 10:18:42 · 1822 阅读 · 0 评论 -
Angular中修改第三方组件的样式 - zorro日期选择器右端不对齐的BUG
在一列上同时使用zorro的日期选择器和input组件会出现右端不对齐的BUG(nzSpan设置为一样)上图中3个表单项:单据日期、开票、交货方式,nzSpan数值是一样的,可以看到日期选择器和下面的“交货方式”右端没有对齐在浏览器控制台中层层展开后到达下面的路径:可以看到ant-calendar-picker是日期选择器组件的官方提供的样式,在该样式下手动追加属性wi...原创 2019-02-20 14:50:33 · 1131 阅读 · 0 评论 -
Angular ng-zorro-antd nz-form-label 字数不同导致不对齐,设定统一宽度
nzFormLabel 字数不同导致不对齐nz-form-label 文字个数不同,即使通过 [nzSpan] 设置宽度也没有效果会出现下面的效果 - 不对齐可以看出如果第一行的 交期 如果是4个字就会和下面的 销售类型 对齐下面介绍如何解决第一种方法:自定义类设置<nz-form-label> 的宽度设置后如下图第二种方法:使用官方提供的类最终也是测...原创 2019-07-12 07:55:55 · 3915 阅读 · 0 评论 -
nz-form inline 模式下多类型控件打乱布局的问题
nzForm 布局被打乱nz-form 布局被打乱的原因表单样式使用行内:[nzLayout]="'inline'"表单中使用多中类型的控件(input、datepicker、select…)会出现日期选择控件没有充满,同时 select 控件会被挤到下一行,看看下面的效果使用官方的样式类设置统一宽度解决在模板对应的CSS中使用下面的样式设置统一宽度/* 通过设...原创 2019-07-12 14:04:25 · 864 阅读 · 0 评论