.page-container.data-v-215497dc { padding: 20rpx; padding-bottom: 120rpx; /* 为固定定位的按钮留出空间 */ background-color: #f8f8f8; min-height: 100vh; /* 确保容器至少占满整个视口高度 */ box-sizing: border-box; /* 确保padding不会增加总宽度 */ } /* .fixed-bottom { */ /* 关键定位属性 */ /* position: fixed; */ /* 改为 fixed 定位 */ /* bottom: 0; */ /* left: 0; */ /* 横向铺满屏幕 */ /* right: 0; */ /* 尺寸与间距 */ /* width: calc(100% -20rpx); */ /* 移除 calc 计算 */ /* padding: 20rpx; */ /* 内边距替代左右边距 */ /* 视觉样式 */ /* background: #fff; */ /* 避免透明遮挡内容 */ /* box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1); */ /* 顶部投影增强层次 */ /* z-index: 9; */ /* width: calc(100% - 40rpx); position: fixed; bottom: 0; z-index: 99999; */ /* } */ .fixed-bottom.data-v-215497dc { 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; /* 确保padding不会增加总宽度 */ } /* 提交按钮样式 */ .submit-btn.data-v-215497dc { 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-215497dc:disabled { background-color: #ccc; opacity: 0.8; } /* 搜索结果下拉框样式 */ .search-results.data-v-215497dc { position: absolute; width: 100%; max-height: 300rpx; background-color: #fff; border: 1rpx solid #ebedf0; border-radius: 8rpx; box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1); z-index: 999; overflow-y: auto; margin-top: 2rpx; transition: all 0.3s ease; } .result-item.data-v-215497dc { padding: 20rpx; border-bottom: 1rpx solid #f0f0f0; } .result-item.data-v-215497dc:last-child { border-bottom: none; } .result-item.data-v-215497dc:active { background-color: #f5f5f5; } .tab-bar.data-v-215497dc { display: flex; background-color: #fff; margin-bottom: 30rpx; overflow: hidden; } .tab-item.data-v-215497dc { flex: 1; padding: 10rpx 0; text-align: center; font-size: 29rpx; color: #666; position: relative; } .tab-item.active.data-v-215497dc { color: #03A9F4; background-color: rgba(0, 122, 255, 0.1); } .form-container.data-v-215497dc { padding-left: 10rpx; background-color: #fff; } .view-container.data-v-215497dc { display: flex; background-color: #fff; margin-bottom: 20rpx; overflow: hidden; border-bottom: 1rpx solid #ccc; } .view-item.data-v-215497dc { flex: 1; display: flex; padding: 4rpx 0; text-align: center; /* font-size: 20rpx; */ color: #666; position: relative; /* border-bottom: 1px solid #ccc; */ } .view-item-3.data-v-215497dc { flex: 3 !important; } .view-item-4.data-v-215497dc { flex: 4 !important; } .view-item-6.data-v-215497dc { flex: 6 !important; } .view-item-7.data-v-215497dc { flex: 7 !important; } .view-item>.label.data-v-215497dc { display: inline; padding: 13rpx; text-align: center; height: 40rpx; line-height: 40rpx; color: #000; font-size: 28rpx; background-color: #ccc; border-top-left-radius: 10rpx; border-bottom-left-radius: 10rpx; } .view-item>.select.data-v-215497dc { padding: 10rpx; text-align: center; width: 100%; height: 40rpx; font-size: 18rpx; line-height: 40rpx; } .view-item>.input.data-v-215497dc { padding: 10rpx 20rpx; text-align: center; width: 100%; height: 40rpx; line-height: 40rpx; text-align: left; font-size: 30rpx; /* font-weight: 510; */ } .view-item>.input-group.data-v-215497dc { padding: 10rpx; text-align: center; width: 100%; height: 40rpx; line-height: 40rpx; } .view-item>.input-group>.input-container.data-v-215497dc { display: flex; width: 100%; height: 40rpx; line-height: 40rpx; } .select-container.data-v-215497dc { position: relative; margin: 20rpx 0; width: 100%; } .custom-select.data-v-215497dc { padding: 10rpx 20rpx; background-color: #f5f5f5; border-radius: 4rpx; text-align: center; cursor: pointer; } .custom-select text.data-v-215497dc { font-size: 28rpx; color: #333; } .view-item>.input-group>.input-container>.btn.data-v-215497dc { background: #007AFF; padding: 8rpx 20rpx; border-radius: 6rpx; color: white; font-size: 24rpx; } .updateBook.data-v-215497dc { padding: 0rpx 10rpx; } .input-group1.data-v-215497dc { display: flex; align-items: center; padding: 15rpx 20rpx; background: #fff; border-radius: 8rpx; border: 0rpx solid #ddd; width: 30%; } .label.data-v-215497dc { padding: 0rpx 15rpx; 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-container.data-v-215497dc { flex: 1; display: flex; align-items: center; position: relative; } .scan-input.data-v-215497dc { flex: 1; height: 60rpx; font-size: 23rpx; /* padding-right: 10rpx; */ /* 给右侧按钮留出空间 */ } .scan-input-cangku.data-v-215497dc { font-size: 28rpx; width: 100%; } .action-area.data-v-215497dc { position: absolute; right: 0; display: flex; align-items: center; gap: 20rpx; } .scan-btn.data-v-215497dc { background: #007AFF; padding: 8rpx 20rpx; border-radius: 20rpx; color: white; font-size: 24rpx; margin-left: 10rpx; } .divider.data-v-215497dc { width: 1rpx; height: 30rpx; background: #ddd; } .retype-checkbox.data-v-215497dc { display: flex; align-items: center; font-size: 24rpx; color: #666; } .tag-input-group.data-v-215497dc { display: flex; flex-wrap: inherit; gap: 20rpx; margin-top: 15rpx; } .button-group.data-v-215497dc { display: flex; align-items: center; gap: 20rpx; margin: 10rpx 0; } .data-v-215497dc .u-button--mini.data-v-2bf0e569 { height: 60rpx; width: 160rpx; font-size: 24rpx; } .data-v-215497dc .u-button { border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; } .data-v-215497dc .u-button--mini.data-v-2bf0e569 { height: 60rpx; width: 60rpx; font-size: 24rpx; } .data-v-215497dc .u-safe-bottom { height: 500rpx; width: 500rpx; } .nav-left.data-v-215497dc, .nav-right.data-v-215497dc { width: 50rpx; } .back-icon.data-v-215497dc, .more-icon.data-v-215497dc { font-size: 40rpx; } .data-v-215497dc .u-button--square.data-v-2bf0e569 { border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; } .data-v-215497dc .u-button.data-v-2bf0e569 { width: 50%; } .select-container.data-v-215497dc { margin: 20rpx 0; text-align: center; } .series-select.data-v-215497dc { width: 200rpx; height: 60rpx; line-height: 60rpx; padding: 0 20rpx; border: 1rpx solid #DDDDDD; border-radius: 8rpx; background-color: #FFFFFF; font-size: 28rpx; } .general-label.data-v-215497dc { font-size: 32rpx; color: #333; margin-bottom: 1rpx; } .popup-image.data-v-215497dc { width: 200rpx; height: 200rpx; margin: 20rpx auto; display: block; } .form-popup.data-v-215497dc .u-popup__content { width: 50rpx !important; /* 正方形宽度 */ height: 50rpx !important; /* 高度等于宽度 */ border-radius: 16rpx !important; /* 圆角 */ overflow: hidden; /* 隐藏溢出内容 */ display: flex !important; flex-direction: column !important; align-items: center !important; padding: 30rpx !important; } /* 标题样式 */ .popup-title.data-v-215497dc { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; } /* 图片容器(正方形) */ .image-wrapper.data-v-215497dc { width: 400rpx; height: 400rpx; /* 等于宽度 */ border-radius: 8rpx; overflow: hidden; margin-bottom: 40rpx; } /* 图片填充容器 */ .popup-image.data-v-215497dc { width: 100%; height: 100%; } /* 按钮容器 */ .button-group.data-v-215497dc { width: 100%; display: flex; justify-content: space-between; gap: 20rpx; } /* 按钮基础样式 */ .btn.data-v-215497dc { flex: 1; height: 80rpx; border-radius: 8rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; } /* 取消按钮 */ .cancel-btn.data-v-215497dc { background-color: #f0f0f0; color: #666; } /* 确认按钮 */ .confirm-btn.data-v-215497dc { background-color: #007AFF; color: white; } /* 按钮点击反馈 */ .btn.data-v-215497dc:active { opacity: 0.8; } .data-v-215497dc .u-mode-center-box { background-color: transparent !important; } .popupContentBox.data-v-215497dc { width: 600rpx; padding: 50rpx; } .q_box_.data-v-215497dc { width: 400rpx; margin: 50rpx auto; } .popup-image.data-v-57280228.data-v-215497dc { width: 300rpx; height: 300rpx; margin: 20rpx auto; display: block; } .data-v-215497dc .data-v-57280228 .u-safe-bottom { height: 0rpx; width: 500rpx; } /* ::v-deep .u-toolbar__wrapper__cancel.data-v-55c89db1 { color: #909193; font-size: 45rpx; padding: 0 15rpx; } ::v-deep .u-toolbar__wrapper__confirm.data-v-55c89db1 { color: #3c9cff; font-size: 45rpx; padding: 0 15rpx; } */ .data-v-215497dc .u-picker__view__column__item.data-v-f45a262e { font-size: 30rpx; } .data-v-215497dc .u-upload__deletable.data-v-69e2a36e { position: absolute; top: 0; right: 0; background-color: #9a7777; height: 30rpx; width: 30rpx; display: flex; flex-direction: row; border-bottom-left-radius: 0rpx; align-items: center; justify-content: center; z-index: 3; } .data-v-215497dc .u-icon__icon { font-size: 40rpx !important; line-height: 40rpx !important; font-weight: 700 !important; /* top: px; */ color: #020000 !important; } .data-v-215497dc .u-tag--large.data-v-3732d7af { height: 50rpx; line-height: 32rpx; weight: 30rpx; padding: 0 15rpx; } /* 改变对号的位置 */ .data-v-215497dc .u-upload__success__icon.data-v-69e2a36e { display: none; } /* 背景色 */ .data-v-215497dc .u-upload__success.data-v-69e2a36e { display: none; } .data-v-215497dc .u-upload__deletable.data-v-69e2a36e { position: absolute; top: 0; right: 0; background-color: #9E9E9E; height: 40rpx; width: 40rpx; display: flex; flex-direction: row; border-bottom-left-radius: 1rpx; align-items: center; justify-content: center; z-index: 3; } .market-tag.data-v-215497dc { color: #999; font-size: 29rpx; margin-right: 12rpx; font-weight: normal; background: none; border: none; border-radius: 0; padding: 0; } .blue-block.data-v-215497dc { width: 8rpx; height: 32rpx; background-color: #007AFF; margin-right: 16rpx; border-radius: 4rpx; flex-shrink: 0; align-self: center; } .general-label.data-v-215497dc { font-size: 28rpx; color: #333; font-weight: bold; line-height: 32rpx; display: flex; align-items: center; } .data-v-215497dc .view-item>.input.data-v-215497dc { color: #666; } .data-v-215497dc .view-item>.select.data-v-5450f0a9 { font-size: 16rpx; } /* 添加禁用状态的样式 */ .scan-input.data-v-215497dc:disabled, .input.data-v-215497dc:disabled { background-color: #f5f5f5; color: #999; } .scan-btn-disabled.data-v-215497dc { pointer-events: none; background-color: #cccccc !important; color: #999 !important; } /* 分类选择器样式 */ .category-input.data-v-215497dc { flex: 1; height: 60rpx; font-size: 28rpx; padding: 0 20rpx; background-color: #f5f5f5; border-radius: 8rpx 0 0 8rpx; } /* 禁止分类输入框编辑 */ .category-input.data-v-215497dc:disabled { background-color: #f5f5f5; color: #333; } /* 分类选择器样式 */ .picker.data-v-215497dc { padding: 10rpx 20rpx; background-color: #f5f5f5; border-radius: 8rpx; font-size: 28rpx; color: #333; min-height: 60rpx; display: flex; align-items: center; margin-bottom: 10rpx; } .picker.data-v-215497dc:empty::before { content: '请选择分类'; color: #999; } /* 分类选择器样式 */ .picker-single.data-v-215497dc { 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: 10rpx; } .picker-single.data-v-215497dc: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-215497dc:active { background-color: #e6e6e6; } .category-container.data-v-215497dc { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 10rpx; /* 减少底部间距 */ } .view-item.data-v-215497dc { width: 100%; /* 确保宽度占满容器 */ } .data-v-215497dc .data-v-55c89db1 .u-toolbar__wrapper__confirm.data-v-55c89db1 { color: #3c9cff; font-size: 45rpx; padding: 0 15rpx; } .data-v-215497dc .data-v-55c89db1 .u-toolbar__wrapper__cancel.data-v-55c89db1 { color: #909193; font-size: 45rpx; padding: 0 15rpx; } .data-v-215497dc .u-toolbar.data-v-55c89db1 { height: 50rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }