generated from xinetzone/xbook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
element.md
84 lines (54 loc) · 1.94 KB
/
element.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
# `ui.element` 通用元素
这个类是所有其他UI元素的基类。但是,您可以使用它来创建具有任意HTML标签的元素。
- `tag`:元素的HTML标签
- `_client`:此元素的客户端(仅用于内部使用)
```python
from nicegui import ui
with ui.element('div').classes('p-2 bg-blue-100'):
ui.label('inside a colored div')
# ui.run()
```
## 移动 `ui.element` 元素
此演示展示了如何在容器之间或在容器内移动元素。
```python
from nicegui import ui
with ui.card() as a:
ui.label('A')
x = ui.label('X')
with ui.card() as b:
ui.label('B')
ui.button('Move X to A', on_click=lambda: x.move(a))
ui.button('Move X to B', on_click=lambda: x.move(b))
ui.button('Move X to top', on_click=lambda: x.move(target_index=0))
# ui.run()
```
## `ui.element` 默认属性
您可以为某个类的所有元素设置默认属性。这样,您就可以避免一遍又一遍地重复相同的属性。
默认属性仅适用于在设置默认属性后创建的元素。子类继承其父类的默认属性。
```python
from nicegui import ui
ui.button.default_props('rounded outline')
ui.button('Button A')
ui.button('Button B')
# ui.run()
```
## `ui.element` 默认类
您可以为某个类的所有元素设置默认类。这样,您就可以避免一遍又一遍地重复相同的类。
默认类仅适用于在设置默认类后创建的元素。子类继承其父类的默认类。
```python
from nicegui import ui
ui.label.default_classes('bg-blue-100 p-2')
ui.label('Label A')
ui.label('Label B')
# ui.run()
```
## `ui.element` 默认样式
您可以为某个类的所有元素设置默认样式。这样,您就可以避免一遍又一遍地重复相同的样式。
默认样式仅适用于在设置默认样式后创建的元素。子类继承其父类的默认样式。
```python
from nicegui import ui
ui.label.default_style('color: tomato')
ui.label('Label A')
ui.label('Label B')
# ui.run()
```