yeg
2026-09-14 e36ef11dd4f3c2bed9c905265b9632de222dea98
style(merchant): 进件页输入框改用细边框方案,去掉不可靠的阴影

真机/开发者工具里 box-shadow 渲染成硬边直角(截图确认),且选择项箭头位置也异常。项目里同为「一屏多字段表单」的 bank-card-add 用的是「1rpx 细边框 + 白底、无阴影」,比登录页的两字段卡片式阴影更贴切。现对齐:输入/选择/上传框改 1rpx #E0E5EC 边框 + #FFFEFD 底、去掉阴影;显式声明 flex-direction: row 消除选择项内部排列的不确定性;标红态改为边框变色 + 浅红底;只保留主按钮的品牌阴影。
1个文件已修改
8 ■■■■■ 已修改文件
rencaika_merchant/pages/merchant-onboarding/merchant-onboarding.uvue 8 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
rencaika_merchant/pages/merchant-onboarding/merchant-onboarding.uvue
@@ -291,17 +291,17 @@
    .settlement-title { margin: 6rpx 0 28rpx; color: #202B3E; font-size: 30rpx; line-height: 42rpx; font-weight: 700; }
    .field-label { display: block; margin-bottom: 14rpx; color: #313744; font-size: 28rpx; line-height: 40rpx; font-weight: 700; }
    .field-hint { margin-top: 10rpx; color: #9AA4B3; font-size: 22rpx; line-height: 32rpx; }
    .input-shell, .select-shell { display: flex; width: 100%; height: 104rpx; padding: 0 30rpx; align-items: center; border: 0; border-radius: 30rpx; color: #313744; font-size: 28rpx; line-height: 38rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 28rpx rgba(43, 44, 52, 0.10); box-sizing: border-box; }
    .input-shell, .select-shell { display: flex; width: 100%; height: 104rpx; padding: 0 30rpx; align-items: center; flex-direction: row; border: 1rpx solid #E0E5EC; border-radius: 30rpx; color: #313744; font-size: 28rpx; line-height: 38rpx; background-color: #FFFEFD; box-sizing: border-box; }
    .text-input { flex: 1; height: 100rpx; border-radius: 30rpx; color: #313744; font-size: 28rpx; line-height: 100rpx; }
    .input-placeholder, .select-placeholder { color: #B8C0CC; font-size: 28rpx; }
    .select-shell { justify-content: space-between; }
    .readonly-shell { background-color: #EDF0F4; box-shadow: none; }
    .readonly-shell { background-color: #EDF0F4; }
    .date-picker, .region-picker { width: 100%; }
    .down-icon { width: 28rpx; height: 28rpx; flex: none; opacity: 0.45; }
    .ellipsis-text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .upload-box { display: flex; width: 100%; height: 220rpx; justify-content: center; align-items: center; overflow: hidden; border: 0; border-radius: 30rpx; color: #9AA4B3; font-size: 26rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 28rpx rgba(43, 44, 52, 0.10); box-sizing: border-box; }
    .upload-box { display: flex; width: 100%; height: 220rpx; justify-content: center; align-items: center; overflow: hidden; border: 1rpx solid #E0E5EC; border-radius: 30rpx; color: #9AA4B3; font-size: 26rpx; background-color: #FFFEFD; box-sizing: border-box; }
    .document-image { width: 100%; height: 100%; border-radius: 30rpx; }
    .field-invalid { border: 2rpx solid #F05243; box-shadow: 0 14rpx 28rpx rgba(240, 82, 67, 0.18); }
    .field-invalid { border-color: #F0746D; background-color: #FFF9F8; }
    .field-error { margin-top: 10rpx; color: #F06A66; font-size: 24rpx; line-height: 34rpx; }
    .step-actions { display: flex; margin-top: 24rpx; flex-direction: row; align-items: center; }
    .secondary-button { display: flex; width: 200rpx; height: 100rpx; margin-right: 24rpx; justify-content: center; align-items: center; border-radius: 50rpx; color: #313744; font-size: 28rpx; line-height: 38rpx; font-weight: 700; background-color: #EDF0F4; }