gpt4 book ai didi

angular - 如何动态切换主题与vmware清晰

转载 作者:太空狗 更新时间:2023-10-29 17:32:50 24 4
gpt4 key购买 nike

Vmware Clarity 0.10.16 刚刚发布了新的深色主题。这太棒了!

他们描述了如何添加新主题,但没有提及在页面内动态更改它的可能性。是因为不可行吗?

如果是,我该如何使用 Angular 4+ 来实现?任何网站都可以帮助我解释如何实现这一点?

提前致谢!

最佳答案

Clarity 现在附带浅色和深色主题的样式表。我们记录了如何使用它们 hereangular-cliwebpack构建配置。这意味着一旦构建了应用程序,它就只有样式了。

关于如何实现主题切换器以在两者之间切换,我有一些想法。这是一个粗略的想法,我可以从以下开始我的原型(prototype):

  1. 在没有任何主题 css 文件的情况下构建应用程序(根本没有清晰样式)
  2. 将两个 css 文件复制到 Assets 文件夹(在构建期间)
  3. 编写一个可以接受 @Input 的指令或组件<head> 中样式表的 src
  4. 存储两个路径/path/to/light.css/path/to/dark.css在服务中,以便应用程序可以传递事件主题值并在需要时修改它。
  5. 将服务添加到我们想让用户更新主题的应用组件。

这是否为您的应用提供了一些灵感?

我会在原型(prototype)运行后在这里更新,这样您就可以看到它的运行情况并找到源代码。

关于angular - 如何动态切换主题与vmware清晰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47602912/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com