yeg
2026-09-14 4fe799b4bae43c742c12e693e653376e8a788ad7
style(merchant): 进件页输入框阴影改为跟随圆角

用户反馈输入框圆角但阴影是直角。核对编译产物 wxss,border-radius 与 box-shadow 确实在同一规则上,说明 CSS 无问题、差异在渲染:项目里渲染正常的登录页输入框是「圆角+阴影、无边框」,而我给输入框加了 2rpx 白色边框(当时为了标红只改颜色)。现对齐登录页做法:去掉白边框、给原生 input 自身也加圆角、标红态改为红边框+红色调阴影。
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: 2rpx solid #FFFFFF; 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; }
    .text-input { flex: 1; height: 100rpx; color: #313744; font-size: 28rpx; line-height: 100rpx; }
    .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; }
    .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; }
    .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: 2rpx solid #FFFFFF; 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: 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; }
    .document-image { width: 100%; height: 100%; border-radius: 30rpx; }
    .field-invalid { border-color: #F05243; }
    .field-invalid { border: 2rpx solid #F05243; box-shadow: 0 14rpx 28rpx rgba(240, 82, 67, 0.18); }
    .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; }