github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Upload: fix icons in list type

pull/7865/merge
Leopoldthecoder 2017-10-30 19:36:01 +08:00 committed by 杨奕
parent 0cca820dac
commit 5d6a7b6f9c
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/theme-chalk/src/upload.scss
View File

@ -330,7 +330,12 @@
font-size: 20px; font-size: 20px;
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
transition: opacity .3s; transition: opacity .3s;
@include utils-vertical-center; &::after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
span { span {
display: none; display: none;

4
packages/upload/src/upload-list.vue
View File

@ -47,14 +47,14 @@
v-if="handlePreview && listType === 'picture-card'" v-if="handlePreview && listType === 'picture-card'"
@click="handlePreview(file)" @click="handlePreview(file)"
> >
<i class="el-icon-view"></i> <i class="el-icon-zoom-in"></i>
</span> </span>
<span <span
v-if="!disabled" v-if="!disabled"
class="el-upload-list__item-delete" class="el-upload-list__item-delete"
@click="$emit('remove', file)" @click="$emit('remove', file)"
> >
<i class="el-icon-delete2"></i> <i class="el-icon-delete"></i>
</span> </span>
</span> </span>
</li> </li>