Вопрос по angular, bootstrap-4 – Я не смог решить эту проблему с помощью Angular CLI и Bootstrap 4 scss. Я попытался настроить проект для компиляции 2-х ленивых пакетов, что работает, но у меня не было двух файлов scss с dark.scss и light.scss, каждый из которых содержал одинаковые переменные с разными значениями, 1 приводил к темному пакету, один - затем световой пучок. В итоге я получил один источник scss, содержащий переменные и стили как для темного, так и для светлого, скомпилированный в 2 пакета с dark.scss и light.scss, содержащий переопределения css для каждого конкретного стиля. В любом случае, ребята, спасибо за предложения!

3

наилучший способ реализации темного и светлого режимов в моем угловом приложении начальной загрузки 4 (scss)? Angular cli компилирует файлы scss, поэтому старый способ включения отдельного файла css для каждой темы мне не подходит. Как?? Установить класс тела и использовать .dark / .light в моих файлах scss? Использовать миксин? Использовать загрузочные цветовые темы? Любые идеи приветствуются!

возможно похожий вопросstackoverflow.com/questions/19192747/... Shiv Kumar Baghel
спасибо за ваш вклад, но этот вопрос не относится к угловому (2+) приложению с начальной загрузкой 4 scss Mcanic

Ваш Ответ

2   ответа
3

Я использовал [ngClass] = "setPrimary () на самом верхнем компоненте

эта функция setPrimary проверяет время суток (https://api.sunrise-sunset.org) и в зависимости от часа ночи или восхода / захода солнца или дня, он установит класс на этот самый верхний компонент

внутри файла scss: я разработал 3 различных набора цветов для дня, ночи, восхода / заката солнца

при загрузке страницы значением по умолчанию был день, но как только setPrimary () разместит соответствующий класс, остальная часть стиля будет следовать за ним

минимальный рабочий пример доступен здесь:stackblitz.com/edit/angular-tzxvzf - удачи !! Akber Iqbal
не могли бы вы привести пример того, как вы решили это? Я хотел бы использовать переменные начальной загрузки по умолчанию, но я думаю, что это невозможно? Mcanic
0

. Я попытался настроить проект для компиляции 2-х ленивых пакетов, что работает, но у меня не было двух файлов scss с dark.scss и light.scss, каждый из которых содержал одинаковые переменные с разными значениями, 1 приводил к темному пакету, один - затем световой пучок. В итоге я получил один источник scss, содержащий переменные и стили как для темного, так и для светлого, скомпилированный в 2 пакета с dark.scss и light.scss, содержащий переопределения css для каждого конкретного стиля. В любом случае, ребята, спасибо за предложения!

Похожие вопросы