使用 ipyvuetify 更改多行复选框的外观

Question

我想用 ipyvuetify 创建一个多行复选框：

v.Col(children=[vue.Checkbox(label='UNO'),vue.Checkbox(label='DOS'),vue.Checkbox(label='TRES'),vue.Checkbox(label='CUATRO')])

结果如下：

如何修改组件以使复选框行彼此靠近？

谢谢

Answer 1

您可以通过 vuetifys CSS spacing classes 指定边距和填充来做到这一点。在这里，我使用负边距将它们拉得更近。 link:

中都有解释

vue.Col(
    children = [
        vue.Checkbox(
            class_='ma-n3',
            label='UNO'
        ),
        vue.Checkbox(
            class_='ma-n3',
            label='DOS'
        ),
        vue.Checkbox(
            class_='ma-n3',
            label='TRES'
        ),
        vue.Checkbox(
            class_='ma-n3',
            label='CUATRO'
        )
    ]
)

使用 ipyvuetify 更改多行复选框的外观

change appearance of multiline checkboxes with ipyvuetify

python

ipywidgets

ipyvuetify