fix: modify style

This commit is contained in:
wangdan-fit2cloud 2024-12-25 15:41:21 +08:00
parent bd8d848321
commit 628cf705ce
2 changed files with 63 additions and 52 deletions

View File

@ -1,6 +1,7 @@
<template> <template>
<el-form-item label="文本长度" required> <el-form-item label="文本长度" required>
<el-col :span="11" style="padding-left: 0"> <el-row class="w-full">
<el-col :span="11">
<el-form-item <el-form-item
:rules="[ :rules="[
{ {
@ -22,7 +23,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" class="text-center"> <el-col :span="2" class="text-center">
<span class="text-gray-500">-</span> <span>-</span>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item <el-form-item
@ -44,21 +45,22 @@
controls-position="right" controls-position="right"
/></el-form-item> /></el-form-item>
</el-col> </el-col>
</el-row>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
class="defaultValueItem"
:required="formValue.required" :required="formValue.required"
prop="default_value" prop="default_value"
label="默认值"
:rules=" :rules="
formValue.required ? [{ required: true, message: '默认值 为必填属性' }, ...rules] : rules formValue.required ? [{ required: true, message: '默认值 为必填属性' }, ...rules] : rules
" "
> >
<template #label> <div class="defaultValueCheckbox">
<div class="flex-between">
默认值
<el-checkbox v-model="formValue.show_default_value" label="显示默认值" /> <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
</div> </div>
</template>
<el-input <el-input
v-model="formValue.default_value" v-model="formValue.default_value"
:maxlength="formValue.maxlength" :maxlength="formValue.maxlength"
@ -166,4 +168,13 @@ onMounted(() => {
} }
}) })
</script> </script>
<style lang="scss"></style> <style lang="scss" scoped>
.defaultValueItem {
position: relative;
.defaultValueCheckbox {
position: absolute;
right: 0;
top: -35px;
}
}
</style>

View File

@ -98,7 +98,7 @@
</div> </div>
</template> </template>
<template #empty> <template #empty>
<div class="text-center"> <div class="text-center mt-24">
<el-text type="info">暂无历史记录</el-text> <el-text type="info">暂无历史记录</el-text>
</div> </div>
</template> </template>