Я новичок в NiceGUI и собираюсь использовать модульный пример. Я переместил файл theme.py в другой каталог, так как планирую повторно использовать его в нескольких приложениях. Проблема, с которой я столкнулся, заключается в том, что когда я добавляю на страницу несколько компонентов (я тестирую файл class_example.py), первый и последний компоненты частично скрыты заголовком и нижним колонтитулом. Для тестирования я добавил в файл class_example.py несколько компонентов, которые планирую использовать в приложении. Ниже я включил содержимое файла theme.py.
Код: Выделить всё
from contextlib import contextmanager
from menu import menu
from side_menu import side_menu
from nicegui import ui
@contextmanager
def frame(navigation_title: str):
"""Custom page frame to share the same styling and behavior across all pages"""
ui.colors(primary='#6E93D6', secondary='#53B689', accent='#111B1E', positive='#53B689')
with ui.header(elevated=True):
ui.button(on_click=lambda: left_drawer.toggle(), icon='menu').props('flat color=white')
ui.space()
ui.label(navigation_title)
ui.space()
with ui.row():
menu()
with ui.column().classes('absolute-center items-center'):
yield
with ui.left_drawer().classes('bg-blue-100') as left_drawer:
side_menu()
with ui.footer().style('background-color: #3874c8'):
ui.label('Test Footer')
Я попробовал изменить значение ui.column.classes с «absolute-center items-center» на «items-center» в файле template.py. Это исправило проблему, из-за которой верхний и нижний колонтитулы закрывали часть других компонентов, но теперь компоненты не центрируются в ui.column. Я хотел бы, чтобы все в ui.column было центрировано и чтобы компоненты не закрывались верхним и нижним колонтитулом.
Подробнее здесь:
https://stackoverflow.com/questions/792 ... and-footer
Мобильная версия