|
|
|
@ -10,6 +10,7 @@ import { getUploader } from './AliyunUploaderManager'
|
|
|
|
|
import { reducer, initialState } from './VideoReducer'
|
|
|
|
|
import { deleteVideoInCloud } from './VideoUtil'
|
|
|
|
|
import uploadIcon from './images/upload.png'
|
|
|
|
|
import uploadHoverIcon from './images/upload_hover.png'
|
|
|
|
|
|
|
|
|
|
let uploader
|
|
|
|
|
const files = []
|
|
|
|
@ -291,6 +292,26 @@ function VideoUploadList (props) {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.noUploads img {
|
|
|
|
|
width: 64px;
|
|
|
|
|
height: 48px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.noUploads .uploadHoverIcon {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.noUploads .imgWrap:hover .uploadHoverIcon {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
.noUploads .imgWrap:hover .uploadIcon {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.noUploads .imgWrap {
|
|
|
|
|
width: 72px;
|
|
|
|
|
height: 54px;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
`}</style>
|
|
|
|
|
<CBreadcrumb
|
|
|
|
|
className="mb26"
|
|
|
|
@ -308,8 +329,13 @@ function VideoUploadList (props) {
|
|
|
|
|
|
|
|
|
|
<div className="section">
|
|
|
|
|
{/* noUploads */}
|
|
|
|
|
{noUploads && <div className="noUploads" style={{paddingTop: '72px'}}>
|
|
|
|
|
<img src={uploadIcon} onClick={() => document.getElementById('fileUpload').click()}></img>
|
|
|
|
|
{noUploads && <div className="noUploads" style={{paddingTop: '72px'}} >
|
|
|
|
|
<div className="imgWrap" onClick={() => document.getElementById('fileUpload').click()}>
|
|
|
|
|
<img className="uploadIcon" src={uploadIcon} ></img>
|
|
|
|
|
<img className="uploadHoverIcon" src={uploadHoverIcon} ></img>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style={{
|
|
|
|
|
color: '#000000',
|
|
|
|
|
fontSize: '18px',
|
|
|
|
|