antd
开水没有冬天
如果可以,我会珍惜
展开
-
antd-tree-select
与select和tree的结合体。文章目录基本使用超过N个...显示checkbox功能基本使用/** 0.支持双向绑定和ngModelChange。 1.nzExpandedKeys:展开的节点keys 2.nzShowSearch:是否显示模糊搜索,默认false 3.nzAllowClear:是否支持clear,默认true 4.nzMultiple:是否支持多选*/<nz-tree-select style="width: 250px" [nzExpand原创 2020-12-25 11:28:30 · 2024 阅读 · 0 评论 -
antd-tree
还有一个tree-select组件。文章目录基本使用选中的各种方法支持模糊搜索和checkbox基本使用/** 1.nzData:绑定数据 2.nzTreeComponent:获取dom节点,可以使用tree的一些方法 3.nzCheckable:是否带有checkbox,默认false。 4.nzShowExpand:是否有折叠按钮,默认true 5.nzBlockNode:节点是否是block(选中的默认颜色占满),默认false 5.nzShowLine:是否显示连接线,原创 2020-12-24 20:04:02 · 1907 阅读 · 2 评论 -
antd-select
当选项少时(少于 5 项),建议直接将选项平铺,使用 Radio 是更好的选择。[(ngModel)]=“selectedValue”nzAllowClear nzPlaceHoldernzShowSearch nzMode="multiple"nzMode="tags"[nzMaxTagCount]="3"[nzMaxTagPlaceholder]="tagPlaceHolder"[nzSize]=nzServerSearch<nz-option-group nzLabel=原创 2020-08-21 19:37:51 · 572 阅读 · 0 评论 -
antd-配置
// 文件目录下使用下面的命令,快速在编辑器中打开该项目code ./ pwd // 查看当前文件的路径,eg:abc文件// eg:/c/Users/t-likaipeng/Desktop/abcng-zorro-antd的时候,有配置化的选项;不用自己加参数。其他的参数呢?圆角等等。ng add ng-zorro-antd --locale=zh_CN --themenz-sider和nz-menu都有主题 nzTheme的属性,改变颜色。text-transform:u原创 2020-08-18 22:25:13 · 1362 阅读 · 0 评论 -
antd-inputNumber
input-number交互bug:输入了错误值,然后直接确认,给人错觉的,以为是错误值也保存成功了。也就是说,其实用这个组件根本不好用,有交互的bug原创 2019-12-20 10:18:10 · 2584 阅读 · 0 评论 -
antd-系统设置
@font-size-base 系统的默认字体大小!(antd的,eg:下拉框,多选框,日期框等等)原创 2019-12-20 10:15:00 · 775 阅读 · 0 评论 -
antd-tooltip
0.6x版本中:table如果使用nzTooltip,那么鼠标随便乱滑,那么tooltip每个都会显示,页面很乱,延时show tooltip最好。==>给点延时时间就ok,有这个参数的nzMouseEnterDelay 鼠标移入后延时多少才显示 Tooltip,单位:秒(nzTrigger='hover’时有效) number 0nzMouseLeaveDelay 鼠标移出...原创 2019-12-05 10:10:25 · 3814 阅读 · 0 评论 -
antd-table
<nz-table #nzTable [nzDataSource]="tableList" [nzPageSize]="10" [nzIsPagination]="false" [nzLoading]="_isSpinning" [nzCustomNoResult]="_isSpinning"><tr nz-tbody-tr *ngFor="...原创 2019-10-24 10:12:48 · 842 阅读 · 0 评论 -
全选和反选功能(checkbox)
antd中checkbox的全选和反选:https://ng.ant.design/version/0.7.x/components/checkbox/zh代码如下: // 全选和反选 updateAllChecked(): void { this.indeterminate = false; if (this.allChecked) { this.chec...原创 2019-10-10 19:39:09 · 1077 阅读 · 0 评论 -
antd-加载占位符skeleton
7.x版本:<nz-skeleton [nzLoading]='!data' [nzAvatar]="{ size: 'large', shape: 'square' }" [nzParagraph]="{ rows: 4 }" [nzActive]="true"></nz-skeleton>原创 2019-08-29 14:50:02 · 1692 阅读 · 0 评论 -
antd-dropdown
antd 7.x:<nz-dropdown> <a nz-dropdown> Hover me <i nz-icon type="down"></i> </a> <ul nz-menu nzSelectable> <li nz-menu-item> <a>1st menu ...原创 2019-08-21 15:09:17 · 1447 阅读 · 0 评论 -
antd-layout布局
nz-layout:布局容器,其下可嵌套 nz-headernz-sider nz-content nz-footer 或 nz-layout 本身,可以放在任何父容器中。nz-header:顶部布局,自带默认样式,其下可嵌套任何元素,只能放在 nz-layout 中。nz-sider:侧边栏,自带默认样式及基本功能,其下可嵌套任何元素,只能放在 nz-layout 中。nz-content...原创 2019-02-19 16:59:40 · 14793 阅读 · 0 评论 -
antd-栅格
1.栅格<div nz-row> <div nz-col nzSpan="8">col-8</div> <div nz-col nzSpan="8">col-8</div> <div nz-col nzSpan="8">col-8<原创 2019-02-19 16:33:56 · 1236 阅读 · 0 评论 -
在angular中引入iconfont字体图标
iconfont地址 选中后,放在自己的项目文件夹中 此时需要设置文件(项目行中有更多操作,选中编辑项目) family:cloudicon_ 前缀:cloudicon,生成的文件为:font-family: "cloudicon_";.cloudicon-edit:before { content: "\e600"; }iconfont网站下载文件后:iconfont.sc...原创 2018-09-07 14:01:03 · 5730 阅读 · 2 评论 -
antd中栅格使用
有offset的:&lt;div nz-row&gt; &lt;div class="item-col" nz-col [nzSm]="{ span: 5, offset: 1 }" [nzXl]="{ span: 6, offset: 2 }"&gt; Col &lt;/原创 2018-09-21 15:17:07 · 17996 阅读 · 0 评论 -
antd-modal
nzMaskClosable:false;点击遮罩层是不允许关闭的;默认为true;原创 2018-09-21 15:51:58 · 3871 阅读 · 0 评论 -
样式修改: :host ::ng-deep
参考:https://www.jianshu.com/p/f8fddc1ca968一个项目的地址:https://gitee.com/xfdm/FCat原创 2018-12-12 16:08:48 · 1967 阅读 · 0 评论 -
模糊搜索延迟调用接口
HTML:&lt;nz-select style="width: 200px;" nzAllowClear [nzPlaceHolder]="'ks-test'" [nzFilter]="false" [(ngModel)]="selectedOption" (n原创 2019-01-11 19:35:29 · 633 阅读 · 0 评论 -
antd-table滚动条
注:两者的区别:table超长,后面不显示了,那么:.ant-table-body { overflow: auto;} // “没有数据”没有滚动条,只是表格滚动.ant-table-content{} // 给这个类加overflow:auto;这样在表格没有数据的时候,“没有数据”也是要随着滚动的!!!...原创 2019-01-22 10:29:18 · 25200 阅读 · 0 评论 -
antd-breadcrumb
1.nzSeparator,分隔符自定义,默认“/”;2.nzAutoGenerate,自动生成 Breadcrumb,默认false;eg:使用 [nzAutoGenerate] 时,需要在路由类中定义 data:{ path: '/path', component: SomeComponent, data: { breadcrumb: 'Display Name' ...原创 2019-02-19 14:31:55 · 2466 阅读 · 0 评论 -
antd-buton
1.按钮的可用和不可用的属性控制:使用[disabled],如果没有中括号,那么不生效的!<button nz-button nzType="primary" [disabled]='true'>Primary</button>2.loading状态(eg:登录,点击加载数据时候)// 一直的loading状态:<button nz-button nzLoa...原创 2019-02-19 15:02:07 · 440 阅读 · 0 评论 -
antd-icon
two tone双色;双色调;双音;双染;两音原创 2019-02-19 15:35:53 · 2433 阅读 · 0 评论 -
antd-dropdown问题总结
<nz-dropdown> <a nz-dropdown> Hover me <i class="anticon anticon-down"></i> </a> <ul nz-menu nzSelectable> <li nz-menu-i原创 2018-09-11 17:29:18 · 11050 阅读 · 0 评论