diff --git a/example/pages/search/index.wxml b/example/pages/search/index.wxml index fdb0d24d..68c2bd96 100644 --- a/example/pages/search/index.wxml +++ b/example/pages/search/index.wxml @@ -19,13 +19,15 @@ /> - + 搜索 diff --git a/packages/common/style/var.less b/packages/common/style/var.less index 3ceabcae..dc52cfb1 100644 --- a/packages/common/style/var.less +++ b/packages/common/style/var.less @@ -108,3 +108,6 @@ // iPhoneX @safe-area-inset-bottom: 34px; + +// Search +@search-background-color: #f7f8fA; diff --git a/packages/search/README.md b/packages/search/README.md index 5ebd14ad..f166db09 100644 --- a/packages/search/README.md +++ b/packages/search/README.md @@ -4,19 +4,21 @@ 在 app.json 或 index.json 中引入组件 ```json "usingComponents": { - "van-search": "/packages/search/index" + "van-search": "path/to/vant-weapp/dist/search/index" } ``` +### 代码演示 + #### 基础用法 -value 用于控制搜索框中的文字 +`van-search` 中,value 用于控制搜索框中的文字。background 可以自定义搜索框外部背景色。 ```html ``` #### 监听对应事件 -Search 提供了 search 和 cancel 事件。search 事件在用户点击键盘上的搜索按钮触发。cancel 事件在用户点击搜索框右侧取消按钮时触发 +`van-search` 提供了 search 和 cancel 事件。search 事件在用户点击键盘上的搜索按钮触发。cancel 事件在用户点击搜索框右侧取消按钮时触发 ```html + - + + {{ label }} + + + + +