Как реализовать фиксированный заголовок с lo go и меню в antd (белая тема)? - PullRequest
0 голосов
/ 27 марта 2020

Описание:

Я хочу реализовать фиксированный заголовок с lo go и меню в antd. Я следовал этой документации: https://3x.ant.design/components/layout/#components -layout-demo-fixed (да, мы все еще на v3). Демонстрация показывает его на темном фоне, а компонент меню - на темной теме. Мне нужно, чтобы он был на белом фоне.

Постановка задачи:

При работе в режиме освещения компонент меню имеет некоторую дополнительную высоту для учета выделенного / выбранного элемента меню, а также имеет нижняя граница. Поскольку заголовок зафиксирован в верхней части экрана, он должен занимать всю ширину. Меню под Layout.Header, которое применяет некоторые отступы самостоятельно. Чтобы он выглядел как заголовок полной ширины, можно было бы создать рамку, охватывающую его. Я рассмотрел вопрос о добавлении границы к Layout.Header, но она выглядит неработающей (высота меню примерно на пиксель превышает высоту Layout.Header.

Код коды для вопроса: https://codesandbox.io/s/amazing-platform-stackoverflow-x8tx6

Возможно, я что-то упускаю. Пожалуйста, помогите. Заранее спасибо :)

1 Ответ

0 голосов
/ 03 апреля 2020
  1. Добавить background: '#fff' в стилях Заголовок .
  2. Изменить тему Меню на light

Предварительный просмотр: https://codesandbox.io/s/determined-frog-jd3gb

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...