github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

Solved attachment list style.

pull/9/head
ruibaby 2019-04-13 10:52:11 +08:00
parent 76f11403b5
commit efd99eb2e6
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/attachment/AttachmentList.vue
View File

@ -11,8 +11,11 @@
:sm="12" :sm="12"
:xs="24" :xs="24"
> >
<a-card :bodyStyle="{ padding: '1rem' , width: '240px' }" hoverable> <a-card :bodyStyle="{ padding: 0}" hoverable>
<img :src="attachment.thumbPath" :alt="attachment.name" slot="cover"> <!-- <img :src="attachment.thumbPath" :alt="attachment.name" slot="cover"> -->
<div class="box">
<img :src="attachment.thumbPath"/>
</div>
<a-card-meta> <a-card-meta>
<template slot="description">{{ attachment.name }}</template> <template slot="description">{{ attachment.name }}</template>
</a-card-meta> </a-card-meta>
@ -106,4 +109,20 @@ export default {
bottom: 80px; bottom: 80px;
right: 20px; right: 20px;
} }
.box{
width: 100%;
margin: 0 auto;
background: skyblue;
position: relative;
padding-bottom: 56%;
overflow: hidden;
}
.box>img{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
</style> </style>