From 1ca866a44d0b36e9b5acdcf3751e8a4890170147 Mon Sep 17 00:00:00 2001
From: Sagi <chenshj@inspur.com>
Date: Fri, 7 Oct 2022 14:27:32 +0800
Subject: [PATCH] fix(doc of section): fix page error of section document

---
 .../ui-vue/components/section/src/section.component.tsx     | 2 +-
 packages/ui-vue/docs/components/section/index.md            | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/ui-vue/components/section/src/section.component.tsx b/packages/ui-vue/components/section/src/section.component.tsx
index be0a96e305..f69e192873 100644
--- a/packages/ui-vue/components/section/src/section.component.tsx
+++ b/packages/ui-vue/components/section/src/section.component.tsx
@@ -79,7 +79,7 @@ export default defineComponent({
                         {shouldShowHeaderTitle.value && (
                             <div class="f-title">
                                 <h4 class="f-title-text">{mainTitle.value}</h4>
-                                {shouldShowSubHeaderTitle.value && <span>{subTitle}</span>}
+                                {shouldShowSubHeaderTitle.value && <span>{subTitle.value}</span>}
                             </div>
                         )}
                     </div>
diff --git a/packages/ui-vue/docs/components/section/index.md b/packages/ui-vue/docs/components/section/index.md
index 2c130be377..c293fbe336 100644
--- a/packages/ui-vue/docs/components/section/index.md
+++ b/packages/ui-vue/docs/components/section/index.md
@@ -11,10 +11,8 @@ Section 组件为开发者提供了一个具有标题的组件容器。
 import { ref } from 'vue';
 </script>
 <template>
-    <f-section main-title="This is a section title">
-        <div>
-            <span>This is setion content.</span>
-        </div>
+    <f-section main-title="This is section title">
+        <div>This is section component.</div>
     </f-section>
 </template>
 ```
-- 
Gitee