使用 ipyvuetify 更改多行复选框的外观
change appearance of multiline checkboxes with ipyvuetify
我想用 ipyvuetify 创建一个多行复选框:
v.Col(children=[vue.Checkbox(label='UNO'),vue.Checkbox(label='DOS'),vue.Checkbox(label='TRES'),vue.Checkbox(label='CUATRO')])
结果如下:
如何修改组件以使复选框行彼此靠近?
谢谢
您可以通过 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 创建一个多行复选框:
v.Col(children=[vue.Checkbox(label='UNO'),vue.Checkbox(label='DOS'),vue.Checkbox(label='TRES'),vue.Checkbox(label='CUATRO')])
结果如下:
如何修改组件以使复选框行彼此靠近?
谢谢
您可以通过 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'
)
]
)