.page-container.data-v-9839475c { padding: 20rpx; padding-bottom: 120rpx; /* 为固定定位的按钮留出空间 */ background-color: #f8f8f8; min-height: 100vh; /* 确保容器至少占满整个视口高度 */ box-sizing: border-box; /* 确保padding不会增加总宽度 */ } .fixed-bottom.data-v-9839475c { 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-9839475c { 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-9839475c:disabled { background-color: #ccc; opacity: 0.8; } .fixed-bottom.data-v-9839475c { /* 关键定位属性 */ 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; */ } /* 搜索结果下拉框样式 */ .search-results.data-v-9839475c { 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-9839475c { padding: 20rpx; border-bottom: 1rpx solid #f0f0f0; } .result-item.data-v-9839475c:last-child { border-bottom: none; } .result-item.data-v-9839475c:active { background-color: #f5f5f5; } .tab-bar.data-v-9839475c { display: flex; background-color: #fff; margin-bottom: 30rpx; overflow: hidden; } .tab-item.data-v-9839475c { flex: 1; padding: 10rpx 0; text-align: center; font-size: 29rpx; color: #666; position: relative; } .tab-item.active.data-v-9839475c { color: #03A9F4; background-color: rgba(0, 122, 255, 0.1); } .form-container.data-v-9839475c { padding-left: 10rpx; background-color: #fff; } .view-container.data-v-9839475c { display: flex; background-color: #fff; margin-bottom: 20rpx; overflow: hidden; border-bottom: 1rpx solid #ccc; } .view-item.data-v-9839475c { flex: 1; display: flex; padding: 5rpx 0; text-align: center; /* font-size: 20rpx; */ color: #666; position: relative; /* border-bottom: 1px solid #ccc; */ } .view-item-3.data-v-9839475c { flex: 3 !important; } .view-item-4.data-v-9839475c { flex: 4 !important; } .view-item-6.data-v-9839475c { flex: 6 !important; } .view-item-7.data-v-9839475c { flex: 7 !important; } .view-item>.label.data-v-9839475c { display: inline; padding: 10rpx; text-align: center; height: 40rpx; line-height: 40rpx; color: #000; font-size: 29rpx; background-color: #ccc; border-top-left-radius: 10rpx; border-bottom-left-radius: 10rpx; } .view-item>.select.data-v-9839475c { padding: 10rpx; text-align: center; width: 100%; height: 40rpx; font-size: 18rpx; line-height: 40rpx; } .view-item>.input.data-v-9839475c { padding: 10rpx; text-align: center; width: 100%; height: 40rpx; line-height: 40rpx; text-align: left; } .view-item>.input-group.data-v-9839475c { padding: 10rpx; text-align: center; width: 100%; height: 40rpx; line-height: 40rpx; } .view-item>.input-group>.input-container.data-v-9839475c { display: flex; width: 100%; height: 40rpx; line-height: 40rpx; } .select-container.data-v-9839475c { position: relative; margin: 20rpx 0; width: 100%; } .custom-select.data-v-9839475c { padding: 10rpx 20rpx; background-color: #f5f5f5; border-radius: 4rpx; text-align: center; cursor: pointer; } .custom-select text.data-v-9839475c { font-size: 28rpx; color: #333; } .view-item>.input-group>.input-container>.btn.data-v-9839475c { background: #007AFF; padding: 8rpx 20rpx; border-radius: 6rpx; color: white; font-size: 24rpx; } .book-list.data-v-9839475c { margin-top: 20rpx; display: flex; flex-wrap: wrap; } .book-list>.label.data-v-9839475c { padding: 10rpx; display: block; width: calc(100% - 20rpx); height: 40rpx; color: #333; border-bottom: 2rpx solid #ccc; } .book-list>.label>.btn.data-v-9839475c { display: inline-block; padding: 10rpx; text-align: center; width: 120rpx; height: 30rpx; line-height: 30rpx; color: #fff; background-color: #3c9cff; border-radius: 10%; margin-right: 10rpx; } .book-list>.container.data-v-9839475c { position: relative; width: 100%; overflow: hidden; } .book-list>.container>.product-grid.data-v-9839475c { display: flex; flex-wrap: wrap; gap: 10rpx; } @media screen and (max-width: 768rpx) { .book-list>.container>.product-grid>.product-card.data-v-9839475c { width: calc(25% - 7rpx); } } @media screen and (max-width: 480rpx) { .book-list>.container>.product-grid>.product-card.data-v-9839475c { width: calc(50% - 5rpx); } .book-list>.container>.product-grid>.product-card>.product-image.data-v-9839475c { height: 200rpx; } } .book-list>.container>.product-grid>.product-card.data-v-9839475c { width: calc(25% - 8rpx); background-color: #ffffff; border-radius: 12rpx; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1); overflow: hidden; /* margin-bottom: 10rpx; */ flex-shrink: 0; height: 180rpx; display: flex; flex-direction: column; position: relative; } .book-list>.container>.product-grid>.product-card>.product-image-container.data-v-9839475c { position: relative; width: 100%; height: 140rpx; overflow: hidden; } .book-list>.container>.product-grid>.product-card>.product-image-container>.product-image.data-v-9839475c { width: 100%; height: 100%; object-fit: contain; flex: 0 0 auto; background-color: #f5f5f5; } .book-list>.container>.product-grid>.product-card>.product-image-container>.product-info.data-v-9839475c { padding: 8rpx; font-size: 24rpx; flex: 1; overflow: hidden; text-align: center; } .book-list>.container>.product-grid>.product-card>.product-image-container>.product-info>.product-price.data-v-9839475c { font-size: 28rpx; font-weight: bold; color: #ff6b00; display: block; margin-bottom: 4rpx; text-align: center; } .book-list>.container>.product-grid>.product-card>.product-image-container>.price-details.data-v-9839475c { font-size: 22rpx; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: flex; flex-direction: row; justify-content: center; gap: 8rpx; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); padding: 4rpx 0; border-radius: 0 0 8rpx 8rpx; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .input-group1.data-v-9839475c { display: flex; align-items: center; padding: 15rpx 20rpx; background: #fff; border-radius: 8rpx; border: 0rpx solid #ddd; width: 30%; } .label.data-v-9839475c { 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-9839475c { flex: 1; display: flex; align-items: center; position: relative; } .scan-input.data-v-9839475c { flex: 1; height: 60rpx; font-size: 23rpx; padding-right: 10rpx; /* 给右侧按钮留出空间 */ text-align: left; } .scan-input-cangku.data-v-9839475c { font-size: 28rpx; width: 100%; } .action-area.data-v-9839475c { position: absolute; right: 0; display: flex; align-items: center; gap: 20rpx; } .scan-btn.data-v-9839475c { background: #007AFF; padding: 8rpx 20rpx; border-radius: 20rpx; color: white; font-size: 24rpx; margin-left: 10rpx; } .divider.data-v-9839475c { width: 1rpx; height: 30rpx; background: #ddd; } .retype-checkbox.data-v-9839475c { display: flex; align-items: center; font-size: 24rpx; color: #666; } .tag-input-group.data-v-9839475c { display: flex; flex-wrap: inherit; gap: 20rpx; margin-top: 15rpx; } .section-title.data-v-9839475c { font-size: 28rpx; color: #333; } .button-group.data-v-9839475c { display: flex; align-items: center; gap: 20rpx; margin: 10rpx 0; } .data-v-9839475c .u-button--mini.data-v-2bf0e569 { height: 60rpx; width: 160rpx; font-size: 24rpx; } .data-v-9839475c .u-button { border-bottom-left-radius: 30rpx; border-bottom-right-radius: 30rpx; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; } .data-v-9839475c .u-button--mini.data-v-2bf0e569 { height: 60rpx; width: 60rpx; font-size: 24rpx; } .data-v-9839475c .u-safe-bottom { height: 500rpx; width: 500rpx; } .filter-section.data-v-9839475c { margin-bottom: 30rpx; } /* 筛选弹窗样式 */ .filter-popup.data-v-9839475c { padding: 30rpx; background-color: #fff; } .nav-left.data-v-9839475c, .nav-right.data-v-9839475c { width: 50rpx; } .back-icon.data-v-9839475c, .more-icon.data-v-9839475c { font-size: 40rpx; } .filter-buttons.data-v-9839475c { display: flex; justify-content: space-between; margin-top: 40rpx; /* padding: 0 20rpx; */ } .data-v-9839475c .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-9839475c .u-button.data-v-2bf0e569 { width: 50%; } .select-container.data-v-9839475c { margin: 20rpx 0; text-align: center; } .series-select.data-v-9839475c { 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-9839475c { font-size: 32rpx; color: #333; margin-bottom: 15rpx; } .popup-image.data-v-9839475c { width: 200rpx; height: 200rpx; margin: 20rpx auto; display: block; } .form-popup.data-v-9839475c .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-9839475c { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; } /* 图片容器(正方形) */ .image-wrapper.data-v-9839475c { width: 400rpx; height: 400rpx; /* 等于宽度 */ border-radius: 8rpx; overflow: hidden; margin-bottom: 40rpx; } /* 图片填充容器 */ .popup-image.data-v-9839475c { width: 100%; height: 100%; } /* 按钮容器 */ .button-group.data-v-9839475c { width: 100%; display: flex; justify-content: space-between; gap: 20rpx; } /* 按钮基础样式 */ .btn.data-v-9839475c { flex: 1; height: 80rpx; border-radius: 8rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; } /* 取消按钮 */ .cancel-btn.data-v-9839475c { background-color: #f0f0f0; color: #666; } /* 确认按钮 */ .confirm-btn.data-v-9839475c { background-color: #007AFF; color: white; } /* 按钮点击反馈 */ .btn.data-v-9839475c:active { opacity: 0.8; } .data-v-9839475c .u-mode-center-box { background-color: transparent !important; } .popupContentBox.data-v-9839475c { width: 600rpx; padding: 50rpx; } .q_box_.data-v-9839475c { width: 400rpx; margin: 50rpx auto; } .popup-image.data-v-57280228.data-v-9839475c { width: 300rpx; height: 300rpx; margin: 20rpx auto; display: block; } .data-v-9839475c .data-v-57280228 .u-safe-bottom { height: 0rpx; width: 500rpx; } .u-toolbar__wrapper__cancel.data-v-55c89db1.data-v-9839475c { color: #909193; font-size: 25rpx; padding: 0 15rpx; } .data-v-9839475c .u-toolbar__wrapper__cancel.data-v-55c89db1 { color: #909193; font-size: 30rpx; padding: 0 15rpx; } .data-v-9839475c .u-toolbar__wrapper__confirm.data-v-55c89db1 { color: #3c9cff; font-size: 30rpx; padding: 0 15rpx; } .data-v-9839475c .u-picker__view__column__item.data-v-f45a262e { font-size: 30rpx; } .data-v-9839475c .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-9839475c .u-icon__icon { font-size: 40rpx !important; line-height: 40rpx !important; font-weight: 700 !important; /* top: px; */ color: #020000 !important; } .data-v-9839475c .u-tag--large.data-v-3732d7af { height: 50rpx; line-height: 32rpx; weight: 30rpx; padding: 0 15rpx; } /* 改变对号的位置 */ .data-v-9839475c .u-upload__success__icon.data-v-69e2a36e { display: none; } /* 背景色 */ .data-v-9839475c .u-upload__success.data-v-69e2a36e { display: none; } .data-v-9839475c .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; } .view-container.data-v-9839475c { display: flex; flex-direction: row; align-items: center; margin-bottom: 20rpx; background-color: #fff; } .half-item.data-v-9839475c { flex: 1; display: flex; align-items: center; /* 可选:加间距 */ /* padding: 0 10rpx; */ box-sizing: border-box; } /* 新增横向标签样式 */ .label-horizontal.data-v-9839475c { display: flex; padding: 1rpx 10rpx; align-items: center; justify-content: center; text-align: center; height: 60rpx; line-height: 60rpx; min-width: 80rpx; color: #000; font-size: 30rpx; background-color: #ccc; border-top-left-radius: 10rpx; border-bottom-left-radius: 10rpx; /* 确保文字横向显示 */ -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; } /* 添加不识别复选框的样式 */ .unrecognized-checkbox.data-v-9839475c { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; padding-right: 10rpx; } .checkbox-label.data-v-9839475c { font-size: 24rpx; color: #666; margin-left: 5rpx; } .input-group.data-v-9839475c { display: flex; align-items: center; width: 100%; } .market-tag.data-v-9839475c { color: #999; font-size: 29rpx; margin-right: 12rpx; font-weight: normal; background: none; border: none; border-radius: 0; padding: 0; } .picker-content.data-v-9839475c { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }