div className ="uploading-animation-tip-wrap" img src ={require(‘~/shared/assets/image/slide-uploading-animation-file-300-300.gif‘)} alt ="" className ="uploading-tip-animation-file" / img src ={require(‘~/shared/assets/image/slide-up
<div className="uploading-animation-tip-wrap"> <img src={require(‘~/shared/assets/image/slide-uploading-animation-file-300-300.gif‘)} alt="" className="uploading-tip-animation-file" /> <img src={require(‘~/shared/assets/image/slide-uploading-animation-progress-wave-300-300.gif‘)} alt="" className="uploading-tip-animation-progress" /> </div>
.uploading-animation-tip-wrap { width: 66px; height: 66px; background-color: #f5f5f5; border-radius: 50%; position: relative; .uploading-tip-animation-file { width: 66px; position: absolute; top: 0; left: 0; z-index: 2; } .uploading-tip-animation-progress { width: 66px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.2; } }