我正在开发一个应用程序,每个用户都可以在其中为其仪表板定义自定义颜色。如 textColor、accentColor 和 backgroundColor;
整个 UI 将使用这些颜色。
我知道如何设置一个动态的 css 属性,但对每个元素都这样做似乎不正确。
我想知道我是否可以创建一个动态 css 并将其注入(inject)到应用程序中。 (是不是太多变通办法了?)
我设法通过使用服务器端生成的 theme.css(类似于 /users/1.css
)使其工作。你能闻到吗?
正确的做法是什么?
最佳答案
我们开发了一个必须是白标的应用程序,因此我们为可编辑元素创建了指令,并且指令监听了处理来自服务器的布局包的服务,如果需要则覆盖该属性。在您的情况下,您可以选择只有 textColor、accentColor 和 backgroundColor 指令,而不是每个布局组件都有自己的布局指令。
我目前正在寻找一种方法来实际从服务器接收整个 scss,这将覆盖 Sass 中的变量,但我还找不到任何方法。
我还会分享这篇文章,它可能会有所帮助: https://engineering.thetrainline.com/how-we-implemented-a-single-page-application-using-react-3f22e4d545c4
关于javascript - Angular 2动态全局CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48271980/