fix: 功能优化完善。
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user