量化交易之nicegui篇 - tabbar & 隐藏footer & 抽屉效果

_Erwin_

已于 2024-03-10 20:12:09 修改

阅读量254

点赞数 2

分类专栏： python 文章标签： python nicegui

于 2024-03-10 19:51:42 首次发布

本文链接：https://blog.csdn.net/Michael_234198652/article/details/136607536

版权

python 专栏收录该内容

71 篇文章 1 订阅

订阅专栏

from nicegui import ui

with ui.header().classes(replace='row items-center') as header:
    ui.button(on_click=lambda: left_drawer.toggle(), icon='menu').props('flat color=white')
    with ui.tabs() as tabs:
        ui.tab('A')
        ui.tab('B')
        ui.tab('C')

with ui.footer(value=False) as footer:
    ui.label('Footer')

with ui.left_drawer().classes('bg-blue-100') as left_drawer:
    ui.label('Side menu')

with ui.page_sticky(position='bottom-right', x_offset=20, y_offset=20):
    ui.button(on_click=footer.toggle, icon='contact_support').props('fab')

with ui.tab_panels(tabs, value='A').classes('w-full'):
    with ui.tab_panel('A'):
        ui.label('Content of A')
    with ui.tab_panel('B'):
        ui.label('Content of B')
    with ui.tab_panel('C'):
        ui.label('Content of C')

ui.run()