Files
lilishop-uniapp/styles/uview-form-fix.scss
Yer11214 349ffa4f34 refactor: 重构多个组件以支持 Vue 3 语法和功能
- 将多个组件转换为 `<script setup>` 语法,提升可读性和性能
- 优化状态管理和事件处理逻辑,简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题,提升用户体验
2026-07-08 18:37:11 +08:00

41 lines
735 B
SCSS

/**
* uView 2 → uview-plus 3 表单布局兼容
* 修复 label 逐字换行、左右错位等问题
*/
.u-form-item__body {
align-items: center;
}
.u-form-item__body__left {
flex-shrink: 0;
}
.u-form-item__body__left__content__label {
display: block !important;
white-space: nowrap;
word-break: keep-all;
line-height: 1.5;
}
.u-form-item__body__right {
flex: 1;
min-width: 0;
}
.u-form-item__body__right__content,
.u-form-item__body__right__content__slot {
flex: 1;
min-width: 0;
}
.u-form-item__body__right__content__slot {
display: flex;
align-items: center;
}
.u-form-item__body__right__content__slot > .u-input,
.u-form-item__body__right__content__slot > .up-input {
flex: 1;
min-width: 0;
}