yk-element-components-v2/composeUpload/style.css

.compose_cover_upload_box{position:absolute;right:3px;bottom:3px;z-index:9}.compose_cover_upload_box .el-upload{display:inline-block!important}.compose_cover_upload_box .cover_upload_button{width:30px;height:30px;background:rgba(0,0,0,.6);border-radius:4px;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;line-height:30px;color:#ffffffd9}.compose_cover_upload_box .cover_upload_button i{font-size:12px!important;color:#ffffffd9!important}.video_pop_box{width:100%;position:relative;border-radius:8px;overflow:hidden}.video_operation{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2;opacity:0;transition:.3s}.video_close{widows:16px;height:16px;position:absolute;right:10px;top:10px;z-index:9;cursor:pointer}.video_recess{widows:40px;height:40px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;z-index:9;cursor:pointer}.video_upload_box{background:none!important;box-shadow:none!important}.video_upload_box:hover .video_operation{opacity:1}.video_upload_box .el-dialog__header,.video_upload_box .el-dialog__footer{display:none}.video_upload_box .el-dialog__body{padding:0}.compose_upload_hide .el-upload{display:none}.compose_upload_box{display:inline-block}.compose_upload_box .upload_trigger{width:120px;height:120px;border:1px dashed #dcdfe6;line-height:120px;text-align:center;background:rgb(245,247,250)}.compose_upload_box .yk-video-upload-default-count{font-size:12px;width:120px;height:120px;display:flex;justify-content:center;align-items:center;position:relative;border:1px dashed rgb(220,223,230);border-radius:8px;overflow:hidden;color:#0193fe}.compose_upload_box .yk-video-upload-default-count .image_box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.compose_upload_box .yk-video-upload-default-count .image_box img{border-radius:8px}.compose_upload_box .yk-video-upload-default-count i{color:#000;font-size:20px;font-weight:700}.compose_upload_box .yk-video-upload-default-count .yk-video-upload-default-count-text{margin-top:8px;font-size:12px;color:#0006}.compose_upload_box .yk-video-upload-default-count .loading_box{font-size:12px;color:#0193fe}.compose_upload_box .yk-video-upload-default-count .loading_box div:nth-of-type(1){margin-bottom:5px}.compose_upload_box .yk-video-upload-default-count .progress_box{position:absolute;bottom:8px;left:2%;width:96%;height:6px;background:rgb(231,231,231);border-radius:5px;overflow:hidden}.compose_upload_box .yk-video-upload-default-count .progress_box .progress{position:relative;width:100%;height:100%;border-radius:5px}.compose_upload_box .yk-video-upload-default-count .progress_box .progress div{position:absolute;left:0;top:0;height:100%;background:rgb(24,144,255);border-radius:5px;transition:.2}.compose_upload_box .yk-video-upload-default-count video{width:100%;height:100%;object-fit:cover}.compose_upload_box .yk-video-upload-default-count .video_play_button{position:absolute;width:40px;height:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;z-index:99;cursor:pointer}.compose_upload_box .yk-video-upload-default-count .video_play_button img{width:100%;height:100%}.compose_upload_box .yk-video-upload-default-count .error_img{width:24px;height:24px;margin-bottom:5px}.compose_upload_box .yk-video-upload-default-count .error_button{font-size:12px;color:#000000b3;width:120px;height:32px;line-height:32px;border-radius:4px;background:rgba(255,255,255,.9);text-align:center;border:1px solid rgb(220,220,220)}.compose_upload_box .yk-video-upload-default-count .video_remove_button{position:absolute;left:3px;bottom:3px;z-index:9;width:30px;height:30px;background:rgba(255,77,79,.6);border-radius:4px;border:1px solid rgba(255,77,79,.8);display:flex;justify-content:center;align-items:center;line-height:30px;color:#ffffffd9;cursor:pointer}.compose_upload_box .yk-video-upload-default-count .video_remove_button i{font-size:12px!important;color:#ffffffd9!important}.compose_upload_box .yk-video-upload-default-count .hidden_box{opacity:0;transition:.3s}.compose_upload_box .yk-video-upload-default-count:hover .hidden_box{opacity:1!important}