Есть подробные инструкции по темам в традиционном семантическом интерфейсе пользователя, но эквивалентный раздел отсутствует в сайт Semantic UI React. Означает ли это, что он не поддерживает создание тем, или вы можете использовать традиционный подход Semantic UI к темам?
Я знаю, что некоторые люди в мире React выступают за то, чтобы не использовать CSS, а вместо этого программно выполнять стилизацию как часть дизайна компонентов. Какова философия Semantic UI React по этому поводу?
Тематическая часть «отсутствует» в документации по реакции на семантику, но это сделано специально.
Вот как я это сделал:
Установите полный пакет Semantic UI. Семантический пользовательский интерфейс включает инструменты сборки Gulp, поэтому ваш проект может сохранять собственные изменения темы, что позволяет настраивать переменные стиля.
Подробная документация по темам в Semantic UI представлена здесь.
$ npm install semantic-ui --save-devПосле сборки проекта с помощью Gulp вам необходимо включить минифицированный файл CSS в ваш файл index.js:
import '../semantic/dist/semantic.min.css';
через: https://react.semantic-ui.com/usage#semantic-ui-package
Уже есть разные ui-frameworks с более «реагирующим» подходом. ИМХО то, что делает семантический ui (реагировать), пока что является лучшим реальным решением ...
npm install semantic-ui --save-dev он запрашивает некоторые параметры, и когда я пытаюсь сделать import '../semantic/dist/semantic.min.css';, я получаю сообщение об ошибке, что он не может импортировать файлы из-за пределов папки src.
- person limitlessriver; 08.08.2018
yarn add semantic-ui --dev. Документы по-прежнему довольно хороши. Ознакомьтесь с ними: semantic-ui.com/usage/theming.html
- person fetzig; 12.09.2018
Один из вопросов: «Где мы должны разместить семантический интерфейс в вашем проекте?» и вы должны поместить src / semantic, который перезаписывает значение по умолчанию.
