NG-ZORRO Descriptions描述列表自定义title样式（nz-descriptions-item）

如何在NG-ZORRO组件的描述列表中自定义nz-title样式

需求描述：
使用NG-ZORRO组件中的Descriptions描述列表显示预约模块基础信息，物流组确认流程节点时，需要可以修改预约时间，并将预约时间标题区域着重显示，方便用户操作时注意到该区域，并确认是否需要修改。

实现效果：

代码片段：
下面贴上实现该效果源码：

<nz-descriptions-item [nzTitle]=“appointedDateTemplate”>
<ng-template #appointedDateTemplate>
Appointed date

<nz-date-picker name=“reservationTime” id=“reservationTime” [(ngModel)]=“reservationList.reservationTime”
(ngModelChange)=“getCanHandleCount()”
[nzDisabledDate]=“disabledDate”
[nzDisabledTime]=“rtService.disabledDateTime”
[nzAllowClear]=“false”
[nzInputReadOnly]=“true”
[nzShowTime]=“rtService.showTime”
required>

NG-ZORRO Descriptions描述列表自定义title样式（nz-descriptions-item）相关推荐

antdesign Vue，使用table表格组件和Descriptions 描述列表组件。制作表格，改变边框样式和字体颜色样式。
这里是antdesign 默认的样式我们想要的:将边框颜色加深,字体颜色加深这里我封装了一个css文件: /* 打印弹窗的所有字体颜色加深,table 和 descriptions */ /dee ...
055_Descriptions描述列表
1. Descriptions描述列表 1.1. 列表形式展示多个字段. 1.2. Descriptions Attributes 参数说明类型可选值默认值 border 是否带有边框 boo ...
自定义鼠标悬置事件title样式
自定义鼠标悬置事件title样式 CSS样式用于title展示的标签 js代码块动态加载使用实际效果展示 CSS样式 #mytitle {position: absolute;color: #f ...
ngzorro html源码,angular使用NG ZORRO来构建博客展示项目(简单实现展示页面)
使用 NG ZORRO 在上一篇文章中,我们已经安装了NG ZORRO,并在跟模块中引入了,在子模块中使用还需要再次引入. 编辑layout模块中的header组件在layout.module.ts ...
swiper6.0改造 “翻页按钮”：自定义style样式和position - 案例篇
文章目录 swiper6.0改造 "翻页按钮":自定义style样式和position(含效果图.代码.使用手册) 需求场景 · 描述如下: 效果图 · gif 动画: 注意事项: ...
Bootstrap3 列表元素的样式
列表 Bootstrap 支持HTML 提供的三种类型的列表:无序列表.有序列表和描述列表.列表可以嵌套定义,即可以在一个列表中嵌套其它列表.嵌套没有类型和层级的限制. 1.无序列表无序列表的各个表 ...
【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )
文章目录一.HTML 列表二.无序列表三.有序列表四.自定义列表一.HTML 列表列表是装载结构 , 样式一致的文字或图表的容器 ; 列表由于其整齐 , 整洁 , 有序 ...
自定义字体样式引入使用方法、文本阴影、边框阴影、（边框）圆角、渐变、理解重绘与回流、渐进增强和优雅降级的区别
目录 1.文本阴影 text-shadow 2.边框阴影 box-shadow 3.自定义字体样式方法引入与使用方法举例: 4.(边框)圆角 5.渐变 6.过渡 transition 7.理论知识 ...
uniapp 转H5 实现微信浏览器自定义分享样式
uniapp 转H5后实现微信浏览器自定义分享样式 uniapp 项目转 h5 1.在manifest.json文件中,找到H5配置一下路径,需要注意这个名字需要和布到线上的文件夹名字一致 2.就是 ...

NG-ZORRO Descriptions描述列表自定义title样式（nz-descriptions-item）

如何在NG-ZORRO组件的描述列表中自定义nz-title样式

NG-ZORRO Descriptions描述列表自定义title样式（nz-descriptions-item）相关推荐

最新文章

热门文章