daShangDao_miniProgram/unpackage/dist/dev/mp-weixin/pages/photo-upload/index.wxss
2025-11-24 10:25:20 +08:00

734 lines
15 KiB
Plaintext

.photo-upload-container.data-v-22102fb8 {
padding: 20rpx;
padding-bottom: 120rpx;
padding-left: 0;
}
.upload-section.data-v-22102fb8 {
margin-bottom: 30rpx;
}
.upload-box.data-v-22102fb8 {
width: 100%;
height: 300rpx;
background-color: #f8f8f8;
border: 2rpx dashed #ddd;
border-radius: 12rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.upload-icon.data-v-22102fb8 {
font-size: 60rpx;
color: #999;
margin-bottom: 20rpx;
}
.upload-text.data-v-22102fb8 {
font-size: 28rpx;
color: #666;
}
.preview-box.data-v-22102fb8 {
position: relative;
width: 100%;
height: 300rpx;
}
.preview-image.data-v-22102fb8 {
width: 100%;
height: 100%;
border-radius: 12rpx;
}
.delete-btn.data-v-22102fb8 {
position: absolute;
top: 20rpx;
right: 20rpx;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 10rpx 20rpx;
border-radius: 8rpx;
font-size: 24rpx;
}
.page-container.data-v-22102fb8 {
padding: 20rpx;
padding-bottom: 120rpx;
/* 为固定定位的按钮留出空间 */
background-color: #f8f8f8;
min-height: 100vh;
/* 确保容器至少占满整个视口高度 */
box-sizing: border-box;
/* 确保padding不会增加总宽度 */
}
.section-title.data-v-22102fb8 {
font-size: 32rpx;
font-weight: bold;
margin-bottom: 20rpx;
}
/* .result-content {
min-height: 200rpx;
} */
.book-info.data-v-22102fb8 {
padding: 0;
padding-left: 0;
}
.info-item.data-v-22102fb8 {
display: flex;
align-items: center;
height: 80rpx;
margin-bottom: 1rpx;
border-bottom: 1rpx solid #ccc;
background: #fff;
}
.label.data-v-22102fb8 {
/* text-align: center;
height: 60rpx;
line-height: 60rpx;
color: #000;
font-size: 28rpx;
background-color: #ccc;
border-radius: 8rpx;
margin-right: 20rpx;
flex-shrink: 0;
padding: 0 15rpx; */
padding: 0rpx 10rpx;
text-align: center;
height: 60rpx;
line-height: 60rpx;
color: #000;
font-size: 28rpx;
background-color: #ccc;
border-radius: 8rpx;
margin-right: 20rpx;
flex-shrink: 0;
}
.input-field.data-v-22102fb8 {
flex: 1;
height: 80rpx;
border: none;
border-radius: 0 10rpx 10rpx 0;
padding: 0 20rpx;
font-size: 28rpx;
background-color: #fff;
text-align: left;
}
.fixed-bottom.data-v-22102fb8 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 20rpx;
background: #fff;
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
z-index: 999;
box-sizing: border-box;
}
.submit-btn.data-v-22102fb8 {
width: 100%;
height: 80rpx;
line-height: 80rpx;
text-align: center;
background-color: #007AFF;
color: #fff;
border-radius: 8rpx;
font-size: 32rpx;
}
.submit-btn.data-v-22102fb8:disabled {
background-color: #ccc;
opacity: 0.8;
}
.upload-btn.data-v-22102fb8 {
margin-left: 20rpx;
padding: 0 15rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 26rpx;
background: #f0f0f0;
color: #007AFF;
border-radius: 8rpx;
border: 1rpx solid #007AFF;
}
.warehouse-item.data-v-22102fb8 {
display: flex;
align-items: center;
}
.form-container.data-v-22102fb8 {
padding-left: 10rpx;
background-color: #fff;
}
/*
.info-item-flex {
display: flex;
align-items: center;
} */
.bookname-box.data-v-22102fb8 {
flex: 2;
display: flex;
align-items: center;
}
.info-item-row.data-v-22102fb8 {
display: flex;
align-items: center;
gap: 10rpx;
/* 添加间距 */
}
.half-item.data-v-22102fb8 {
flex: 1;
display: flex;
align-items: center;
position: relative;
}
.half-item .label.data-v-22102fb8 {
flex-shrink: 0;
width: auto;
/* 让标签宽度自适应内容 */
min-width: 65rpx;
/* 设置最小宽度 */
}
.half-item .input-field.data-v-22102fb8 {
flex: 1;
height: 80rpx;
border: none;
border-radius: 0 10rpx 10rpx 0;
padding: 0 1rpx;
font-size: 28rpx;
background-color: #fff;
text-align: left;
}
.data-v-22102fb8 .u-picker__view__column__item.data-v-f45a262e {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 32rpx;
text-align: center;
display: block;
color: #303133;
}
.dropdown-btn.data-v-22102fb8 {
margin-left: 10rpx;
font-size: 24rpx;
background: #eee;
border: none;
border-radius: 4rpx;
padding: 0 10rpx;
cursor: pointer;
height: 60rpx;
width: 50rpx;
display: inline-flex;
align-items: center;
justify-content: center;
}
.dropdown-list.data-v-22102fb8 {
position: absolute;
background: #fff;
border: 1rpx solid #ccc;
z-index: 100;
max-height: 300rpx;
overflow-y: auto;
min-width: 100%;
left: 0;
top: 70rpx;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
border-radius: 8rpx;
padding: 8rpx 0;
}
.dropdown-item.data-v-22102fb8 {
padding: 12rpx 24rpx;
font-size: 28rpx;
color: #333;
cursor: pointer;
transition: background 0.2s;
}
.dropdown-item.data-v-22102fb8:hover {
background: #f0f4fa;
color: #007AFF;
}
.dropdown-divider.data-v-22102fb8 {
height: 1rpx;
background: #cececb;
margin: 0 12rpx;
}
.format-item.data-v-22102fb8 {
flex: 0.4;
/* 开本列占40%的宽度 */
}
.isbn-item.data-v-22102fb8 {
flex: 0.6;
/* 书号列占60%的宽度 */
}
@-webkit-keyframes scanMove-data-v-22102fb8 {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes scanMove-data-v-22102fb8 {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.scan-container.data-v-22102fb8 {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 600rpx;
/* 扫描框宽度 */
height: 800rpx;
/* 扫描框高度 */
overflow: hidden;
border: 2rpx solid #007AFF;
}
.grid-background.data-v-22102fb8 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.2) 1rpx, transparent 1rpx),
linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1rpx, transparent 1rpx);
background-size: 20rpx 20rpx;
opacity: 0.8;
}
.scan-line.data-v-22102fb8 {
position: absolute;
left: 0;
width: 100%;
height: 2rpx;
background: linear-gradient(to right,
transparent 0%,
#007AFF 20%,
#007AFF 80%,
transparent 100%);
-webkit-animation: scanMove-data-v-22102fb8 2s linear infinite;
animation: scanMove-data-v-22102fb8 2s linear infinite;
box-shadow: 0 0 8rpx rgba(0, 122, 255, 0.8);
}
/* 自定义识别中动画样式 */
.recognizing-overlay.data-v-22102fb8 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;
}
.recognizing-container.data-v-22102fb8 {
width: 500rpx;
height: 600rpx;
background-color: rgba(51, 51, 51, 0.9);
border-radius: 16rpx;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.recognizing-text.data-v-22102fb8 {
color: white;
font-size: 28rpx;
margin-top: 20rpx;
z-index: 1001;
}
/* 网格背景 */
.recognizing-container .grid-background.data-v-22102fb8 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(0, 122, 255, 0.2) 1rpx, transparent 1rpx),
linear-gradient(90deg, rgba(0, 122, 255, 0.2) 1rpx, transparent 1rpx);
background-size: 20rpx 20rpx;
opacity: 0.5;
}
/* 扫描动画 */
@keyframes scanMove-data-v-22102fb8 {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.recognizing-container .scan-animation.data-v-22102fb8 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 122, 255, 0.2) 10%,
rgba(0, 122, 255, 0.8) 50%,
rgba(0, 122, 255, 0.2) 90%,
rgba(0, 0, 0, 0) 100%);
-webkit-animation: scanMove-data-v-22102fb8 2s linear infinite;
animation: scanMove-data-v-22102fb8 2s linear infinite;
pointer-events: none;
z-index: 1000;
}
.recognizing-preview-box.data-v-22102fb8 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
background: #000;
}
.recognizing-preview-img.data-v-22102fb8 {
width: 80vw;
height: 60vh;
object-fit: contain;
border-radius: 12rpx;
box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.3);
}
.recognizing-overlay-on-image.data-v-22102fb8 {
position: absolute;
top: 50%;
left: 50%;
width: 80vw;
height: 60vh;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.scan-line.data-v-22102fb8 {
position: absolute;
left: 0;
right: 0;
height: 4rpx;
background: linear-gradient(to right, transparent, #00c3ff, transparent);
-webkit-animation: scanMoveOnImage-data-v-22102fb8 1.5s linear infinite;
animation: scanMoveOnImage-data-v-22102fb8 1.5s linear infinite;
z-index: 2;
}
@-webkit-keyframes scanMoveOnImage-data-v-22102fb8 {
0% {
top: 0;
}
100% {
top: 95%;
}
}
@keyframes scanMoveOnImage-data-v-22102fb8 {
0% {
top: 0;
}
100% {
top: 95%;
}
}
.recognizing-text.data-v-22102fb8 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 32rpx;
text-shadow: 0 2rpx 8rpx #000;
z-index: 3;
}
.blue-block.data-v-22102fb8 {
width: 8rpx;
height: 32rpx;
background-color: #007AFF;
margin-right: 16rpx;
border-radius: 4rpx;
}
.view-item.data-v-22102fb8 {
padding: 10rpx;
background-color: #fff;
}
.general-label.data-v-22102fb8 {
font-size: 28rpx;
color: #333;
font-weight: bold;
}
/* 添加禁用状态的样式 */
.input-field.data-v-22102fb8:disabled {
background-color: #f5f5f5;
color: #999;
}
.scan-btn-disabled.data-v-22102fb8 {
opacity: 0.5;
background-color: #cccccc !important;
color: #999 !important;
}
.print-time-popup.data-v-22102fb8 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 999;
}
.print-time-container.data-v-22102fb8 {
background-color: #fff;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
overflow: hidden;
}
.print-time-header.data-v-22102fb8 {
padding: 30rpx 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1rpx solid #eee;
}
.close-btn.data-v-22102fb8 {
font-size: 40rpx;
color: #999;
width: 60rpx;
height: 60rpx;
display: flex;
align-items: center;
justify-content: center;
}
.print-time-tabs.data-v-22102fb8 {
display: flex;
background-color: #fff;
padding: 0 20rpx;
}
.tab-item.data-v-22102fb8 {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 20rpx 0;
font-size: 28rpx;
}
.tab-line.data-v-22102fb8 {
position: absolute;
bottom: 0;
width: 60rpx;
height: 4rpx;
background-color: #1976d2;
border-radius: 2rpx;
}
.print-time-content.data-v-22102fb8 {
padding: 20rpx;
background-color: #fff;
}
.auto-fill-row.data-v-22102fb8 {
display: flex;
align-items: center;
padding: 20rpx 0;
}
.auto-fill-circle.data-v-22102fb8 {
width: 36rpx;
height: 36rpx;
border-radius: 50%;
border: 2rpx solid #ddd;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15rpx;
}
.auto-fill-dot.data-v-22102fb8 {
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background-color: #1976d2;
}
.auto-fill-text.data-v-22102fb8 {
font-size: 28rpx;
color: #333;
}
.time-input-fields.data-v-22102fb8 {
display: flex;
justify-content: space-between;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.input-group.data-v-22102fb8 {
flex: 1;
margin: 0 10rpx;
}
.time-input.data-v-22102fb8 {
width: 100%;
height: 80rpx;
border: 1rpx solid #eee;
border-radius: 8rpx;
text-align: center;
font-size: 32rpx;
background-color: #f8f8f8;
}
.numeric-keyboard.data-v-22102fb8 {
background-color: #edf0f5;
padding: 10rpx;
}
.keyboard-row.data-v-22102fb8 {
display: flex;
margin-bottom: 10rpx;
}
.key-item.data-v-22102fb8 {
flex: 1;
height: 100rpx;
margin: 5rpx;
background-color: #fff;
border-radius: 8rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 36rpx;
font-weight: bold;
color: #333;
}
.delete-key.data-v-22102fb8 {
background-color: #edf0f5;
color: #333;
font-weight: normal;
font-size: 40rpx;
}
.zero-key.data-v-22102fb8 {
flex: 2;
}
.keyboard-btn.data-v-22102fb8 {
background-color: #1976d2;
color: white;
font-size: 32rpx;
font-weight: normal;
}
.year-selection.data-v-22102fb8 {
padding: 20rpx;
}
.year-grid.data-v-22102fb8 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.decade-item.data-v-22102fb8 {
width: 48%;
height: 90rpx;
margin-bottom: 20rpx;
background-color: #f5f5f5;
border-radius: 8rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 28rpx;
color: #333;
}
.decade-item.data-v-22102fb8:active {
background-color: #e0e0e0;
}
.time-input-view.data-v-22102fb8 {
flex: 1;
height: 80rpx;
line-height: 80rpx;
padding: 0 20rpx;
font-size: 28rpx;
background-color: #fff;
text-align: left;
color: #333;
}
.time-input-view text.data-v-22102fb8 {
color: #999;
}
/* 如果没有值时,显示占位符颜色 */
.time-input-view.data-v-22102fb8:empty::before {
content: '请输入印刷时间';
color: #999;
}
/* 分类选择器样式 */
.category-container.data-v-22102fb8 {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 10rpx;
/* 减少底部间距 */
}
.picker-single.data-v-22102fb8 {
padding: 8rpx 40rpx 8rpx 15rpx;
/* 左侧减少内边距,右侧增加内边距给箭头留空间 */
background-color: #f5f5f5;
border-radius: 8rpx;
font-size: 28rpx;
color: #333;
min-height: 50rpx;
/* 减小最小高度 */
display: flex;
align-items: center;
position: relative;
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05);
margin: 0;
/* 移除外边距 */
line-height: 1.2;
/* 设置合理的行高 */
width: 100%;
/* 设置宽度占满容器 */
box-sizing: border-box;
/* 确保内边距计算在宽度内 */
text-align: left;
/* 文字左对齐 */
white-space: nowrap;
/* 防止文字换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 文字溢出显示省略号 */
margin-bottom: 1rpx;
}
.picker-single.data-v-22102fb8:after {
content: '';
position: absolute;
right: 15rpx;
/* 减少右侧距离 */
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 8rpx solid transparent;
border-right: 8rpx solid transparent;
border-top: 10rpx solid #007AFF;
}
.picker-single.data-v-22102fb8:active {
background-color: #e6e6e6;
}
.data-v-22102fb8 .data-v-57280228 {
height: 50rpx;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}