ui.label

标签

显示一些文本。

• text：标签的内容

from nicegui import ui

ui.label('some label')

# ui.run()

<nicegui.elements.label.Label at 0x7fe040e53eb0>

根据内容改变外观

您可以重写 _handle_text_change 方法，根据标签的内容来更新其其他属性。这种技术也适用于绑定，如下所示的示例中所示。

from nicegui import ui

class status_label(ui.label):
    def _handle_text_change(self, text: str) -> None:
        super()._handle_text_change(text)
        if text == 'ok':
            self.classes(replace='text-positive')
        else:
            self.classes(replace='text-negative')

model = {'status': 'error'}
status_label().bind_text_from(model, 'status')
ui.switch(on_change=lambda e: model.update(status='ok' if e.value else 'error'))

ui.run()