/* 页面样式 */ .example-body.data-v-ae7e1909 { background-color: #fff; padding: 10px; } .page.data-v-ae7e1909 { background-color: #fff; padding: 20px; } /* 返回按钮样式 */ .back-button.data-v-ae7e1909 { position: absolute; top: 20px; left: 20px; } /* 表单项样式 */ .form-item.data-v-ae7e1909 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .label.data-v-ae7e1909 { font-size: 16px; color: #000; } .value.data-v-ae7e1909 { font-size: 16px; color: #666; } /* 上传区域样式 */ .upload-section.data-v-ae7e1909 { margin-top: 20px; display: flex; flex-direction: column; /* 改为垂直排列 */ gap: 20px; /* 增加间距 */ } .upload-item.data-v-ae7e1909 { background-color: #ecf5ff; border: 2px dashed #a6b2da; border-radius: 10px; padding: 10px; text-align: center; width: 100%; /* 设置宽度为100% */ box-sizing: border-box; position: relative; height: 200px; /* 固定高度 */ } .upload-item .upload-icon-text.data-v-ae7e1909 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .upload-item image.data-v-ae7e1909 { width: 100%; height: 100%; object-fit: cover; /* 确保图片覆盖容器并保持比例 */ border-radius: 8px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .upload-text.data-v-ae7e1909 { font-size: 14px; color: #8cb7fd; } /* 提交按钮样式 */ .submit-button.data-v-ae7e1909 { width: 100%; height: 50px; background-color: #5e7dec; border: none; border-radius: 10px; color: #fff; font-size: 16px; margin-top: 20px; } /* 提交记录样式 */ .submit.data-v-ae7e1909 { margin-top: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 10px; background-color: #f9f9f9; } .submit-title.data-v-ae7e1909 { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .submit-bankCard.data-v-ae7e1909 { font-size: 16px; color: #333; margin-bottom: 10px; } .submit-frontIdCard image.data-v-ae7e1909, .submit-backIdCard image.data-v-ae7e1909 { width: 100%; height: auto; border-radius: 8px; max-height: 300px; /* 设置最大高度以防图片过大 */ object-fit: contain; /* 确保图片内容完整显示 */ }