From 5b368fc9f2c3739bc7ea3809cc401d69877008f7 Mon Sep 17 00:00:00 2001
From: Lindy <33708359+Lindysen@users.noreply.github.com>
Date: Tue, 21 Jan 2020 10:17:42 +0800
Subject: [PATCH] docs(Search):  add Search demo (#2698)

* feat(Search):  add Search demo

* feat(Search):  search demo desc adjustment

* docs(Search): adjust demo order
---
 example/pages/search/index.wxml | 24 ++++++++++++++++++++++++
 packages/search/README.md       | 24 ++++++++++++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/example/pages/search/index.wxml b/example/pages/search/index.wxml
index 089707fa..95985b68 100644
--- a/example/pages/search/index.wxml
+++ b/example/pages/search/index.wxml
@@ -19,6 +19,30 @@
   />
 </demo-block>
 
+<demo-block title="禁用搜索框">
+  <van-search
+    value="{{ value }}"
+    placeholder="请输入搜索关键词"
+    disabled
+  />
+</demo-block>
+
+<demo-block title="自定义背景色">
+  <van-search
+    value="{{ value }}"
+    placeholder="请输入搜索关键词"
+    background="#c8c9cc"
+  />
+</demo-block>
+
+<demo-block title="搜索框内容对齐">
+  <van-search
+    value="{{ value }}"
+    placeholder="请输入搜索关键词"
+    input-align="center"
+  />
+</demo-block>
+
 <demo-block title="高级用法">
   <van-search
     value="{{ value }}"
diff --git a/packages/search/README.md b/packages/search/README.md
index c4ede2f8..92b76bce 100644
--- a/packages/search/README.md
+++ b/packages/search/README.md
@@ -34,6 +34,30 @@
 />
 ```
 
+### 自定义背景色
+
+通过 `background` 属性可以自定义组件背景色
+
+```html
+<van-search placeholder="Placeholder" value="{{ value }}" background="#c8c9cc"/>
+```
+
+### 禁用搜索框
+
+通过 `disabled` 属性可以将组件设置为禁用状态
+
+```html
+<van-search placeholder="请输入搜索关键词" value="{{ value }}" disabled/>
+```
+
+### 搜索框内容对齐
+
+通过 `input-align` 属性可以设置搜索框内容的对齐方式
+
+```html
+<van-search placeholder="Placeholder" value="{{ value }}" input-align="center"/>
+```
+
 ### 自定义行动按钮
 
 `van-search` 支持自定义右侧取消按钮，使用名字为 action 的 slot，并设置 use-action-slot 为 true 即可。