在v-card中的v-img内添加浮动按钮

Question

我想在卡片内图片的右下角漂浮。

这是我的示例https://codepen.io/chunallen/pen/bPGJOP?editors=1000

这里的问题是(df.replace(0, np.nan) .groupby('Trip_ID', as_index=False) .agg({'Trip_Distance': 'sum', 'Trip_Speed': 'mean'})) Trip_ID Trip_Distance Trip_Speed 0 1001 45 4.0 后面的按钮

预期结果

Answer 1

如果将style="height: 100px; position: relative"添加到v-card-title，将btn移到h3下方，然后从下往上更改，那么它将起作用。

<v-card-title primary-title style="height: 100px; position: relative">
    <div>
        <h3 class="headline mb-0">Kangaroo Valley Safari</h3>
        <v-btn color="pink" dark small absolute top right fab>
            <v-icon>add</v-icon>
        </v-btn>
    </div>
</v-card-title> 

Sample