Различные CSS-файлы на страницах Blazor - PullRequest
Новая
       20

Различные CSS-файлы на страницах Blazor

3 голосов
/ 18 октября 2019

Я хочу использовать разные CSS-файлы для разного макета и страниц в Blazor . Поэтому я не хочу импортировать все CSS-файлы непосредственно в index.html, но на каждую страницу или макет, когда это необходимо. 

<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/site.css" rel="stylesheet" />

<link href="lib/font-awesome/css/all.min.css" rel="stylesheet" />
<link href="customCss/adminpanle.min.css" rel="stylesheet" />

Итак, две ссылки, которые я добавил внизу, яхочу добавить их только в один макет, а не в файл index.html. Вопрос: Как я могу добавить CSS на страницу Blazor (файл .razor)?

Заранее спасибо!

1 Ответ

0 голосов
/ 20 октября 2019

Вы можете сделать это двумя способами, о которых я могу подумать:

  1. Добавьте тег <style></style> к компоненту страницы и вставьте в него свой стиль CSS. Это не будет в отдельном файле. Я сделал это, чтобы я мог использовать селекторы стилей, которые нуждаются в переменных данных. Оператор @ для загрузки в C # работает даже в этом случае.

  2. Загрузка файла CSS с помощью взаимодействия javascript. Часть javascript для этого находится в следующем ответе: Как загрузить файлы CSS с использованием Javascript?

...