Vue.js 如何在vuetify中将图像添加到v卡
我想实现下图中的设计展示: 我目前的设计: 我的代码是:Vue.js 如何在vuetify中将图像添加到v卡,vue.js,vuetify.js,Vue.js,Vuetify.js,我想实现下图中的设计展示: 我目前的设计: 我的代码是: <v-card v-for="book in books" :key="book.id" class="mb-2" tile=""> <v-img :src="book.image" max-width="80"></v-img> <v-card-title>{{ book.title }} </v-card-titl
<v-card v-for="book in books" :key="book.id" class="mb-2" tile="">
<v-img :src="book.image" max-width="80"></v-img>
<v-card-title>{{ book.title }} </v-card-title>
<v-card-subtitle>{{ book.author }}</v-card-subtitle>
</v-card>
{{book.title}}
{{book.author}}
使用网格行>列
<v-card class="mb-2" tile="">
<v-row align="start">
<v-col class="shrink">
<v-img src="//placehold.it/80x120" max-width="80" class="ml-3"></v-img>
</v-col>
<v-col>
<v-card-title class="pa-0">Title</v-card-title>
<v-card-subtitle>Author</v-card-subtitle>
</v-col>
</v-row>
</v-card>
标题
著者
演示: