fix: 功能优化完善。

This commit is contained in:
tianyongbao
2026-02-07 13:18:34 +08:00
parent 3a35c8a6f6
commit 72aad5cf31
12 changed files with 509 additions and 164 deletions

View File

@@ -3,7 +3,7 @@
<view class="section">
<view class="section-title">{{ title }}</view>
<view class="form-view">
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="auto"
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" labelWidth="120rpx"
:labelStyle="{ color: '#333333', fontSize: '30rpx' }">
<u-form-item label="字典名称" prop="dictName" required>
<u--input v-model="form.dictName" placeholder="请输入字典名称"
@@ -54,7 +54,10 @@ const inputBaseStyle = {
border: '2rpx solid #dcdfe6',
borderRadius: '8rpx',
padding: '0 24rpx',
height: '68rpx'
height: '60rpx',
lineHeight: '60rpx',
width: '100%',
boxSizing: 'border-box'
}
// 输入框错误样式
@@ -63,7 +66,10 @@ const inputErrorStyle = {
border: '2rpx solid #f56c6c',
borderRadius: '8rpx',
padding: '0 24rpx',
height: '68rpx'
height: '60rpx',
lineHeight: '60rpx',
width: '100%',
boxSizing: 'border-box'
}
// 根据字段名获取输入框样式
@@ -206,4 +212,27 @@ function submit() {
font-weight: 500 !important;
letter-spacing: 2rpx !important;
}
/* 统一输入框高度和行高 */
.u--input,
.u-input__content__field-wrapper {
height: 60rpx !important;
line-height: 60rpx !important;
min-height: 60rpx !important;
box-sizing: border-box !important;
}
.u-form-item__body {
flex: 1 !important;
}
.u-form-item__body .u--input {
width: 100% !important;
box-sizing: border-box !important;
}
.u-input__content__field-wrapper__field {
line-height: 60rpx !important;
height: 60rpx !important;
}
</style>