docs: add guide of safe-area-inset-bottom (#4418)

src/search/README.md

@@ -27,11 +27,7 @@ export default {
 
 ### Listen to Events
 
-`search` event will be triggered when click the search button on the keyboard.
-
-`cancel` event will be triggered when click the cancel button.
-
-Tips: There will be a search button on the keyboard when Search is inside a form in iOS.
+`search` event will be triggered when click the search button on the keyboard, `cancel` event will be triggered when click the cancel button.
 
 ```html
 <form action="/">
@@ -45,6 +41,8 @@ Tips: There will be a search button on the keyboard when Search is inside a form
 </form>
 ```
 
+> Tips: There will be a search button on the keyboard when Search is inside a form in iOS.
+
 ### Custom Button
 
 Use `action` slot to custom right button, `cancel` event will no longer be triggered when use this slot

src/search/README.zh-CN.md

@@ -13,7 +13,7 @@ Vue.use(Search);
 
 ### 基础用法
 
-`van-search` 中，v-model 用于控制搜索框中的文字。background 可以自定义搜索框外部背景色。
+v-model 用于控制搜索框中的文字。background 可以自定义搜索框外部背景色。
 
 ```html
 <van-search placeholder="请输入搜索关键词" v-model="value" />
@@ -21,9 +21,7 @@ Vue.use(Search);
 
 ### 事件监听
 
-`van-search` 提供了 search 和 cancel 事件。search 事件在用户点击键盘上的 搜索/回车 按钮触发。cancel 事件在用户点击搜索框右侧取消按钮时触发
-
-Tips: 在 `van-search` 外层增加 form 标签，并且 action 不为空，即可在 IOS 弹出的输入法中显示搜索按钮
+Search 组件提供了`search`和`cancel`事件，`search`事件在点击键盘上的搜索/回车按钮后触发，`cancel`事件在点击搜索框右侧取消按钮时触发
 
 ```html
 <form action="/">
@@ -37,6 +35,8 @@ Tips: 在 `van-search` 外层增加 form 标签，并且 action 不为空，即
 </form>
 ```
 
+> Tips: 在 van-search 外层增加 form 标签，且 action 不为空，即可在 iOS 输入法中显示搜索按钮
+
 ### 自定义按钮
 
 `van-search` 支持自定义右侧取消按钮，使用名字为 action 的插槽即可。使用此插槽以后，原有的 cancel 事件不再生效。