@use '~@/scss/images.scss' as img; @use '~@/scss/themeColor.scss' as theme; // FormBasicInfo 组件样式 .form-basic-info{ background: white; border-radius: 16px; width: 100%; // 费用项目 .form-item { display: flex; align-items: center; justify-content: space-between; height: 44px; padding-left: 12px; &:last-child{ .form-wrapper{ border-bottom: none; } } .form-label { display: flex; align-items: center; font-size: 14px; padding-right: 14px; .lable-icon { width: 16px; height: 16px; } text { font-size: 16px; color: #333; font-weight: 500; } } .form-wrapper{ display: flex; justify-content: space-between; flex: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.06); align-items: center; .form-item-label{ display: flex; } .form-right-wrapper{ display: flex; padding-right: 12px; height: 44px; line-height: 44px; align-items: center; .title-placeholder{ font-size: 14px; color: theme.$textarea-placeholder-color; font-weight: 400; } .h5-input{ font-size: 14px; color: #333; font-weight: 500; width: 50px; text-align: right; margin-right: 8px; } .unit{ font-size: 14px; color: theme.$primary-color; } .right-text{ color: theme.$textarea-placeholder-color; font-size: 14px; padding-right: 8px; width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: right; &.selected{ color: #000; } } .arrow{ width: 16px; height: 16px; margin-left: 4px; } } } } }