docs: PageHeader 添加文档描述

Author: coderyjw

src/views/doc/breadcrumb/index.vue

@@ -1,9 +1,7 @@
 <template>
  <div class="breadcrumb-doc-wrapper">
  <h1>面包屑 Breadcrumb</h1>
- <p>
- 显示当前页面的路径，快速返回之前的任意页面。
- </p>
+ <p>显示当前页面的路径，快速返回之前的任意页面。</p>
  <div class="preview-wrapper">
  <Preview :component="BreadcrumbPreview1" />
  <Preview :component="BreadcrumbPreview2" />
@@ -13,7 +11,7 @@
  <Doc title="Breadcrumb Item 插槽" type="slot" :body="slotDoc" />
  <PrevAndNext
  :prev="{ path: '/doc/backtop', name: '回到顶部 Backtop' }"
- :next="{ path: '/doc/tabs', name: '标签页 Tabs' }"
+ :next="{ path: '/doc/page-header', name: '页头 PggeHeader' }"
  />
  </div>
  </div>

src/views/doc/page-header/index.vue

@@ -5,6 +5,13 @@
  <div class="preview-wrapper">
  <Preview :component="PageHeaderPreview1" />
  <Preview :component="PageHeaderPreview2" />
+ <Doc title="属性" type="prop" :body="propDoc" />
+ <Doc title="事件" type="event" :body="eventDoc" />
+ <Doc title="插槽" type="slot" :body="slotDoc" />
+ <PrevAndNext
+ :prev="{ path: '/doc/breadcrumb', name: 'Breadcrumb 面包屑' }"
+ :next="{ path: '/doc/tabs', name: '标签页 Tabs' }"
+ />
  </div>
  </div>
 </template>
@@ -15,6 +22,19 @@ import PageHeaderPreview1 from "./PageHeaderPreview1.preview.vue";
 import PageHeaderPreview2 from "./PageHeaderPreview2.preview.vue";
 import PrevAndNext from "@/components/PrevAndNext.vue";
 import Doc from "@/components/Doc.vue";
+
+const propDoc = [
+ ["icon", "图标组件", "Component", "-", "ArrowBack"],
+ ["title", "标题", "string", "-", "Back"],
+ ["content", "内容", "string", "-", "default"],
+];
+const eventDoc = [["back", "点击左侧区域触发", "-"]];
+
+const slotDoc = [
+ ["icon", "自定义图标"],
+ ["title", "标题内容"],
+ ["content", "内容"],
+];
 </script>
 
 <style scoped></style>

src/views/doc/tabs/index.vue

@@ -6,7 +6,7 @@
  <Preview :component="TabsPreview2" />
  <Doc title="属性" type="prop" :body="propDoc" />
  <PrevAndNext
- :prev="{ path: '/doc/breadcrumb', name: '面包屑 Breadcrumb' }"
+ :prev="{ path: '/doc/page-header', name: '页头 PggeHeader' }"
  />
  </div>
 </template>