Skip to content

E
Element
Commit bcbd94f4 authored by baiyaaaaa's avatar baiyaaaaa Committed by 杨奕
Browse files
Options

fix upload file remove can't remove when auto-upload is false

parent 7d5da757
Hide whitespace changes
Inline Side-by-side
Showing with 33 additions and 20 deletions
packages/theme-default/src/upload.css
View file @ bcbd94f4
...@@ -129,28 +129,33 @@ ...@@ -129,28 +129,33 @@
&:first-child { &:first-child {
margin-top: 10px; margin-top: 10px;
} }
& .el-icon-check,
& .el-icon-circle-check {
color: var(--color-success);
}
& .el-icon-close {
display: none;
cursor: pointer;
opacity: .75;
transform: scale(.7);
color: var(--color-extra-light-black);
&:hover {
opacity: 1;
}
}
&:hover { &:hover {
background-color: var(--color-extra-light-gray); background-color: var(--color-extra-light-gray);
.el-icon-close {
display: inline-block;
}
} }
@when success { @when success {
.el-upload-list__item-name:hover { .el-upload-list__item-name:hover {
color: var(--link-hover-color); color: var(--link-hover-color);
cursor: pointer; cursor: pointer;
} }
.el-icon-close {
display: none;
}
&:hover { &:hover {
.el-icon-close {
display: inline-block;
cursor: pointer;
opacity: .75;
transform: scale(.7);
color: var(--color-extra-light-black);
&:hover {
opacity: 1;
}
}
.el-icon-circle-check, .el-icon-circle-check,
.el-icon-check { .el-icon-check {
display: none; display: none;
...@@ -180,7 +185,6 @@ ...@@ -180,7 +185,6 @@
right: 10px; right: 10px;
top: 0; top: 0;
line-height: inherit; line-height: inherit;
color: var(--color-success);
} }
@e item-delete { @e item-delete {
position: absolute; position: absolute;
...@@ -210,6 +214,11 @@ ...@@ -210,6 +214,11 @@
margin: 0 8px 8px 0; margin: 0 8px 8px 0;
display: inline-block; display: inline-block;
& .el-icon-check,
& .el-icon-circle-check {
color: var(--color-white);
}
&:hover .el-upload-list__item-status-label { &:hover .el-upload-list__item-status-label {
display: none; display: none;
} }
...@@ -236,7 +245,6 @@ ...@@ -236,7 +245,6 @@
font-size: 12px; font-size: 12px;
margin-top: 11px; margin-top: 11px;
transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8);
color: #fff;
} }
} }
.el-upload-list__item-actions { .el-upload-list__item-actions {
...@@ -297,7 +305,11 @@ ...@@ -297,7 +305,11 @@
margin-top: 10px; margin-top: 10px;
padding: 10px 10px 10px 90px; padding: 10px 10px 10px 90px;
height: 92px; height: 92px;
& .el-icon-check,
& .el-icon-circle-check {
color: var(--color-white);
}
&:hover { &:hover {
.el-upload-list__item-status-label { .el-upload-list__item-status-label {
background: transparent; background: transparent;
...@@ -356,7 +368,6 @@ ...@@ -356,7 +368,6 @@
font-size: 12px; font-size: 12px;
margin-top: 12px; margin-top: 12px;
transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8);
color: #fff;
} }
} }
.el-progress { .el-progress {
......
packages/upload/src/upload-list.vue
View file @ bcbd94f4
...@@ -17,11 +17,13 @@ ...@@ -17,11 +17,13 @@
<a class="el-upload-list__item-name" @click="handleClick(file)"> <a class="el-upload-list__item-name" @click="handleClick(file)">
<i class="el-icon-document"></i>{{file.name}} <i class="el-icon-document"></i>{{file.name}}
</a> </a>
<label v-show="file.status === 'success'" class="el-upload-list__item-status-label"> <label class="el-upload-list__item-status-label">
<i :class="{ <i v-if="file.status === 'success'"
:class="{
'el-icon-circle-check': listType === 'text', 'el-icon-circle-check': listType === 'text',
'el-icon-check': ['picture-card', 'picture'].indexOf(listType) > -1 'el-icon-check': ['picture-card', 'picture'].indexOf(listType) > -1
}"></i> }">
</i>
<i class="el-icon-close" @click="$emit('remove', file)"></i> <i class="el-icon-close" @click="$emit('remove', file)"></i>
</label> </label>
<span class="el-upload-list__item-actions" <span class="el-upload-list__item-actions"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment