loit-web-component-gx/static/theme/Red/upload.css

广西时代凌宇前端组件库

@charset "UTF-8";.el-upload-cover__title,.el-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap }.el-progress{position:relative;line-height:1 }.el-progress__text{font-size:0.14rem;color:#606266;display:inline-block;vertical-align:middle;margin-left:0.1rem;line-height:1 }.el-progress__text i{vertical-align:middle;display:block }.el-progress--circle{display:inline-block }.el-progress--circle .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%) }.el-progress--circle .el-progress__text i{vertical-align:middle;display:inline-block }.el-progress--without-text .el-progress__text{display:none }.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block }.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0 }.el-progress.is-success .el-progress-bar__inner{background-color:#67c23a }.el-progress.is-success .el-progress__text{color:#67c23a }.el-progress.is-exception .el-progress-bar__inner{background-color:#f56c6c }.el-progress.is-exception .el-progress__text{color:#f56c6c }.el-progress-bar{padding-right:0.5rem;display:inline-block;vertical-align:middle;width:100%;margin-right:-0.55rem;-webkit-box-sizing:border-box;box-sizing:border-box }.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer }.el-progress-bar__outer{height:0.06rem;border-radius:1rem;background-color:#ebeef5;overflow:hidden;position:relative;vertical-align:middle }.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#e1806f;text-align:right;border-radius:1rem;line-height:1;white-space:nowrap }.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle }.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:0.12rem;margin:0 0.05rem }@-webkit-keyframes progress{0%{background-position:0 0 }100%{background-position:0.32rem 0 }}@keyframes progress{0%{background-position:0 0 }100%{background-position:0.32rem 0 }}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0 }.el-upload__input{display:none }.el-upload__tip{font-size:0.12rem;color:#606266;margin-top:0.07rem }.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0) }.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:0.06rem;box-sizing:border-box;width:1.48rem;height:1.48rem;line-height:1.46rem;vertical-align:top }.el-upload--picture-card i{font-size:0.28rem;color:#8c939d }.el-upload--picture-card:hover,.el-upload:focus{border-color:#e1806f;color:#e1806f }.el-upload:focus .el-upload-dragger{border-color:#e1806f }.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:0.06rem;box-sizing:border-box;width:3.6rem;height:1.8rem;text-align:center;position:relative;overflow:hidden }.el-upload-dragger .el-icon-upload{font-size:0.67rem;color:#c0c4cc;margin:0.4rem 0 0.16rem;line-height:0.5rem }.el-upload-dragger+.el-upload__tip{text-align:center }.el-upload-dragger~.el-upload__files{border-top:0.01rem solid #dcdfe6;margin-top:0.07rem;padding-top:0.05rem }.el-upload-dragger .el-upload__text{color:#606266;font-size:0.14rem;text-align:center }.el-upload-dragger .el-upload__text em{color:#e1806f;font-style:normal }.el-upload-dragger:hover{border-color:#e1806f }.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #e1806f }.el-upload-list{margin:0;padding:0;list-style:none }.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:0.14rem;color:#606266;line-height:1.8;margin-top:0.05rem;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.04rem;width:100% }.el-upload-list__item .el-progress{position:absolute;top:0.2rem;width:100% }.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-0.13rem }.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0 }.el-upload-list__item:first-child{margin-top:0.1rem }.el-upload-list__item .el-icon-upload-success{color:#67c23a }.el-upload-list__item .el-icon-close{display:none;position:absolute;top:0.05rem;right:0.05rem;cursor:pointer;opacity:.75;color:#606266 }.el-upload-list__item .el-icon-close:hover{opacity:1 }.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:0.05rem;right:0.05rem;font-size:0.12rem;cursor:pointer;opacity:1;color:#e1806f }.el-upload-list__item:hover{background-color:#f5f7fa }.el-upload-list__item:hover .el-icon-close{display:inline-block }.el-upload-list__item:hover .el-progress__text{display:none }.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block }.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#e1806f;cursor:pointer }.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block }.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0 }.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none }.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block }.el-upload-list__item-name{color:#606266;display:block;margin-right:0.4rem;padding-left:0.04rem;-webkit-transition:color .3s;transition:color .3s }.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:0.07rem;color:#909399;line-height:inherit }.el-upload-list__item-status-label{position:absolute;right:0.05rem;top:0;line-height:inherit;display:none }.el-upload-list__item-delete{position:absolute;right:0.1rem;top:0;font-size:0.12rem;color:#606266;display:none }.el-upload-list__item-delete:hover{color:#e1806f }.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top }.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:0.06rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1.48rem;height:1.48rem;margin:0 0.08rem 0.08rem 0;display:inline-block }.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff }.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none }.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block }.el-upload-list--picture-card .el-upload-list__item-name{display:none }.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100% }.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-0.15rem;top:-0.06rem;width:0.4rem;height:0.24rem;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 0.01rem rgba(0,0,0,.2);box-shadow:0 0 1pc 0.01rem rgba(0,0,0,.2) }.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:0.12rem;margin-top:0.11rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg) }.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:0.2rem;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s }.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle }.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer }.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:0.15rem }.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit }.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1 }.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block }.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:1.26rem }.el-upload-list--picture-card .el-progress .el-progress__text{top:50% }.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:0.06rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0.1rem;padding:0.1rem 0.1rem 0.1rem 0.9rem;height:0.92rem }.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff }.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-0.02rem;right:-0.12rem }.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block }.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:0.7rem;margin-top:0 }.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none }.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:0.7rem;height:0.7rem;float:left;position:relative;z-index:1;margin-left:-0.8rem }.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:0.2rem }.el-upload-list--picture .el-upload-list__item-name i{font-size:0.7rem;line-height:1;position:absolute;left:0.09rem;top:0.1rem }.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-0.17rem;top:-0.07rem;width:0.46rem;height:0.26rem;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0.01rem 0.01rem #ccc;box-shadow:0 0.01rem 0.01rem #ccc }.el-upload-list--picture .el-upload-list__item-status-label i{font-size:0.12rem;margin-top:0.12rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg) }.el-upload-list--picture .el-progress{position:relative;top:-0.07rem }.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default }.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle }.el-upload-cover img{display:block;width:100%;height:100% }.el-upload-cover__label{position:absolute;right:-0.15rem;top:-0.06rem;width:0.4rem;height:0.24rem;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 0.01rem rgba(0,0,0,.2);box-shadow:0 0 1pc 0.01rem rgba(0,0,0,.2) }.el-upload-cover__label i{font-size:0.12rem;margin-top:0.11rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff }.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:2.43rem }.el-upload-cover__progress+.el-upload__inner{opacity:0 }.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100% }.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center }.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:0.14rem;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:0.6rem }.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear }.el-upload-cover__interact .btn:not(:first-child){margin-left:0.35rem }.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-0.13rem);transform:translateY(-0.13rem) }.el-upload-cover__interact .btn:hover span{opacity:1 }.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:0.24rem;line-height:inherit;margin:0 auto 0.05rem }.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:0.36rem;width:100%;font-weight:400;text-align:left;padding:0 0.1rem;margin:0;line-height:0.36rem;font-size:0.14rem;color:#303133 }.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1 }