mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-08-06 02:47:25 +08:00
refactor: 重构多个组件以支持 Vue 3 语法和功能
- 将多个组件转换为 `<script setup>` 语法,提升可读性和性能 - 优化状态管理和事件处理逻辑,简化代码结构 - 更新样式和布局以适应新组件结构 - 添加新功能和修复已知问题,提升用户体验
This commit is contained in:
40
styles/uview-form-fix.scss
Normal file
40
styles/uview-form-fix.scss
Normal file
@@ -0,0 +1,40 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
Reference in New Issue
Block a user