From 7ed8c42853c76a361b16b3c21763c56a8342222d Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Mon, 9 Nov 2020 21:15:07 +0800
Subject: [PATCH] docs(NavBar): add safe-area-inset-top link (#7527)

---
 docs/markdown/advanced-usage.zh-CN.md | 7 +++++--
 src/nav-bar/README.zh-CN.md           | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/markdown/advanced-usage.zh-CN.md b/docs/markdown/advanced-usage.zh-CN.md
index 6ffe5360a..354199bd7 100644
--- a/docs/markdown/advanced-usage.zh-CN.md
+++ b/docs/markdown/advanced-usage.zh-CN.md
@@ -104,7 +104,7 @@ import '@vant/touch-emulator';
 
 ### 底部安全区适配
 
-iPhone X 等机型底部存在底部指示条，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行底部安全区适配。Vant 中部分组件提供了`safe-area-inset-bottom`属性，设置该属性后，即可在对应的机型上开启适配，如下示例：
+iPhone X 等机型底部存在底部指示条，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行安全区适配。Vant 中部分组件提供了 `safe-area-inset-top` 或 `safe-area-inset-bottom` 属性，设置该属性后，即可在对应的机型上开启适配，如下示例：
 
 ```html
 <!-- 在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值 -->
@@ -113,7 +113,10 @@ iPhone X 等机型底部存在底部指示条，指示条的操作区域与页
   content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
 />
 
-<!-- 开启 safe-area-inset-bottom 属性 -->
+<!-- 开启顶部安全区适配 -->
+<van-nav-bar safe-area-inset-top />
+
+<!-- 开启底部安全区适配 -->
 <van-number-keyboard safe-area-inset-bottom />
 ```
 
diff --git a/src/nav-bar/README.zh-CN.md b/src/nav-bar/README.zh-CN.md
index cfad84e35..6e9c60fb4 100644
--- a/src/nav-bar/README.zh-CN.md
+++ b/src/nav-bar/README.zh-CN.md
@@ -65,7 +65,7 @@ export default {
 | fixed | 是否固定在顶部 | _boolean_ | `false` |
 | placeholder `v2.5.9` | 固定在顶部时，是否在标签位置生成一个等高的占位元素 | _boolean_ | `false` |
 | z-index | 导航栏 z-index | _number \| string_ | `1` |
-| safe-area-inset-top `v2.10.13` | 是否开启顶部安全区适配 | _boolean_ | `false` |
+| safe-area-inset-top `v2.10.13` | 是否开启[顶部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `false` |
 
 ### Slots