我想在vtabs
之前添加一个按钮,但是我的解决方案不起作用。在这种情况下,vtabs
下的内容由于包含按钮的伸缩性而具有左边距。
您是否有解决方案,可以在v标签前显示按钮,并在其下留有空白?
我的代码:
<v-layout row>
<v-flex shrink>
<v-tooltip bottom>
<template v-slot:activator="{ on }">
<v-btn v-on="on" dark fab small color="secondary" @click="showModaleAddActivite()">
<v-icon>add</v-icon>
</v-btn>
</template>
<span>Ajouter une activité</span>
</v-tooltip>
</v-flex>
<v-flex grow>
<!-- onglets -->
<v-tabs grow show-arrows v-model="activiteUrlSelected" color="blue-grey" dark>
<v-tabs-slider color="deep-purple darken-3"></v-tabs-slider>
<!-- contenus des onglets -->
<v-tab
:href="'#'+activite.urlEncoded"
:to="'#'+activite.urlEncoded"
v-for="(activite, index) in club.activites"
:key="index"
>{{ activite.code }}</v-tab>
<v-tabs-items>
<v-tab-item