如何在vuetify中将图像添加到v卡
艾曼·塔里格（Ayman Tarig）|
我想实现下图所示的设计：
我目前的设计：
我的代码是：
<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>
齐姆
使用网格行> cols ...
<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>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在spreecommerce中将图像添加到分类法
- 2
如何在Sylius中将图像添加到自定义实体？
- 3
如何在MFC中将图像添加到CListCtrl
- 4
如何在SWT中将图像添加到标签
- 5
如何在Xamarin Designer中将图像按钮添加到iOS故事板上？
- 6
如何在delphi中将透明图像添加到TDbgrid列？
- 7
如何在Android中将位图图像添加到TextView
- 8
如何在Xcode中将图像添加到C ++项目
- 9
如何在Python gtk中将hboxes和vboxes代码添加到笔记本选项卡
- 10
如何在flutter中将缓存的图像添加到应用栏（使用cached_image_network）
- 11
如何在Vuetify中将工具提示添加到数据表头中？
- 12
如何在Wordpress中将图像添加到自定义主题本身？
- 13
如何在AR-JS中将点击事件添加到图像
- 14
如何在stream.io nodejs中将图像添加到用户配置文件？
- 15
如何在羽毛笔图像处理程序中将类添加到图像元素？
- 16
如何在Flutter中将资产类型图像列表添加到轮播中
- 17
如何在Vaadin中将图像添加到布局中（春季）
- 18
如何在Pygame中将图像添加到矩形？
- 19
如何在搅拌机中将图像添加到绘制的纹理？
- 20
如何在Android中将图像添加到按钮
- 21
如何在iOS中将多个图像添加到我的scrollView中
- 22
如何在Sylius中将图像添加到自定义实体？
- 23
如何在MFC中将图像添加到CListCtrl
- 24
如何在laravel 4中将帖子ID号添加到图像名称
- 25
如何在Google Maps API v3中将类添加到标记
- 26
如何在Objective-C中将图像添加到LaunchScreen
- 27
如何在HTML / JavaScript中将属性添加到更改的背景图像？
- 28
如何在 Swift 3 中将图像添加到 UIAlertbox？
- 29
如何在 UWP c# 中将图像添加到 SQlite 数据库？
我来说两句