微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular – 如何使用vmware清晰度动态切换主题

Vmware Clarity 0.10.16刚刚发布了新的黑暗主题.这很棒!

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

如果是,我怎么能用Angular 4做呢?任何可以帮我解释如何实现的网站?

提前致谢!

解决方法

Clarity现在附带了明暗主题的样式表.我们记录了如何使用angular-cli或webpack构建配置来使用它们 here.这意味着一旦构建了应用程序,这只是它的风格.

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

>在没有任何主题css文件的情况下构建应用程序(根本没有清晰的风格)
>将两个css文件复制到assets文件夹(在构建期间)
>编写一个指令或组件,可以在< head>中为样式表获取src的@Input.
>将两个路径/path/to/light.css和/path/to/dark.css存储在服务中,以便应用程序可以传递活动主题值并在需要时进行修改.
>将服务添加到我们希望用户更新主题的应用程序组件中.

这会为您的应用提供一些想法吗?

我有一个原型工作后我会在这里更新,所以你可以看到它的实际运行并找到源代码.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐