Skip to content

颜色输入器 Color Input

此元素基于 Quasar 的 QInput 组件,但添加了一个颜色选择作为扩展。

参数 Param说明 Description
labelRGB 色号输入框的标题
placeholder当输入框为空时显示的文字提示
value输入框的初始值
on_change当输入框中的色号被改变时的回调函数
preview将选择的颜色应用到按钮背景 (默认值: False)
python
from nicegui import ui

label = ui.label('选一个颜色吧!')
ui.color_input(label='Color', value='#000000',
               on_change=lambda e: label.style(f'color:{e.value}'))

ui.run()
最近更新

更新日期: 2025 年 12 月 17 日