diff --git a/packages/theme-default/src/upload.css b/packages/theme-default/src/upload.css index 4435133b5..9e833350d 100644 --- a/packages/theme-default/src/upload.css +++ b/packages/theme-default/src/upload.css @@ -281,6 +281,8 @@ border-radius: 6px; box-sizing: border-box; margin-top: 10px; + padding: 10px 10px 10px 90px; + height: 92px; &:hover { .el-upload-list__item-status-label { @@ -294,17 +296,36 @@ } } } + &.is-success { + .el-upload-list__item-name { + line-height: 70px; + margin-top: 0; + + i { + display: none; + } + } + } } .el-upload-list__item-thumbnail { vertical-align: middle; display: inline-block; width: 70px; height: 70px; - margin: 10px; + float: left; + margin-left: -80px; } .el-upload-list__item-name { - display: inline-block; - vertical-align: middle; + display: block; + margin-top: 20px; + + i { + font-size: 70px; + line-height: 1; + position: absolute; + left: 9px; + top: 10px; + } } .el-upload-list__item-status-label { position: absolute; @@ -324,6 +345,9 @@ color: #fff; } } + .el-progress { + position: static; + } } } @b upload-cover { diff --git a/packages/upload/src/upload-list.vue b/packages/upload/src/upload-list.vue index 7fd786c94..c9a63160a 100644 --- a/packages/upload/src/upload-list.vue +++ b/packages/upload/src/upload-list.vue @@ -9,7 +9,11 @@ :class="['el-upload-list__item', 'is-' + file.status]" :key="file" > - + {{file.name}}