mirror of https://github.com/ElemeFE/element
Upload: fix icons in list type
parent
0cca820dac
commit
5d6a7b6f9c
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue