我目前正在测试NiceGUI，它看起来像是我最喜欢的Python GUI框架。我是一个绝对的新手，使用FastAPI，Vue和Tailwind（我来自PyQT）...我知道我可以用classes（）来设计元素的样式，并为此使用Tailwind-Classes，但是颜色的改变对按钮没有影响。我认为，这与原色有关（NiceGUI网站指出：“通过定义主色、次色和强调色来定制外观”）。但是在哪里以及如何定义原色和二次色呢？我尝试为按钮设置Tailwind-Classes。
6kkfgxo01#
我在examples of NiceGUI中找到了解决方案：
ui.colors(primary='#6E93D6', secondary='#53B689', accent='#111B1E', positive='#53B689')
您也可以在NiceGUI的API参考中找到它。
p1iqtdky2#
使用ui.colors通常是更改所有元素颜色的首选方法。如果要更改单个按钮的颜色，可以使用Quasar prop "color"。要使用“正”色：
ui.colors
ui.button('Yes').props('color=positive')
对于阴性
ui.button('No').props('color=negative')
该 prop 还允许使用Quasar color palette中的任何颜色。下面是一个简短的示例，其中包含两个动态更改按钮颜色的UI元素：
from nicegui import ui with ui.card().classes('w-64').classes('items-stretch'): color = ui.select(['red', 'pink', 'purple', 'cyan'], on_change=lambda e: button.props(f'color={e.value}-5')) ui.slider(value=5, min=0, max=10, on_change=lambda e: button.props(f'color={color.value}-{e.value}')) button = ui.button('SOME BUTTON', on_click=lambda: ui.notify('button was pressed')) ui.run()
Disclamer：我是NiceGUI的开发者之一。
2条答案
按热度按时间6kkfgxo01#
我在examples of NiceGUI中找到了解决方案：
您也可以在NiceGUI的API参考中找到它。
p1iqtdky2#
使用
ui.colors通常是更改所有元素颜色的首选方法。如果要更改单个按钮的颜色，可以使用Quasar prop "color"。要使用“正”色：对于阴性
该 prop 还允许使用Quasar color palette中的任何颜色。下面是一个简短的示例，其中包含两个动态更改按钮颜色的UI元素：
Disclamer：我是NiceGUI的开发者之一。