feat(ui): 优化搜索栏布局和功能

- 为 AiInput 组件添加 placeholder 属性
- 重构 AiSearchBar 组件布局,使用 grid 替代 flex- 调整搜索栏样式
This commit is contained in:
aixianling
2024-12-27 16:45:43 +08:00
parent 9f02c2d011
commit 39ce5404c1
2 changed files with 24 additions and 39 deletions

View File

@@ -3,7 +3,8 @@ export default {
name: "AiInput",
props: {
value: {default: ""},
edit: {default: true}
edit: {default: true},
placeholder: {default: "请输入"}
},
model: {
prop: 'value',
@@ -14,7 +15,7 @@ export default {
<template>
<section class="AiInput">
<el-input v-if="edit" :value="value" size="small" placeholder="请输入" v-bind="$attrs"
<el-input v-if="edit" :value="value" size="small" :placeholder="placeholder" v-bind="$attrs"
@input="v=>$emit('input', v)" clearable autofocus/>
<b v-else v-text="value"/>
</section>