NZ-ZORRO组件库进度条颜色无法设置的bug解决

最新推荐文章于 2023-11-10 09:00:00 发布
VIP文章 最新推荐文章于 2023-11-10 09:00:00 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： Angular 文章标签： Angular NZ-ZORRO ng-progress bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39438086/article/details/89791889
版权

使用NZ-ZORRO组件库的进度条组件时可能会出现无法改变进度条颜色的情况，这其实是一个bug，因为有个.ant-progress-circle-path的CSS类中覆写了进度条的颜色，而你在指令中修改的颜色会被写在进度条图片<svg>的属性中，<svg>中的属性优先级低于CSS，所以无论怎么改颜色都不起作用，修正方式如下（引用自https://stackoverflow.com/a/54156907）：
将进度条组件：

<nz-progress [nzStrokeColor]="'red'" ...></nz-prog
最低0.47元/天 解锁文章
I am zzxn
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular,Ng-Zorro框架nz-icon静态加载第三方SVG图标示例源代码
12-03
Angular,Ng-Zorro框架nz-icon组件加载第三方SVG图标示例代码，完整工程文件夹。 html图标书写格式：<i nz-icon [nzType]="'hello:computer'"></i>
Angular 入门教程系列：25：Zorro定制主题
知行合一 止于至善
08-01 7057
与之前的版本相比，稳定版本的zorro提供了定制主题的功能，而且和Ant Design React一样，主题定制文件是可以通用的。因为Ant Design的样式本身就是Less的，所以整体的调整会非常的简单。主题可定制可调整，应该是这个版本的zorro的最大亮点之一。 使用前提 Less的版本需要降到2.7.3，其实，Angular 5所支持的版本即为2.7.3: liumiaocn:n...
nz-zorro自定义树菜单（添加拖动事件和右键）
Mr.Tang的博客
07-19 2062
<nz-tree #treeCom [nzData]="nodes" nzDraggable (nzClick)="activeNode($event)" (nzOnDrop)="OnDragOverTo($eve...
zrorr
qq1374431665的博客
03-18 330
import { NgModule } from ‘@angular/core’; import { NzButtonModule } from ‘ng-zorro-antd/button’; import { NzResultModule } from ‘ng-zorro-antd/result’; import { NzSpaceModule } from ‘ng-zorro-antd/space’; import { NzAlertModule } from ‘ng-zorro-antd/alert’
【项目问题】NZ-ZORRO的treeSelect组件查询时输入文字出现重叠
Dai的博客
06-12 255
【项目问题】NZ-ZORRO的treeSelect组件查询时输入文字出现重叠
Zotero拓展功能之Zotero Style
最新发布
qq_49288362的博客
11-10 1万+
Zotero Style的具体功能，更好的使用Zotero
Zotero如何设置彩色标签
wdnmdwsmsa的博客
05-23 1万+
Zotero文献管理应用
Zotero——添加彩色标签的方法
Williamcsj的博客
03-27 1万+
一、参考链接： 使用Zotero怎么添加彩色标签-Zotero使用教程 二、小贴士： 进入软件后，需要先点击【查看】-【布局】-【条目面板】，变成下图所示，之后按照参考链接的操作即可。
动态设置Progress值和颜色
cf8833的博客
09-19 4029
最近碰到一个需求，需要实时显示指南针信号的干扰情况，这个干扰值一直在变化，如果超过某个值就显示红色，如果中等的话，就是黄色，低的话就是绿色，所以仿了一个程序，来实现这个功能，用的是自定义的progress 1.效果图 2.主界面布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:andro...
ng-zorro给步骤条加更多的描述
junjiahuang的博客
06-29 961
最简洁的写法： <nz-steps [nzCurrent]="index" (nzIndexChange)="onIndexChange($event)" [nzProgressDot]="progressTemplate" > <ng-container *ngFor="let item of steps2; let idx = index"> <nz-step [nzTitle]="item.title" [nzSubtitl
Angular中使用ng-zorro图标库部分图标不能正常显示问题
10-17
主要介绍了Angular中使用ng-zorro图标库部分图标不能正常显示问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
nz-schema-form:基于JSON-Schema的ng-zorro-antd表单生成
04-26
nz-schema-form form generation based on JSON-Schema. Links Troubleshooting Please follow this guidelines when reporting bugs and feature requests: Use board to report bugs and feature requests (not ...
ng-zorro-antd 入门初体验
10-17
主要介绍了ng-zorro-antd 入门初体验，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ng-zorro-antd：基于Ant设计的Angular UI组件库
01-31
基于Ant Design的企业级Angular UI组件库。 English | :sparkles: 产品特点 用于Angular应用程序的企业级UI设计系统。 开箱即用的60多种优质Angular组件。 用具有可预测的静态类型的TypeScript编写。 整套开发...
小程序学习问题总结
dxj124的博客
11-08 740
1.微信小程序placeholder设置自定义颜色 <view class='inp'> <input placeholder-class="phcolor" class="input-text" name="username" placeholder="测试placeholder" /> </view> .phcolor{ co...
nz-zorro 主题切换 动态
12-01 1104
主题切换 当使用 @angular/cli 的方式配置主题时必须为每个主题单独打包应用，当你想切换主题而不重新加载应用时（就像这个网站），你可以使用下面的方法将主题编译到单独的样式文件，并在运行时切换： 注意：确保与主题变量相关的样式存在全局样式中，而不是组件样式中，因为组件样式优先级更高将会导致样式无法被覆盖。 1、安装依赖 用于将暗黑模式的less转为css文件，便于动态切换 npm i less -D less-plugin-clean-css -D 2、编写生成可切换为暗黑模式的css文
前端知识之angular组件库之NG-ZORRO-ANTD结构窥探（三）pipe ,polify,service
Three_ST的博客
02-25 756
angular components service pipe polify
Angular8_上传文件并显示百分比进度(超简单)
笑不语的博客
09-07 976
一、背景 今天说来有点郁闷，大周一的早上的上班就听测试说，st环境的zip文件上传有问题，上传到服务端的zip文件大小和zip源文件的大小有200多bit的差距，导致服务器无法解压zip文件，然后无法读取和解析dicom文件。。。最后导致服务器无法正常运行（经过了dev和release环境的测试，咋就没测试出来呢？吐槽一下！）。然后又说那个啥UI不行，需要添加那个文件上传进度条。你UI设计的时候咋就不设计好呢？不吐槽了，我是吃这碗饭的，好好干吧！ 二、bug定位 [外链图片转存失败,源站可能有防盗链机制,建
nz-zorro service方式modal拖拽
田不拉几的博客
04-12 1820
nz-zorro 通过服务创建modal弹窗拖拽功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 最近的一个新需求就是需...
ng-zorro组件库中 DatePicker 日期选择器的ngModelChange事件未触发
06-08
可能的原因是您没有正确地绑定ngModelChange事件或者ngModel值没有改变。请检查以下几个方面： 1. 确认您正确地绑定了...如果您仍然无法解决问题，请提供更多的代码和错误信息，以便我们更好地帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值