gpt4 book ai didi

javascript - Angular:Bootstrap 4 深色和浅色模式切换

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

在我的 bootstrap 4 (scss) angular 应用程序中实现暗模式和亮模式的最佳方法是什么? Angular cli 编译 scss 文件,所以为每个主题包含一个单独的 css 文件的旧方法对我没有吸引力。如何??设置主体类并在我的 scss 文件中使用 .dark/.light?使用混合?使用 bootstrap 颜色主题?

欢迎任何想法!

最佳答案

不知道这是不是最好的方法,但我就是这么做的。

我在最上面的组件上使用了 [ngClass]="setPrimary()"

此 setPrimary 函数检查一天中的时间 ( https://api.sunrise-sunset.org ) 并根据夜晚或日出/日落或白天的时间设置此最顶层组件的类

在 scss 文件中:我为白天、夜晚、日出/日落开发了 3 种不同的颜色集

在页面加载时,默认值为天,但是只要 setPrimary() 放置了适当的类,其余样式就会随之而来

关于javascript - Angular:Bootstrap 4 深色和浅色模式切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53077314/

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