Vuetify + Flex:justify-space-evenly 不适用于 v-slide-group

问题描述 投票:0回答:0

我想使用任何 justify-space-* 类在 v-slide-group 中均匀对齐 v-slide-group-items,但它会忽略 justify-space-* 设置并放置所有 v-slide-group-项目向左而不是将它们散布在 v 幻灯片组的宽度上。

Vuetify Play(复刻链接): v-slide-group + justify-soace-evenly playground

代码:

<template>   <v-app>
    <v-main>
      <v-slide-group class="d-flex justify-space-evenly" show-arrows>
            <v-slide-group-item>
                <div v-for="n in 3" class="d-flex flex-column justify-center align-center ma-4">
                    <span class="text-caption">Publisher</span>
                    <v-icon class="text-center justify-center" icon="mdi-domain" size="large"></v-icon>
                    <p>Test</p>
                </div>
            </v-slide-group-item>
        </v-slide-group>
    </v-main>   </v-app>

谢谢!

flexbox vuetify.js vuetifyjs3
© www.soinside.com 2019 - 2024. All rights reserved.