SmartLab/app.py at main · Jiawang1209/SmartLab · GitHub

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
85
86
87
88
89
90
91
92
93
94
95
import dash
from dash import html
import feffery_antd_components as fac
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

app.layout = html.Div(

    [
        fac.AntdRadioGroup(
            id='space-align-demo-align',
            options=['start', 'end', 'center', 'baseline'],
            value='start',
        ),
        fac.AntdParagraph('水平方向：'),
        fac.AntdSpace(
            [
                html.Div(
                    style={
                        'backgroundColor': 'rgba(64, 173, 255, 1)',
                        'height': '50px',
                        'width': '50px',
                    }
                ),
                html.Div(
                    style={
                        'backgroundColor': 'rgba(0, 146, 255, 1)',
                        'height': '25px',
                        'width': '50px',
                    }
                ),
                html.Div(
                    style={
                        'backgroundColor': 'rgba(64, 173, 255, 1)',
                        'height': '10px',
                        'width': '50px',
                    }
                ),
            ],
            id='space-align-demo-horizontal',
            align='start',
            style={
                'backgroundColor': 'rgba(241, 241, 241, 0.6)',
                'padding': '10px',
            },
        ),
        fac.AntdParagraph('竖直方向：'),
        fac.AntdSpace(
            [
                html.Div(
                    style={
                        'backgroundColor': 'rgba(64, 173, 255, 1)',
                        'height': '50px',
                        'width': '50px',
                    }
                ),
                html.Div(
                    style={
                        'backgroundColor': 'rgba(0, 146, 255, 1)',
                        'height': '50px',
                        'width': '25px',
                    }
                ),
                html.Div(
                    style={
                        'backgroundColor': 'rgba(64, 173, 255, 1)',
                        'height': '50px',
                        'width': '50px',
                    }
                ),
            ],
            id='space-align-demo-vertical',
            align='start',
            direction='vertical',
            style={
                'backgroundColor': 'rgba(241, 241, 241, 0.6)',
                'padding': '10px',
            },
        ),
    ]
)


@app.callback(
    Output('space-align-demo-horizontal', 'align'),
    Output('space-align-demo-vertical', 'align'),
    Input('space-align-demo-align', 'value'),
)
def update_demo_align(value):
    return value, value


if __name__ == "__main__":
    app.run(debug=True)