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;
background-color: rgba(0, 0, 0, .5);
transition: opacity .3s;
@include utils-vertical-center;
&::after {
display: inline-block;
content: "";
height: 100%;
vertical-align: middle
}
span {
display: none;

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

@ -41,20 +41,20 @@
:stroke-width="listType === 'picture-card' ? 6 : 2"
:percentage="parsePercentage(file.percentage)">
</el-progress>
<span class="el-upload-list__item-actions" v-if="listType === 'picture-card'">
<span class="el-upload-list__item-actions" v-if="listType === 'picture-card'">
<span
class="el-upload-list__item-preview"
v-if="handlePreview && listType === 'picture-card'"
@click="handlePreview(file)"
>
<i class="el-icon-view"></i>
<i class="el-icon-zoom-in"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="$emit('remove', file)"
>
<i class="el-icon-delete2"></i>
<i class="el-icon-delete"></i>
</span>
</span>
</li>