From a30bf275593148e5500c8f86c5844f63cb964b6d Mon Sep 17 00:00:00 2001 From: Lindy <33708359+Lindysen@users.noreply.github.com> Date: Sun, 19 Jan 2020 17:42:42 +0800 Subject: [PATCH] docs(Search): Search demo desc adjustment (#5603) --- src/search/README.md | 17 ++++++++ src/search/README.zh-CN.md | 19 +++++++++ src/search/demo/index.vue | 20 +++++++++- .../test/__snapshots__/demo.spec.js.snap | 39 +++++++++++++++++++ 4 files changed, 94 insertions(+), 1 deletion(-) diff --git a/src/search/README.md b/src/search/README.md index 617d3ae1c..acc7e92b7 100644 --- a/src/search/README.md +++ b/src/search/README.md @@ -24,6 +24,23 @@ export default { } } ``` +### Custom Background Color + +```html + +``` + +### Disable Search Bar + +```html + +``` + +### Search Bar Content Alignment + +```html + +``` ### Listen to Events diff --git a/src/search/README.zh-CN.md b/src/search/README.zh-CN.md index 0db371ec3..14ab0a94f 100644 --- a/src/search/README.zh-CN.md +++ b/src/search/README.zh-CN.md @@ -19,6 +19,25 @@ v-model 用于控制搜索框中的文字，background 可以自定义搜索框 ``` +### 自定义背景色 + +```html + +``` + +### 禁用搜索框 + +```html + +``` + +### 搜索框内容对齐 +通过 `input-align` 属性可以设置搜索框内容的对齐方式 + +```html + +``` + ### 事件监听 Search 组件提供了`search`和`cancel`事件，`search`事件在点击键盘上的搜索/回车按钮后触发，`cancel`事件在点击搜索框右侧取消按钮时触发 diff --git a/src/search/demo/index.vue b/src/search/demo/index.vue index 03a567324..d034ef12d 100644 --- a/src/search/demo/index.vue +++ b/src/search/demo/index.vue @@ -4,6 +4,18 @@ + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+