如何在*spinner_style*中使用dbc.Spinner？

Question

我正在尝试使用dbc自旋器，并且我注意到spinner_style用于添加内联CSS样式以应用于旋转器。有关于如何使用此配置的示例吗？

目前，我正在使用spinner_class_name=“position-absolute top-0 start-50”将旋转加载元素定位在顶部中间。但是，我想将它移到与start-20相对应的左边，默认情况下，在Bootstra5.0中是不可用的。我认为可以通过在旋转器样式中指定位置值来实现这一点，但我不知道如何实现。

Answer 1

您可以对此使用任何CSS格式。我在一起使用left和top属性来定位旋转器，您可以调优这两个值，参见下面的示例：

import dash
import dash_bootstrap_components as dbc


app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = html.Div(
    [
        dbc.Spinner(spinner_style={"position":"absolute", "left":"300px", "top":"20px"}),
    ]
)


if __name__ == '__main__':
    app.run_server(debug=True)

输出：

​

​