.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; }