add:如果打手端使用的设备是移动端,验证图片和验证视频上传的时候加个调用相机的功能
This commit is contained in:
@@ -305,6 +305,63 @@ select {
|
||||
.image-upload-hint {
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* antd 的 picture-card 列表可能是浮动/行内块,让外层独占整行,避免相机按钮被挤到同一行 */
|
||||
.image-upload-droppable > .ant-upload-wrapper {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 移动端系统相机入口:隐藏原生 file input,仅保留按钮 */
|
||||
.image-upload-camera {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
/* 强制独占一行:缩略图列表可能是行内块/浮动,clear + flex-basis 保证按钮落到下一行 */
|
||||
clear: both;
|
||||
flex: 1 0 100%;
|
||||
justify-self: stretch;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
/*
|
||||
* 相机 file input 用「移出视口」隐藏,而不是 display:none:
|
||||
* 部分 iOS Safari 版本不允许对 display:none 的 file input 触发 .click(),会表现为点了没反应。
|
||||
*/
|
||||
.image-upload-camera-input,
|
||||
.worker-acceptance-video-camera-input {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -9999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.worker-acceptance-video-preview {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.worker-acceptance-video-player {
|
||||
width: 100%;
|
||||
max-width: 360px;
|
||||
max-height: 240px;
|
||||
border-radius: 6px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.worker-acceptance-video-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.image-preview-list {
|
||||
|
||||
Reference in New Issue
Block a user