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;

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

@ -41,20 +41,20 @@
:stroke-width="listType === 'picture-card' ? 6 : 2" :stroke-width="listType === 'picture-card' ? 6 : 2"
:percentage="parsePercentage(file.percentage)"> :percentage="parsePercentage(file.percentage)">
</el-progress> </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 <span
class="el-upload-list__item-preview" class="el-upload-list__item-preview"
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>