diff --git a/packages/search/README.md b/packages/search/README.md index ca733c9d..cf41c29b 100644 --- a/packages/search/README.md +++ b/packages/search/README.md @@ -83,6 +83,8 @@ Search 支持自定义右侧取消按钮,使用名字为 action 的 slot 即 | 类名 | 说明 | |-----------|-----------| | custom-class | 根节点样式类 | +| field-class | 搜索框样式类 | +| input-class | 输入框样式类 | | cancel-class | 取消按钮样式类 | ### 更新日志 diff --git a/packages/search/index.less b/packages/search/index.less index a2a26c36..d31ec82f 100644 --- a/packages/search/index.less +++ b/packages/search/index.less @@ -7,8 +7,9 @@ box-sizing: border-box; &__field { - flex: 1; + overflow: hidden; border-radius: 4px; + flex: 1; &__left-icon { color: @gray-dark; diff --git a/packages/search/index.ts b/packages/search/index.ts index eb088c4d..3c15d355 100644 --- a/packages/search/index.ts +++ b/packages/search/index.ts @@ -3,7 +3,7 @@ import { VantComponent } from '../common/component'; VantComponent({ field: true, - classes: ['cancel-class'], + classes: ['field-class', 'input-class', 'cancel-class'], props: { focus: Boolean, diff --git a/packages/search/index.wxml b/packages/search/index.wxml index e8cc1636..174b60ac 100644 --- a/packages/search/index.wxml +++ b/packages/search/index.wxml @@ -10,12 +10,13 @@ error="{{ error }}" border="{{ false }}" confirm-type="search" - class="van-search__field" + class="van-search__field field-class" value="{{ value }}" disabled="{{ disabled }}" readonly="{{ readony }}" maxlength="{{ maxlength }}" input-align="{{ inputAlign }}" + input-class="input-class" placeholder="{{ placeholder }}" placeholder-style="{{ placeholderStyle }}" custom-style="padding: 3px 10px"