yk-element-components-v2
Version:
2 lines (1 loc) • 4.22 kB
CSS
.cover_upload_box{position:absolute;right:8px;bottom:10px;z-index:9}.cover_upload_box .cover_upload_button{width:128px;height:32px;background:rgba(0,0,0,.5);border-radius:4px;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;font-size:14px;line-height:32px;color:#ffffffd9}.cover_upload_box .cover_upload_button i{font-size:14px;padding-right:5px;color:#ffffffd9}.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_progress{position:absolute;bottom:20px;left:2%;width:96%;height:50px;z-index:9;opacity:0}.video_p_text{display:flex;justify-content:space-between;color:#fff;margin-top:-5px}.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;box-shadow:none}.video_upload_box:hover .video_operation,.video_upload_box:hover .video_progress{opacity:1}.video_upload_box .el-dialog__header,.video_upload_box .el-dialog__footer{display:none}.video_upload_box .el-dialog__body{padding:0}.yk-video-upload-custom-box>.el-upload{width:375px;height:211px;border-radius:5px;background:rgb(245,247,250);overflow:hidden}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px dashed rgb(220,223,230);box-sizing:border-box}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count i{color:#000;font-size:20px;font-weight:700}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .yk-video-upload-default-count-text{margin-top:8px;font-size:12px;color:#0006}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .loading_box{font-size:12px;color:#0193fe}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .loading_box div:nth-of-type(1){margin-bottom:5px}.yk-video-upload-custom-box>.el-upload .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}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .progress_box .progress{position:relative;width:100%;height:100%;border-radius:5px}.yk-video-upload-custom-box>.el-upload .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}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count video{width:100%;height:100%;object-fit:cover}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_play_button{position:absolute;width:60px;height:60px;left:50%;right:50%;margin-left:-30px;margin-top:-10px;z-index:99}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_play_button img{width:100%;height:100%}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .error_img{width:24px;height:24px;margin-bottom:5px}.yk-video-upload-custom-box>.el-upload .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)}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_remove_button{position:absolute;left:8px;bottom:10px;z-index:9;width:100px;height:32px;background:rgba(255,77,79,.8);border-radius:4px;border:1px solid rgba(255,77,79,.9);display:flex;justify-content:center;align-items:center;font-size:14px;line-height:32px;color:#ffffffd9}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_remove_button i{font-size:14px;padding-right:5px;color:#ffffffd9}.yk-video-upload-tips-text{font-size:12px;color:#0006;margin-top:5px}.yk-video-upload-error-text{color:#ff4d4f}