nicegui ui.card 参数
时间: 2024-10-17 14:06:06 浏览: 36
Windows.UI.FileExplorer.dll
`nicegui` 是一个轻量级的 GUI 库,主要用于快速构建用户界面。在 `nicegui` 中,`ui.card` 是一个用于创建卡片组件(Card UI)的方法。这个方法接受一些参数来定制卡片的外观和功能:
1. **content**: (必填) 卡片的内容区域,可以是一个函数(回调),当点击卡片时会执行该函数,也可以是一个普通的 HTML 元素或 React 集成。
```python
await nicecard(content=my_function)
```
2. **title**: 可选,表示卡片标题的文字,通常显示在卡片头部的小框内。
```python
await nicecard(title="我的卡片")
```
3. **image**: 可选,设置卡片的背景图片或图标。
```python
await nicecard(image="my_image_url")
```
4. **header**: 可选,如果需要自定义卡片头部的样式,可以提供一个元素或者布局。
5. **footer**: 同理,自定义卡片底部的样式。
6. **close_button**: 是否显示关闭按钮,可以控制是否允许用户关闭卡片,默认是 `True`。
7. **other props**: 还可以传递其他 CSS 类名或属性来自定义卡片的样式,比如 `width`, `height`, 或者任何 `style` 属性。
```python
await nicecard(
content=my_function,
title="My Card",
image="card_icon.png",
header=nicebox(style="border-top: none"),
close_button=False,
style={"width": "300px"}
)
```
阅读全文