1 line
1.6 KiB
CSS
1 line
1.6 KiB
CSS
|
.clip-upload .error-tips{color:#ea0029}.clip-upload img{max-width:100%;display:block;margin:0 auto}.clip-upload .tips{color:#b4b4b4}.clip-upload .upload-btn{position:relative;font-size:22px;color:#fff;height:150px;width:106px;line-height:150px;text-align:center;border:1px dashed #fff;background:transparent;margin-left:20px}.clip-upload .upload-btn .el-icon-plus{vertical-align:middle;margin-top:-24px}.clip-upload .upload-btn .upload-input{position:absolute;left:0;top:0;bottom:0;opacity:0;width:110px}.clip-upload .upload-preview{position:relative;color:#fff;height:150px;width:106px;line-height:150px;text-align:center;border:1px dashed #fff;background:transparent;overflow:hidden;border-radius:4px;margin-left:20px}.clip-upload .upload-preview:hover p{display:block}.clip-upload .upload-preview img{width:106px;height:150px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.clip-upload .upload-preview p{display:none;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(20,20,20,.3);text-align:center;font-size:20px;color:#fff;line-height:120px}.clip-upload .upload-preview p i{margin:0 5px;cursor:pointer}.clip-upload .upload-preview .upload-info{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:14px;line-height:30px;z-index:10;color:#fff;background:rgba(20,20,20,.3)}.clip-upload .vue-cropper-content{width:800px;height:800px;margin-bottom:20px}.clip-upload .alt-button{text-align:center}.clip-upload .alt-button .el-button{width:auto}.clip-upload .alt-button .el-button.el-button--text{font-size:24px;padding:0;margin:0 15px}.clip-dialog .el-dialog__body{padding-top:0}
|