add:如果打手端使用的设备是移动端,验证图片和验证视频上传的时候加个调用相机的功能

This commit is contained in:
2026-10-24 17:03:57 +08:00
parent 0ee5554f57
commit 0d3dd3eacd
7 changed files with 266 additions and 20 deletions
+57
View File
@@ -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 {