基于angular material theming机制如何修改mat-toolbar的背景色


本文小编为大家详细介绍“基于angularmaterialtheming机制如何修改mat-toolbar的背景色”,内容详细,步骤清晰,细节处理妥当,希望这篇“基于angularmaterialtheming机制如何修改mat-toolbar的背景色”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先通过 mat-toolbar (以下统一称为 toolbar)的实现源代码 _toolbar-theme.scss 得知背景色来自 theme 中 background palette 的 app-bar。于是通过下面的 scss 代码修改 app-bar 的颜色值注:第1行代码就是我们想使用的背景色但发现上面的修改对 toolbar 没有起作用,而通过下面的代码可以拿到修改后的背景色看来 mat-toolbar 不是通过 theme 的 background 获取背景色的。查看的 define-light-theme 的实现源码 _theming.scss 发现下面的代码由此猜测 toolbar 可能是 legacy theme进一步查看 toolbar 的实现源码 _toolbar-theme.scss的确是 legacy theme 。最终在之前的代码基础上添加下面的代码解决了问题。免费云主机域名读到这里,这篇“基于angularmaterialtheming机制如何修改mat-toolbar的背景色”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: C++装最多水的容器问题怎么解决

这篇文章主要讲解了“C++装最多水的容器问题怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C++装最多水的容器问题怎么解决”吧!Givennnon-negative integersa1,a2, ……

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/14 20:44
下一篇 02/14 20:45

相关推荐