transferCard.wxss 6.97 KB
.transfer-container.data-v-660d5aae{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:20rpx}.form-card.data-v-660d5aae{background:#fff;border-radius:36rpx;box-shadow:0 8rpx 48rpx 0 rgba(76,175,80,.1);border:3rpx solid #c8e6c9;overflow:hidden}.form-content.data-v-660d5aae{padding:48rpx}.form-group.data-v-660d5aae{margin-bottom:40rpx}.form-group.data-v-660d5aae:last-child{margin-bottom:0}.form-label.data-v-660d5aae{display:block;margin-bottom:16rpx;font-weight:700;color:#388e3c;letter-spacing:2rpx;font-size:28rpx}.input-wrapper.data-v-660d5aae{position:relative}.custom-select.data-v-660d5aae{position:relative;background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;display:flex;align-items:center;justify-content:space-between;cursor:pointer;z-index:10;min-height:80rpx;box-sizing:border-box}.select-text.data-v-660d5aae{font-size:28rpx;color:#2e7d32;flex:1}.select-arrow.data-v-660d5aae{position:absolute;right:24rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#6a9c6a;font-size:24rpx;pointer-events:none}.textarea-input.data-v-660d5aae{background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;font-size:28rpx;color:#2e7d32;min-height:200rpx;box-sizing:border-box;width:100%}.transfer-container.data-v-660d5aae{margin-bottom:32rpx}.transfer-row.data-v-660d5aae{display:flex;flex-direction:column;gap:24rpx;margin-bottom:32rpx;padding:32rpx;border:2rpx solid #e0e0e0;border-radius:20rpx;background:#fafafa}.transfer-row-first.data-v-660d5aae{display:flex;gap:24rpx;align-items:center}.transfer-row-second.data-v-660d5aae{display:flex;gap:16rpx;align-items:center;width:100%}.transfer-select.data-v-660d5aae{flex:1;padding:24rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:28rpx;background:#f9fff9;color:#2e7d32;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between}.transfer-count.data-v-660d5aae{min-width:80rpx;padding:20rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:26rpx;background:#f9fff9;color:#2e7d32;text-align:center}.transfer-unit-price.data-v-660d5aae{display:flex;align-items:center;gap:8rpx;padding:16rpx 0;background:#e8f5e9;border-radius:12rpx;border:2rpx solid #c8e6c9;width:30%;justify-content:center;text-align:center}.price-value.data-v-660d5aae{font-size:24rpx;color:#1b5e20;font-weight:700}.transfer-delete.data-v-660d5aae{width:20%;padding:16rpx 0;border-radius:20rpx;background:#f5f5f5;color:#666;font-size:22rpx}.btn-add-transfer.data-v-660d5aae{width:100%;padding:10rpx 40rpx;border:3rpx solid #43a047;border-radius:20rpx;background:#e8f5e9;color:#2e7d32;font-size:28rpx;font-weight:700}.btn-group.data-v-660d5aae{display:flex;gap:24rpx;margin-top:48rpx}.btn.data-v-660d5aae{flex:1;padding:10rpx 40rpx;border:none;border-radius:20rpx;font-size:28rpx;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:2rpx}.btn-primary.data-v-660d5aae{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;box-shadow:0 4rpx 16rpx rgba(67,233,123,.3)}.btn-primary.data-v-660d5aae:hover{box-shadow:0 8rpx 32rpx rgba(67,233,123,.4);-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx)}.signature-preview.data-v-660d5aae{margin-top:24rpx;padding:24rpx;background:#f9fff9;border:2rpx solid #c8e6c9;border-radius:16rpx}.preview-label.data-v-660d5aae{display:block;font-size:26rpx;color:#2e7d32;font-weight:700;margin-bottom:16rpx}.signature-image.data-v-660d5aae{width:100%;max-width:300rpx;height:120rpx;border:2rpx solid #e0e0e0;border-radius:12rpx;background:#fff;margin-bottom:16rpx}.signature-actions.data-v-660d5aae{display:flex;gap:16rpx;margin-top:16rpx}.btn-re-signature.data-v-660d5aae{flex:1;padding:12rpx 24rpx;background:#2e7d32;color:#fff;border:none;border-radius:12rpx;font-size:24rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-re-signature.data-v-660d5aae:hover{background:#1b5e20}.btn-clear-signature.data-v-660d5aae{flex:1;padding:12rpx 24rpx;background:#f5f5f5;color:#666;border:2rpx solid #ddd;border-radius:12rpx;font-size:24rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear-signature.data-v-660d5aae:hover{background:#e0e0e0}.signature-placeholder.data-v-660d5aae{display:flex;justify-content:center;align-items:center;min-height:200rpx;border:2rpx dashed #c8e6c9;border-radius:16rpx;background:#f9fff9}.btn-signature-placeholder.data-v-660d5aae{background:#2e7d32;color:#fff;border:none;border-radius:16rpx;font-size:28rpx;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4rpx 16rpx rgba(46,125,50,.3)}.btn-signature-placeholder.data-v-660d5aae:hover{background:#1b5e20;-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx);box-shadow:0 8rpx 32rpx rgba(46,125,50,.4)}.signature-placeholder-text.data-v-660d5aae{color:#fff}.signature-modal-overlay.data-v-660d5aae{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.signature-modal.data-v-660d5aae{width:100%;background:#fff;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:space-between}.signature-modal-header.data-v-660d5aae{display:flex;justify-content:space-between;align-items:center;padding:30rpx 40rpx;background:#f8f9fa;border-bottom:2rpx solid #e9ecef}.signature-modal-title.data-v-660d5aae{font-size:32rpx;font-weight:700;color:#2e7d32}.btn-close-modal.data-v-660d5aae{width:60rpx;height:60rpx;background:#f5f5f5;border:none;border-radius:50%;font-size:36rpx;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0}.btn-close-modal.data-v-660d5aae:hover{background:#e0e0e0;color:#333}.signature-modal-content.data-v-660d5aae{background:#fff;flex:1;width:100%}.signature-modal-content .signature-container.data-v-660d5aae{height:100%;border:none;border-radius:0;box-shadow:none}.signature-modal-content .signature-header.data-v-660d5aae{padding:20rpx 30rpx;background:#f8f9fa;border-bottom:2rpx solid #e9ecef}.signature-modal-content .signature-title.data-v-660d5aae{font-size:32rpx;font-weight:700;color:#2e7d32}.signature-modal-content .btn-clear.data-v-660d5aae,
.signature-modal-content .btn-confirm.data-v-660d5aae{padding:16rpx 32rpx;font-size:28rpx;font-weight:500;border-radius:12rpx}.signature-modal-content .btn-clear.data-v-660d5aae{background:#f5f5f5;color:#666;border:2rpx solid #ddd}.signature-modal-content .btn-clear.data-v-660d5aae:hover{background:#e0e0e0;color:#333}.signature-modal-content .btn-confirm.data-v-660d5aae{background:#2e7d32;color:#fff;border:none}.signature-modal-content .btn-confirm.data-v-660d5aae:hover{background:#1b5e20;-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx)}.signature-modal-content .signature-pad.data-v-660d5aae{flex:1;display:flex;justify-content:center;align-items:center;padding:20rpx}.signature-modal-content .signature-tips.data-v-660d5aae{padding:20rpx;text-align:center;background:#f8f9fa;border-top:2rpx solid #e9ecef}.signature-modal-content .tips-text.data-v-660d5aae{font-size:24rpx;color:#666}