import{_ as I,l as m,w as s,j as e,k as g,f as o,b as n,e as a,d as y,I as Y,a as b,h as X,t as w,F as B,q as Z}from"./index.3fe853a6.js";const x={};function P(l,t){const p=e("a-page-header"),c=e("demo-box");return g(),m(c,{jsfiddle:{us:"Standard header, suitable for use in scenarios that require a brief description.",cn:"\u6807\u51C6\u9875\u5934\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u7B80\u5355\u63CF\u8FF0\u7684\u573A\u666F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u6807\u51C6\u9875\u5934\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u7B80\u5355\u63CF\u8FF0\u7684\u573A\u666F\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Standard header, suitable for use in scenarios that require a brief description.</p>
`,order:1,title:{"zh-CN":"\u6807\u51C6\u6837\u5F0F","en-US":"Basic Page Header"},relativePath:"components/page-header/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICBAYmFjaz0iKCkgPT4gbnVsbCIKICAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICBAYmFjaz0iKCkgPT4gbnVsbCIKICAvPgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[o(p,{style:{border:"1px solid rgb(235, 237, 240)"},title:"Title","sub-title":"This is a subtitle",onBack:()=>null})]),htmlCode:s(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(`
    `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => null"),n("span",{class:"token punctuation"},'"')]),a(`
  `),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),jsVersionHtml:s(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(`
    `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => null"),n("span",{class:"token punctuation"},'"')]),a(`
  `),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),_:1})}const V=I(x,[["render",P]]),H=[{path:"index",breadcrumbName:"First-level Menu"},{path:"first",breadcrumbName:"Second-level Menu"},{path:"second",breadcrumbName:"Third-level Menu"}],L=y({setup(){return{routes:H}}});function S(l,t,p,c,r,u){const k=e("a-page-header"),i=e("demo-box");return g(),m(i,{jsfiddle:{us:"With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.",cn:"\u5E26\u9762\u5305\u5C51\u9875\u5934\uFF0C\u9002\u5408\u5C42\u7EA7\u6BD4\u8F83\u6DF1\u7684\u9875\u9762\uFF0C\u8BA9\u7528\u6237\u53EF\u4EE5\u5FEB\u901F\u5BFC\u822A\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5E26\u9762\u5305\u5C51\u9875\u5934\uFF0C\u9002\u5408\u5C42\u7EA7\u6BD4\u8F83\u6DF1\u7684\u9875\u9762\uFF0C\u8BA9\u7528\u6237\u53EF\u4EE5\u5FEB\u901F\u5BFC\u822A\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.</p>
`,order:3,title:{"zh-CN":"\u5E26\u9762\u5305\u5C51\u9875\u5934","en-US":"Use with breadcrumbs"},relativePath:"components/page-header/demo/breadcrumb.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgOmJyZWFkY3J1bWI9Insgcm91dGVzIH0iCiAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKY29uc3Qgcm91dGVzID0gWwogIHsKICAgIHBhdGg6ICdpbmRleCcsCiAgICBicmVhZGNydW1iTmFtZTogJ0ZpcnN0LWxldmVsIE1lbnUnLAogIH0sCiAgewogICAgcGF0aDogJ2ZpcnN0JywKICAgIGJyZWFkY3J1bWJOYW1lOiAnU2Vjb25kLWxldmVsIE1lbnUnLAogIH0sCiAgewogICAgcGF0aDogJ3NlY29uZCcsCiAgICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICByb3V0ZXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgOmJyZWFkY3J1bWI9Insgcm91dGVzIH0iCiAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCByb3V0ZXMgPSBbewogIHBhdGg6ICdpbmRleCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKfSwgewogIHBhdGg6ICdmaXJzdCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdTZWNvbmQtbGV2ZWwgTWVudScsCn0sIHsKICBwYXRoOiAnc2Vjb25kJywKICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHJvdXRlcywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[o(k,{style:{border:"1px solid rgb(235, 237, 240)"},title:"Title",breadcrumb:{routes:l.routes},"sub-title":"This is a subtitle"},null,8,["breadcrumb"])]),htmlCode:s(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(`
    `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},":breadcrumb"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ routes }"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
  `),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'index'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'First-level Menu'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second-level Menu'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third-level Menu'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
      routes`),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),jsVersionHtml:s(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(`
    `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},":breadcrumb"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ routes }"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
  `),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'index'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'First-level Menu'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second-level Menu'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third-level Menu'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
      routes`),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),_:1})}const f=I(L,[["render",S]]);const N={};function z(l,t){const p=e("a-button"),c=e("a-descriptions-item"),r=e("a-descriptions"),u=e("a-page-header"),k=e("a-tag"),i=e("a-statistic"),C=e("a-row"),d=e("demo-box");return g(),m(d,{jsfiddle:{us:"Use the operating area and customize the sub-nodes, suitable for use in the need to display some complex information to help users quickly understand the information and operations of this page.",cn:"\u4F7F\u7528\u64CD\u4F5C\u533A\uFF0C\u5E76\u81EA\u5B9A\u4E49\u5B50\u8282\u70B9\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u5C55\u793A\u4E00\u4E9B\u590D\u6742\u7684\u4FE1\u606F\uFF0C\u5E2E\u52A9\u7528\u6237\u5FEB\u901F\u4E86\u89E3\u8FD9\u4E2A\u9875\u9762\u7684\u4FE1\u606F\u548C\u64CD\u4F5C\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u4F7F\u7528\u64CD\u4F5C\u533A\uFF0C\u5E76\u81EA\u5B9A\u4E49\u5B50\u8282\u70B9\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u5C55\u793A\u4E00\u4E9B\u590D\u6742\u7684\u4FE1\u606F\uFF0C\u5E2E\u52A9\u7528\u6237\u5FEB\u901F\u4E86\u89E3\u8FD9\u4E2A\u9875\u9762\u7684\u4FE1\u606F\u548C\u64CD\u4F5C\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Use the operating area and customize the sub-nodes, suitable for use in the need to display some complex information to help users quickly understand the information and operations of this page.</p>
`,order:5,title:{"zh-CN":"\u591A\u79CD\u5F62\u6001\u7684 PageHeader","en-US":"Various forms of PageHeader"},relativePath:"components/page-header/demo/actions.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdlLWhlYWRlcgogICAgICBjbGFzcz0iZGVtby1wYWdlLWhlYWRlciIKICAgICAgc3R5bGU9ImJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzUsIDIzNywgMjQwKSIKICAgICAgdGl0bGU9IlRpdGxlIgogICAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAgICAgQGJhY2s9IigpID0+ICRyb3V0ZXIuZ28oLTEpIgogICAgPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIzIj4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXNzb2NpYXRpb24iPgogICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRpb24gVGltZSI+MjAxNy0wMS0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgR29uZ2h1IFJvYWQsIFhpaHUgRGlzdHJpY3QsIEhhbmd6aG91LCBaaGVqaWFuZywgQ2hpbmEKICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjdGFncz4KICAgICAgICA8YS10YWcgY29sb3I9ImJsdWUiPlJ1bm5pbmc8L2EtdGFnPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtcm93IHR5cGU9ImZsZXgiPgogICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iU3RhdHVzIiB2YWx1ZT0iUGVuZGluZyIgLz4KICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgIHRpdGxlPSJQcmljZSIKICAgICAgICAgIHByZWZpeD0iJCIKICAgICAgICAgIDp2YWx1ZT0iNTY4LjA4IgogICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgIG1hcmdpbjogJzAgMzJweCcsCiAgICAgICAgICB9IgogICAgICAgIC8+CiAgICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJCYWxhbmNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iMzM0NS4wOCIgLz4KICAgICAgPC9hLXJvdz4KICAgIDwvYS1wYWdlLWhlYWRlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+Ci5kZW1vLXBhZ2UtaGVhZGVyIDpkZWVwKHRyOmxhc3QtY2hpbGQgdGQpIHsKICBwYWRkaW5nLWJvdHRvbTogMDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdlLWhlYWRlcgogICAgICBjbGFzcz0iZGVtby1wYWdlLWhlYWRlciIKICAgICAgc3R5bGU9ImJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzUsIDIzNywgMjQwKSIKICAgICAgdGl0bGU9IlRpdGxlIgogICAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAgICAgQGJhY2s9IigpID0+ICRyb3V0ZXIuZ28oLTEpIgogICAgPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIzIj4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXNzb2NpYXRpb24iPgogICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRpb24gVGltZSI+MjAxNy0wMS0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgR29uZ2h1IFJvYWQsIFhpaHUgRGlzdHJpY3QsIEhhbmd6aG91LCBaaGVqaWFuZywgQ2hpbmEKICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjdGFncz4KICAgICAgICA8YS10YWcgY29sb3I9ImJsdWUiPlJ1bm5pbmc8L2EtdGFnPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtcm93IHR5cGU9ImZsZXgiPgogICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iU3RhdHVzIiB2YWx1ZT0iUGVuZGluZyIgLz4KICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgIHRpdGxlPSJQcmljZSIKICAgICAgICAgIHByZWZpeD0iJCIKICAgICAgICAgIDp2YWx1ZT0iNTY4LjA4IgogICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgIG1hcmdpbjogJzAgMzJweCcsCiAgICAgICAgICB9IgogICAgICAgIC8+CiAgICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJCYWxhbmNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iMzM0NS4wOCIgLz4KICAgICAgPC9hLXJvdz4KICAgIDwvYS1wYWdlLWhlYWRlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+Ci5kZW1vLXBhZ2UtaGVhZGVyIDpkZWVwKHRyOmxhc3QtY2hpbGQgdGQpIHsKICBwYWRkaW5nLWJvdHRvbTogMDsKfQo8L3N0eWxlPg=="}},{default:s(()=>[n("div",null,[o(u,{class:"demo-page-header",style:{border:"1px solid rgb(235, 237, 240)"},title:"Title","sub-title":"This is a subtitle",onBack:t[0]||(t[0]=()=>l.$router.go(-1))},{extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(p,{key:"2"},{default:s(()=>t[3]||(t[3]=[a("Operation")])),_:1,__:[3]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[4]||(t[4]=[a("Primary")])),_:1,__:[4]})]),default:s(()=>[o(r,{size:"small",column:3},{default:s(()=>[o(c,{label:"Created"},{default:s(()=>t[5]||(t[5]=[a("Lili Qu")])),_:1,__:[5]}),o(c,{label:"Association"},{default:s(()=>t[6]||(t[6]=[n("a",null,"421421",-1)])),_:1,__:[6]}),o(c,{label:"Creation Time"},{default:s(()=>t[7]||(t[7]=[a("2017-01-10")])),_:1,__:[7]}),o(c,{label:"Effective Time"},{default:s(()=>t[8]||(t[8]=[a("2017-10-10")])),_:1,__:[8]}),o(c,{label:"Remarks"},{default:s(()=>t[9]||(t[9]=[a(" Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[9]})]),_:1})]),_:1}),t[14]||(t[14]=n("br",null,null,-1)),o(u,{title:"Title","sub-title":"This is a subtitle",onBack:t[1]||(t[1]=()=>l.$router.go(-1))},{tags:s(()=>[o(k,{color:"blue"},{default:s(()=>t[10]||(t[10]=[a("Running")])),_:1,__:[10]})]),extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[11]||(t[11]=[a("Operation")])),_:1,__:[11]}),o(p,{key:"2"},{default:s(()=>t[12]||(t[12]=[a("Operation")])),_:1,__:[12]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[13]||(t[13]=[a("Primary")])),_:1,__:[13]})]),default:s(()=>[o(C,{type:"flex"},{default:s(()=>[o(i,{title:"Status",value:"Pending"}),o(i,{title:"Price",prefix:"$",value:568.08,style:{margin:"0 32px"}}),o(i,{title:"Balance",prefix:"$",value:3345.08})]),_:1})]),_:1})])]),htmlCode:s(()=>t[15]||(t[15]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
      `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("demo-page-header"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(`
      `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Created"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Lili Qu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Association"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("421421"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Creation Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-01-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Effective Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-10-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Remarks"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#tags"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Running"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-row")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("flex"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Status"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Pending"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
          `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Price"),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("$"),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("568.08"),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
            margin: '0 32px',
          }`),n("span",{class:"token punctuation"},'"')]),a(`
        `),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Balance"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("$"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3345.08"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),jsVersionHtml:s(()=>t[16]||(t[16]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
      `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("demo-page-header"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),a(`
      `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Created"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Lili Qu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Association"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("421421"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Creation Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-01-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Effective Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-10-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Remarks"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#tags"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Running"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-row")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("flex"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Status"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Pending"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
          `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Price"),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("$"),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("568.08"),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
            margin: '0 32px',
          }`),n("span",{class:"token punctuation"},'"')]),a(`
        `),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Balance"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("$"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3345.08"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),_:1})}const j=I(N,[["render",z],["__scopeId","data-v-c3d167b1"]]),J=[{path:"index",breadcrumbName:"First-level Menu"},{path:"first",breadcrumbName:"Second-level Menu"},{path:"second",breadcrumbName:"Third-level Menu"}],F=[{src:"https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg",text:"Quick Start"},{src:"https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg",text:"Product Info"},{src:"https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg",text:"Product Doc"}],D=y({components:{EllipsisOutlined:Y},setup(){return{routes:J,iconLinks:F}}});const T={class:"components-page-header-demo-content"},K={style:{flex:"1"}},q=["src","alt"];function _(l,t,p,c,r,u){const k=e("a-tag"),i=e("a-button"),C=e("EllipsisOutlined"),d=e("a-menu-item"),h=e("a-menu"),G=e("a-dropdown"),v=e("a-row"),W=e("a-page-header"),R=e("demo-box");return g(),m(R,{jsfiddle:{us:"Show all props provided by PageHeader.",cn:"\u4F7F\u7528\u4E86 PageHeader \u63D0\u4F9B\u7684\u6240\u6709\u80FD\u529B\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u4F7F\u7528\u4E86 PageHeader \u63D0\u4F9B\u7684\u6240\u6709\u80FD\u529B\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Show all props provided by PageHeader.</p>
`,order:4,title:{"zh-CN":"\u7EC4\u5408\u793A\u4F8B","en-US":"Complete example"},relativePath:"components/page-header/demo/content.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgY2xhc3M9InNpdGUtcGFnZS1oZWFkZXIiCiAgICAgIHN1Yi10aXRsZT0iVGhpcyBpcyBhIHN1YnRpdGxlIgogICAgICA6YXZhdGFyPSJ7IHNyYzogJ2h0dHBzOi8vYXZhdGFyczEuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvODE4NjY2ND9zPTQ2MCZ2PTQnIH0iCiAgICAgIDpicmVhZGNydW1iPSJ7IHJvdXRlcyB9IgogICAgPgogICAgICA8dGVtcGxhdGUgI3RhZ3M+CiAgICAgICAgPGEtdGFnIGNvbG9yPSJibHVlIj5SdW5uaW5nPC9hLXRhZz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgICAgPGEtZHJvcGRvd24ga2V5PSJtb3JlIj4KICAgICAgICAgIDxhLWJ1dHRvbiA6c3R5bGU9InsgYm9yZGVyOiAnbm9uZScsIHBhZGRpbmc6IDAgfSI+CiAgICAgICAgICAgIDxFbGxpcHNpc091dGxpbmVkIDpzdHlsZT0ieyBmb250U2l6ZTogJzIwcHgnLCB2ZXJ0aWNhbEFsaWduOiAndG9wJyB9IiAvPgogICAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjb3ZlcmxheT4KICAgICAgICAgICAgPGEtbWVudT4KICAgICAgICAgICAgICA8YS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICA8YSB0YXJnZXQ9Il9ibGFuayIgcmVsPSJub29wZW5lciBub3JlZmVycmVyIiBocmVmPSJodHRwOi8vd3d3LmFsaXBheS5jb20vIj4KICAgICAgICAgICAgICAgICAgMXN0IG1lbnUgaXRlbQogICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgIDwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPgogICAgICAgICAgICAgICAgPGEgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIgbm9yZWZlcnJlciIgaHJlZj0iaHR0cDovL3d3dy50YW9iYW8uY29tLyI+CiAgICAgICAgICAgICAgICAgIDJuZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgIDxhIHRhcmdldD0iX2JsYW5rIiByZWw9Im5vb3BlbmVyIG5vcmVmZXJyZXIiIGhyZWY9Imh0dHA6Ly93d3cudG1hbGwuY29tLyI+CiAgICAgICAgICAgICAgICAgIDNyZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8L2EtbWVudT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWRyb3Bkb3duPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8YS1yb3cgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgc3R5bGU9ImZsZXg6IDEiPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24gaW50ZXJwcmV0cyB0aGUgY29sb3Igc3lzdGVtIGludG8gdHdvIGxldmVsczogYSBzeXN0ZW0tbGV2ZWwgY29sb3Igc3lzdGVtIGFuZAogICAgICAgICAgICBhIHByb2R1Y3QtbGV2ZWwgY29sb3Igc3lzdGVtLgogICAgICAgICAgPC9wPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24mI3gyNztzIGRlc2lnbiB0ZWFtIHByZWZlcnJlZCB0byBkZXNpZ24gd2l0aCB0aGUgSFNCIGNvbG9yIG1vZGVsLCB3aGljaCBtYWtlcwogICAgICAgICAgICBpdCBlYXNpZXIgZm9yIGRlc2lnbmVycyB0byBoYXZlIGEgY2xlYXIgcHN5Y2hvbG9naWNhbCBleHBlY3RhdGlvbiBvZiBjb2xvciB3aGVuCiAgICAgICAgICAgIGFkanVzdGluZyBjb2xvcnMsIGFzIHdlbGwgYXMgZmFjaWxpdGF0ZSBjb21tdW5pY2F0aW9uIGluIHRlYW1zLgogICAgICAgICAgPC9wPgogICAgICAgICAgPGRpdj4KICAgICAgICAgICAgPHRlbXBsYXRlIHYtZm9yPSJpdGVtIGluIGljb25MaW5rcyIgOmtleT0iaXRlbS5zcmMiPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJleGFtcGxlLWxpbmsiPgogICAgICAgICAgICAgICAgPGltZyBjbGFzcz0iZXhhbXBsZS1saW5rLWljb24iIDpzcmM9Iml0ZW0uc3JjIiA6YWx0PSJpdGVtLnRleHQiIC8+CiAgICAgICAgICAgICAgICB7eyBpdGVtLnRleHQgfX0KICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJpbWFnZSI+CiAgICAgICAgICA8aW1nCiAgICAgICAgICAgIHNyYz0iaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3MvYW50ZmluY2RuL0slMjRObmxzQiUyNmh6L3BhZ2VIZWFkZXIuc3ZnIgogICAgICAgICAgICBhbHQ9ImNvbnRlbnQiCiAgICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgICAgICAgIC8+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvYS1yb3c+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBFbGxpcHNpc091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKCmNvbnN0IHJvdXRlcyA9IFsKICB7CiAgICBwYXRoOiAnaW5kZXgnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKICB9LAogIHsKICAgIHBhdGg6ICdmaXJzdCcsCiAgICBicmVhZGNydW1iTmFtZTogJ1NlY29uZC1sZXZlbCBNZW51JywKICB9LAogIHsKICAgIHBhdGg6ICdzZWNvbmQnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdUaGlyZC1sZXZlbCBNZW51JywKICB9LApdOwoKaW50ZXJmYWNlIEljb25MaW5rIHsKICBzcmM6IHN0cmluZzsKICB0ZXh0OiBzdHJpbmc7Cn0KY29uc3QgaWNvbkxpbmtzOiBJY29uTGlua1tdID0gWwogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9NakVJbVF0ZW5seXVlU21WRWZVRC5zdmcnLAogICAgdGV4dDogJ1F1aWNrIFN0YXJ0JywKICB9LAogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9OYnVEVUF1QmxJQXBGdUR2V2lORC5zdmcnLAogICAgdGV4dDogJ1Byb2R1Y3QgSW5mbycsCiAgfSwKICB7CiAgICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvb2hPRVBTWWREVE5ueU1iR3V5TGIuc3ZnJywKICAgIHRleHQ6ICdQcm9kdWN0IERvYycsCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgRWxsaXBzaXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgcm91dGVzLAogICAgICBpY29uTGlua3MsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5pbWFnZSB7CiAgbWFyZ2luOiAwIDAgMCA2MHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5pbWFnZSB7CiAgbWFyZ2luOiAwIDYwcHggMCAwOwp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmV4YW1wbGUtbGluayB7CiAgbGluZS1oZWlnaHQ6IDI0cHg7CiAgbWFyZ2luLXJpZ2h0OiAxNnB4Owp9CltkYXRhLXRoZW1lPSdjb21wYWN0J10gI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmsgewogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rLWljb24gewogIG1hcmdpbi1yaWdodDogOHB4Owp9CgpbZGF0YS10aGVtZT0nY29tcGFjdCddICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rLWljb24gewogIHdpZHRoOiAyMHB4OwogIGhlaWdodDogMjBweDsKfQoKI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5leGFtcGxlLWxpbmsgewogIGZsb2F0OiByaWdodDsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbWFyZ2luLWxlZnQ6IDE2cHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5leGFtcGxlLWxpbmstaWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiAwOwogIG1hcmdpbi1sZWZ0OiA4cHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5jb250ZW50IHAgewogIG1hcmdpbi1ib3R0b206IDFlbTsKICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsKICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkOwp9CgpAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHsKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmltYWdlIHsKICAgIGZsZXg6IDEwMCU7CiAgICBtYXJnaW46IDI0cHggMCAwOwogIH0KfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgY2xhc3M9InNpdGUtcGFnZS1oZWFkZXIiCiAgICAgIHN1Yi10aXRsZT0iVGhpcyBpcyBhIHN1YnRpdGxlIgogICAgICA6YXZhdGFyPSJ7IHNyYzogJ2h0dHBzOi8vYXZhdGFyczEuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvODE4NjY2ND9zPTQ2MCZ2PTQnIH0iCiAgICAgIDpicmVhZGNydW1iPSJ7IHJvdXRlcyB9IgogICAgPgogICAgICA8dGVtcGxhdGUgI3RhZ3M+CiAgICAgICAgPGEtdGFnIGNvbG9yPSJibHVlIj5SdW5uaW5nPC9hLXRhZz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgICAgPGEtZHJvcGRvd24ga2V5PSJtb3JlIj4KICAgICAgICAgIDxhLWJ1dHRvbiA6c3R5bGU9InsgYm9yZGVyOiAnbm9uZScsIHBhZGRpbmc6IDAgfSI+CiAgICAgICAgICAgIDxFbGxpcHNpc091dGxpbmVkIDpzdHlsZT0ieyBmb250U2l6ZTogJzIwcHgnLCB2ZXJ0aWNhbEFsaWduOiAndG9wJyB9IiAvPgogICAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjb3ZlcmxheT4KICAgICAgICAgICAgPGEtbWVudT4KICAgICAgICAgICAgICA8YS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICA8YSB0YXJnZXQ9Il9ibGFuayIgcmVsPSJub29wZW5lciBub3JlZmVycmVyIiBocmVmPSJodHRwOi8vd3d3LmFsaXBheS5jb20vIj4KICAgICAgICAgICAgICAgICAgMXN0IG1lbnUgaXRlbQogICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgIDwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPgogICAgICAgICAgICAgICAgPGEgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIgbm9yZWZlcnJlciIgaHJlZj0iaHR0cDovL3d3dy50YW9iYW8uY29tLyI+CiAgICAgICAgICAgICAgICAgIDJuZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgIDxhIHRhcmdldD0iX2JsYW5rIiByZWw9Im5vb3BlbmVyIG5vcmVmZXJyZXIiIGhyZWY9Imh0dHA6Ly93d3cudG1hbGwuY29tLyI+CiAgICAgICAgICAgICAgICAgIDNyZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8L2EtbWVudT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWRyb3Bkb3duPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8YS1yb3cgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgc3R5bGU9ImZsZXg6IDEiPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24gaW50ZXJwcmV0cyB0aGUgY29sb3Igc3lzdGVtIGludG8gdHdvIGxldmVsczogYSBzeXN0ZW0tbGV2ZWwgY29sb3Igc3lzdGVtIGFuZAogICAgICAgICAgICBhIHByb2R1Y3QtbGV2ZWwgY29sb3Igc3lzdGVtLgogICAgICAgICAgPC9wPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24mI3gyNztzIGRlc2lnbiB0ZWFtIHByZWZlcnJlZCB0byBkZXNpZ24gd2l0aCB0aGUgSFNCIGNvbG9yIG1vZGVsLCB3aGljaCBtYWtlcwogICAgICAgICAgICBpdCBlYXNpZXIgZm9yIGRlc2lnbmVycyB0byBoYXZlIGEgY2xlYXIgcHN5Y2hvbG9naWNhbCBleHBlY3RhdGlvbiBvZiBjb2xvciB3aGVuCiAgICAgICAgICAgIGFkanVzdGluZyBjb2xvcnMsIGFzIHdlbGwgYXMgZmFjaWxpdGF0ZSBjb21tdW5pY2F0aW9uIGluIHRlYW1zLgogICAgICAgICAgPC9wPgogICAgICAgICAgPGRpdj4KICAgICAgICAgICAgPHRlbXBsYXRlIHYtZm9yPSJpdGVtIGluIGljb25MaW5rcyIgOmtleT0iaXRlbS5zcmMiPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJleGFtcGxlLWxpbmsiPgogICAgICAgICAgICAgICAgPGltZyBjbGFzcz0iZXhhbXBsZS1saW5rLWljb24iIDpzcmM9Iml0ZW0uc3JjIiA6YWx0PSJpdGVtLnRleHQiIC8+CiAgICAgICAgICAgICAgICB7eyBpdGVtLnRleHQgfX0KICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJpbWFnZSI+CiAgICAgICAgICA8aW1nCiAgICAgICAgICAgIHNyYz0iaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3MvYW50ZmluY2RuL0slMjRObmxzQiUyNmh6L3BhZ2VIZWFkZXIuc3ZnIgogICAgICAgICAgICBhbHQ9ImNvbnRlbnQiCiAgICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgICAgICAgIC8+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvYS1yb3c+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IEVsbGlwc2lzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpjb25zdCByb3V0ZXMgPSBbewogIHBhdGg6ICdpbmRleCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKfSwgewogIHBhdGg6ICdmaXJzdCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdTZWNvbmQtbGV2ZWwgTWVudScsCn0sIHsKICBwYXRoOiAnc2Vjb25kJywKICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAp9XTsKY29uc3QgaWNvbkxpbmtzID0gW3sKICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvTWpFSW1RdGVubHl1ZVNtVkVmVUQuc3ZnJywKICB0ZXh0OiAnUXVpY2sgU3RhcnQnLAp9LCB7CiAgc3JjOiAnaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3Mvcm1zcG9ydGFsL05idURVQXVCbElBcEZ1RHZXaU5ELnN2ZycsCiAgdGV4dDogJ1Byb2R1Y3QgSW5mbycsCn0sIHsKICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvb2hPRVBTWWREVE5ueU1iR3V5TGIuc3ZnJywKICB0ZXh0OiAnUHJvZHVjdCBEb2MnLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBFbGxpcHNpc091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICByb3V0ZXMsCiAgICAgIGljb25MaW5rcywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmltYWdlIHsKICBtYXJnaW46IDAgMCAwIDYwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmltYWdlIHsKICBtYXJnaW46IDAgNjBweCAwIDA7Cn0KCiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rIHsKICBsaW5lLWhlaWdodDogMjRweDsKICBtYXJnaW4tcmlnaHQ6IDE2cHg7Cn0KW2RhdGEtdGhlbWU9J2NvbXBhY3QnXSAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmV4YW1wbGUtbGluayB7CiAgbGluZS1oZWlnaHQ6IDIwcHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmstaWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7Cn0KCltkYXRhLXRoZW1lPSdjb21wYWN0J10gI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmstaWNvbiB7CiAgd2lkdGg6IDIwcHg7CiAgaGVpZ2h0OiAyMHB4Owp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmV4YW1wbGUtbGluayB7CiAgZmxvYXQ6IHJpZ2h0OwogIG1hcmdpbi1yaWdodDogMDsKICBtYXJnaW4tbGVmdDogMTZweDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmV4YW1wbGUtbGluay1pY29uIHsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbWFyZ2luLWxlZnQ6IDhweDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmNvbnRlbnQgcCB7CiAgbWFyZ2luLWJvdHRvbTogMWVtOwogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODUpOwogIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7Cn0KCkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuaW1hZ2UgewogICAgZmxleDogMTAwJTsKICAgIG1hcmdpbjogMjRweCAwIDA7CiAgfQp9Cjwvc3R5bGU+"}},{default:s(()=>[n("div",T,[o(W,{title:"Title",class:"site-page-header","sub-title":"This is a subtitle",avatar:{src:"https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"},breadcrumb:{routes:l.routes}},{tags:s(()=>[o(k,{color:"blue"},{default:s(()=>t[0]||(t[0]=[a("Running")])),_:1,__:[0]})]),extra:s(()=>[o(i,{key:"3"},{default:s(()=>t[1]||(t[1]=[a("Operation")])),_:1,__:[1]}),o(i,{key:"2"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(i,{key:"1",type:"primary"},{default:s(()=>t[3]||(t[3]=[a("Primary")])),_:1,__:[3]}),o(G,{key:"more"},{overlay:s(()=>[o(h,null,{default:s(()=>[o(d,null,{default:s(()=>t[4]||(t[4]=[n("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.alipay.com/"}," 1st menu item ",-1)])),_:1,__:[4]}),o(d,null,{default:s(()=>t[5]||(t[5]=[n("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.taobao.com/"}," 2nd menu item ",-1)])),_:1,__:[5]}),o(d,null,{default:s(()=>t[6]||(t[6]=[n("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.tmall.com/"}," 3rd menu item ",-1)])),_:1,__:[6]})]),_:1})]),default:s(()=>[o(i,{style:{border:"none",padding:0}},{default:s(()=>[o(C,{style:{fontSize:"20px",verticalAlign:"top"}})]),_:1})]),_:1})]),default:s(()=>[o(v,{class:"content"},{default:s(()=>[n("div",K,[t[7]||(t[7]=n("p",null," Ant Design interprets the color system into two levels: a system-level color system and a product-level color system. ",-1)),t[8]||(t[8]=n("p",null," Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams. ",-1)),n("div",null,[(g(!0),b(B,null,X(l.iconLinks,A=>(g(),b("a",{key:A.src,class:"example-link"},[n("img",{class:"example-link-icon",src:A.src,alt:A.text},null,8,q),a(" "+w(A.text),1)]))),128))])]),t[9]||(t[9]=n("div",{class:"image"},[n("img",{src:"https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg",alt:"content",style:{width:"100%"}})],-1))]),_:1,__:[9]})]),_:1},8,["breadcrumb"])])]),htmlCode:s(()=>t[10]||(t[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-page-header-demo-content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
      `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("site-page-header"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},":avatar"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ src: 'https://avatars1.githubusercontent.com/u/8186664?s=460&v=4' }"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},":breadcrumb"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ routes }"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#tags"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Running"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-dropdown")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("more"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ border: 'none', padding: 0 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("EllipsisOutlined")]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ fontSize: '20px', verticalAlign: 'top' }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_blank"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"rel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("noopener noreferrer"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("http://www.alipay.com/"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                  1st menu item
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_blank"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"rel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("noopener noreferrer"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("http://www.taobao.com/"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                  2nd menu item
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_blank"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"rel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("noopener noreferrer"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("http://www.tmall.com/"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                  3rd menu item
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-row")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 1")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
            Ant Design interprets the color system into two levels: a system-level color system and
            a product-level color system.
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
            Ant Design`),n("span",{class:"token entity",title:"'"},"&#x27;"),a(`s design team preferred to design with the HSB color model, which makes
            it easier for designers to have a clear psychological expectation of color when
            adjusting colors, as well as facilitate communication in teams.
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item in iconLinks"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item.src"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("example-link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("example-link-icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item.src"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":alt"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item.text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
                {{ item.text }}
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("image"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(`
            `),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"),n("span",{class:"token punctuation"},'"')]),a(`
            `),n("span",{class:"token attr-name"},"alt"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("content"),n("span",{class:"token punctuation"},'"')]),a(`
            `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%")]),n("span",{class:"token punctuation"},'"')])]),a(`
          `),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" EllipsisOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`

`),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'index'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'First-level Menu'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second-level Menu'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third-level Menu'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`

`),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"IconLink"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"iconLinks"),n("span",{class:"token operator"},":"),a(" IconLink"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Quick Start'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Product Info'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg'"),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Product Doc'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`

`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    EllipsisOutlined`),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
      routes`),n("span",{class:"token punctuation"},","),a(`
      iconLinks`),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 0 0 60px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"align-items"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 60px 0 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),a(" right"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .content p"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 1em"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgba"),n("span",{class:"token punctuation"},"("),a("0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0.85"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"overflow-wrap"),n("span",{class:"token punctuation"},":"),a(" break-word"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token atrule"},[n("span",{class:"token rule"},"@media"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token property"},"max-width"),n("span",{class:"token punctuation"},":"),a(" 768px"),n("span",{class:"token punctuation"},")")]),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 24px 0 0"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),jsVersionHtml:s(()=>t[11]||(t[11]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-page-header-demo-content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
      `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("site-page-header"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},":avatar"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ src: 'https://avatars1.githubusercontent.com/u/8186664?s=460&v=4' }"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},":breadcrumb"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ routes }"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#tags"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tag")]),a(),n("span",{class:"token attr-name"},"color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("blue"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Running"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tag")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-dropdown")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("more"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ border: 'none', padding: 0 }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("EllipsisOutlined")]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ fontSize: '20px', verticalAlign: 'top' }"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_blank"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"rel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("noopener noreferrer"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("http://www.alipay.com/"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                  1st menu item
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_blank"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"rel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("noopener noreferrer"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("http://www.taobao.com/"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                  2nd menu item
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("_blank"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"rel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("noopener noreferrer"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("http://www.tmall.com/"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                  3rd menu item
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-row")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 1")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
            Ant Design interprets the color system into two levels: a system-level color system and
            a product-level color system.
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
            Ant Design`),n("span",{class:"token entity",title:"'"},"&#x27;"),a(`s design team preferred to design with the HSB color model, which makes
            it easier for designers to have a clear psychological expectation of color when
            adjusting colors, as well as facilitate communication in teams.
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item in iconLinks"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item.src"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("example-link"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
                `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("example-link-icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item.src"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":alt"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item.text"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
                {{ item.text }}
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("image"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(`
            `),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"),n("span",{class:"token punctuation"},'"')]),a(`
            `),n("span",{class:"token attr-name"},"alt"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("content"),n("span",{class:"token punctuation"},'"')]),a(`
            `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%")]),n("span",{class:"token punctuation"},'"')])]),a(`
          `),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" EllipsisOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'index'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'First-level Menu'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'first'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Second-level Menu'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"path"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'second'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"breadcrumbName"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Third-level Menu'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(" iconLinks "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Quick Start'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Product Info'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg'"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'Product Doc'"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    EllipsisOutlined`),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
      routes`),n("span",{class:"token punctuation"},","),a(`
      iconLinks`),n("span",{class:"token punctuation"},","),a(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 0 0 60px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"align-items"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 60px 0 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),a(" right"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-content .content p"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 1em"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),a(),n("span",{class:"token function"},"rgba"),n("span",{class:"token punctuation"},"("),a("0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0"),n("span",{class:"token punctuation"},","),a(" 0.85"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"overflow-wrap"),n("span",{class:"token punctuation"},":"),a(" break-word"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`

`),n("span",{class:"token atrule"},[n("span",{class:"token rule"},"@media"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token property"},"max-width"),n("span",{class:"token punctuation"},":"),a(" 768px"),n("span",{class:"token punctuation"},")")]),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 24px 0 0"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),_:1})}const U=I(D,[["render",_],["__scopeId","data-v-75a49445"]]);const M={},E={class:"components-page-header-demo-responsive",style:{border:"1px solid rgb(235, 237, 240)"}},O={class:"content"},Q={class:"main"},$={class:"extra"},nn={style:{display:"flex",width:"max-content",justifyContent:"flex-end"}};function an(l,t){const p=e("a-button"),c=e("a-tab-pane"),r=e("a-tabs"),u=e("a-descriptions-item"),k=e("a-descriptions"),i=e("a-statistic"),C=e("a-page-header"),d=e("demo-box");return g(),m(d,{jsfiddle:{us:"Under different screen sizes, there should be different performance",cn:"\u5728\u4E0D\u540C\u5927\u5C0F\u7684\u5C4F\u5E55\u4E0B\uFF0C\u5E94\u8BE5\u6709\u4E0D\u540C\u7684\u8868\u73B0\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5728\u4E0D\u540C\u5927\u5C0F\u7684\u5C4F\u5E55\u4E0B\uFF0C\u5E94\u8BE5\u6709\u4E0D\u540C\u7684\u8868\u73B0\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Under different screen sizes, there should be different performance</p>
`,order:6,iframe:228,title:{"zh-CN":"\u54CD\u5E94\u5F0F","en-US":"responsive"},relativePath:"components/page-header/demo/responsive.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIiBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIj4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjZXh0cmE+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMyI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIyIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjEiIHR5cGU9InByaW1hcnkiPlByaW1hcnk8L2EtYnV0dG9uPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgICA8YS10YWJzPgogICAgICAgICAgPGEtdGFiLXBhbmUga2V5PSIxIiB0YWI9IkRldGFpbHMiIC8+CiAgICAgICAgICA8YS10YWItcGFuZSBrZXk9IjIiIHRhYj0iUnVsZSIgLz4KICAgICAgICA8L2EtdGFicz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGRpdiBjbGFzcz0iY29udGVudCI+CiAgICAgICAgPGRpdiBjbGFzcz0ibWFpbiI+CiAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMgc2l6ZT0ic21hbGwiIDpjb2x1bW49IjIiPgogICAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgICAgICA8YT40MjE0MjE8L2E+CiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJFZmZlY3RpdmUgVGltZSI+MjAxNy0xMC0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICAgICAgPC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0iZXh0cmEiPgogICAgICAgICAgPGRpdgogICAgICAgICAgICA6c3R5bGU9InsKICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsCiAgICAgICAgICAgICAgd2lkdGg6ICdtYXgtY29udGVudCcsCiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsCiAgICAgICAgICAgIH0iCiAgICAgICAgICA+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYwogICAgICAgICAgICAgIHRpdGxlPSJTdGF0dXMiCiAgICAgICAgICAgICAgdmFsdWU9IlBlbmRpbmciCiAgICAgICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgICAgICBtYXJnaW5SaWdodDogJzMycHgnLAogICAgICAgICAgICAgIH0iCiAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iUHJpY2UiIHByZWZpeD0iJCIgOnZhbHVlPSI1NjguMDgiIC8+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+Cgo8c3R5bGU+Ci5jb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSB7CiAgcGFkZGluZy1ib3R0b206IDIwcHg7Cn0KLmNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIHRyOmxhc3QtY2hpbGQgdGQgewogIHBhZGRpbmctYm90dG9tOiAwOwp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgZGlzcGxheTogZmxleDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmFudC1zdGF0aXN0aWMtY29udGVudCB7CiAgZm9udC1zaXplOiAyMHB4OwogIGxpbmUtaGVpZ2h0OiAyOHB4Owp9CkBtZWRpYSAobWF4LXdpZHRoOiA1NzZweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgICBkaXNwbGF5OiBibG9jazsKICB9CgogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAubWFpbiB7CiAgICB3aWR0aDogMTAwJTsKICAgIG1hcmdpbi1ib3R0b206IDEycHg7CiAgfQoKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmV4dHJhIHsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWxlZnQ6IDA7CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogIH0KfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIiBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIj4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjZXh0cmE+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMyI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIyIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjEiIHR5cGU9InByaW1hcnkiPlByaW1hcnk8L2EtYnV0dG9uPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgICA8YS10YWJzPgogICAgICAgICAgPGEtdGFiLXBhbmUga2V5PSIxIiB0YWI9IkRldGFpbHMiIC8+CiAgICAgICAgICA8YS10YWItcGFuZSBrZXk9IjIiIHRhYj0iUnVsZSIgLz4KICAgICAgICA8L2EtdGFicz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGRpdiBjbGFzcz0iY29udGVudCI+CiAgICAgICAgPGRpdiBjbGFzcz0ibWFpbiI+CiAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMgc2l6ZT0ic21hbGwiIDpjb2x1bW49IjIiPgogICAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgICAgICA8YT40MjE0MjE8L2E+CiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJFZmZlY3RpdmUgVGltZSI+MjAxNy0xMC0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICAgICAgPC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0iZXh0cmEiPgogICAgICAgICAgPGRpdgogICAgICAgICAgICA6c3R5bGU9InsKICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsCiAgICAgICAgICAgICAgd2lkdGg6ICdtYXgtY29udGVudCcsCiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsCiAgICAgICAgICAgIH0iCiAgICAgICAgICA+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYwogICAgICAgICAgICAgIHRpdGxlPSJTdGF0dXMiCiAgICAgICAgICAgICAgdmFsdWU9IlBlbmRpbmciCiAgICAgICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgICAgICBtYXJnaW5SaWdodDogJzMycHgnLAogICAgICAgICAgICAgIH0iCiAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iUHJpY2UiIHByZWZpeD0iJCIgOnZhbHVlPSI1NjguMDgiIC8+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+Cgo8c3R5bGU+Ci5jb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSB7CiAgcGFkZGluZy1ib3R0b206IDIwcHg7Cn0KLmNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIHRyOmxhc3QtY2hpbGQgdGQgewogIHBhZGRpbmctYm90dG9tOiAwOwp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgZGlzcGxheTogZmxleDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmFudC1zdGF0aXN0aWMtY29udGVudCB7CiAgZm9udC1zaXplOiAyMHB4OwogIGxpbmUtaGVpZ2h0OiAyOHB4Owp9CkBtZWRpYSAobWF4LXdpZHRoOiA1NzZweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgICBkaXNwbGF5OiBibG9jazsKICB9CgogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAubWFpbiB7CiAgICB3aWR0aDogMTAwJTsKICAgIG1hcmdpbi1ib3R0b206IDEycHg7CiAgfQoKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmV4dHJhIHsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWxlZnQ6IDA7CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogIH0KfQo8L3N0eWxlPg=="}},{default:s(()=>[n("div",E,[o(C,{title:"Title","sub-title":"This is a subtitle",onBack:t[0]||(t[0]=()=>l.$router.go(-1))},{extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[1]||(t[1]=[a("Operation")])),_:1,__:[1]}),o(p,{key:"2"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[3]||(t[3]=[a("Primary")])),_:1,__:[3]})]),footer:s(()=>[o(r,null,{default:s(()=>[o(c,{key:"1",tab:"Details"}),o(c,{key:"2",tab:"Rule"})]),_:1})]),default:s(()=>[n("div",O,[n("div",Q,[o(k,{size:"small",column:2},{default:s(()=>[o(u,{label:"Created"},{default:s(()=>t[4]||(t[4]=[a("Lili Qu")])),_:1,__:[4]}),o(u,{label:"Association"},{default:s(()=>t[5]||(t[5]=[n("a",null,"421421",-1)])),_:1,__:[5]}),o(u,{label:"Creation Time"},{default:s(()=>t[6]||(t[6]=[a("2017-01-10")])),_:1,__:[6]}),o(u,{label:"Effective Time"},{default:s(()=>t[7]||(t[7]=[a("2017-10-10")])),_:1,__:[7]}),o(u,{label:"Remarks"},{default:s(()=>t[8]||(t[8]=[a(" Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[8]})]),_:1})]),n("div",$,[n("div",nn,[o(i,{title:"Status",value:"Pending",style:{marginRight:"32px"}}),o(i,{title:"Price",prefix:"$",value:568.08})])])])]),_:1})])]),htmlCode:s(()=>t[9]||(t[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-page-header-demo-responsive"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#footer"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tab-pane")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"tab"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Details"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tab-pane")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"tab"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Rule"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("main"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Created"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Lili Qu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Association"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("421421"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Creation Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-01-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Effective Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-10-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Remarks"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
              Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("extra"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(`
            `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
              display: 'flex',
              width: 'max-content',
              justifyContent: 'flex-end',
            }`),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
              `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Status"),n("span",{class:"token punctuation"},'"')]),a(`
              `),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Pending"),n("span",{class:"token punctuation"},'"')]),a(`
              `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
                marginRight: '32px',
              }`),n("span",{class:"token punctuation"},'"')]),a(`
            `),n("span",{class:"token punctuation"},"/>")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Price"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("$"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("568.08"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},".components-page-header-demo-responsive"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},".components-page-header-demo-responsive tr:last-child td"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-responsive .ant-statistic-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token atrule"},[n("span",{class:"token rule"},"@media"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token property"},"max-width"),n("span",{class:"token punctuation"},":"),a(" 576px"),n("span",{class:"token punctuation"},")")]),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`

  `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .main"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 12px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`

  `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .extra"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" left"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),jsVersionHtml:s(()=>t[10]||(t[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-page-header-demo-responsive"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#footer"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tab-pane")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"tab"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Details"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tab-pane")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"tab"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Rule"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("main"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Created"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Lili Qu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Association"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
              `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("421421"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Creation Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-01-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Effective Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-10-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Remarks"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
              Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("extra"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(`
            `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
              display: 'flex',
              width: 'max-content',
              justifyContent: 'flex-end',
            }`),n("span",{class:"token punctuation"},'"')]),a(`
          `),n("span",{class:"token punctuation"},">")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
              `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Status"),n("span",{class:"token punctuation"},'"')]),a(`
              `),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Pending"),n("span",{class:"token punctuation"},'"')]),a(`
              `),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
                marginRight: '32px',
              }`),n("span",{class:"token punctuation"},'"')]),a(`
            `),n("span",{class:"token punctuation"},"/>")]),a(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Price"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prefix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("$"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("568.08"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},".components-page-header-demo-responsive"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},".components-page-header-demo-responsive tr:last-child td"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token selector"},"#components-page-header-demo-responsive .ant-statistic-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token atrule"},[n("span",{class:"token rule"},"@media"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token property"},"max-width"),n("span",{class:"token punctuation"},":"),a(" 576px"),n("span",{class:"token punctuation"},")")]),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`

  `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .main"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 12px"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`

  `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .extra"),a(),n("span",{class:"token punctuation"},"{"),a(`
    `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" left"),n("span",{class:"token punctuation"},";"),a(`
  `),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),_:1})}const tn=I(M,[["render",an]]);const sn={},on={class:"demo-page-header",style:{"background-color":"#f5f5f5",padding:"24px"}};function en(l,t){const p=e("a-button"),c=e("a-descriptions-item"),r=e("a-descriptions"),u=e("a-page-header"),k=e("demo-box");return g(),m(k,{jsfiddle:{us:"The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.",cn:"\u9ED8\u8BA4 PageHeader \u662F\u900F\u660E\u5E95\u8272\u7684\u3002\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\uFF0CPageHeader \u9700\u8981\u81EA\u5DF1\u7684\u80CC\u666F\u989C\u8272\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u9ED8\u8BA4 PageHeader \u662F\u900F\u660E\u5E95\u8272\u7684\u3002\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\uFF0CPageHeader \u9700\u8981\u81EA\u5DF1\u7684\u80CC\u666F\u989C\u8272\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.</p>
`,order:2,title:{"zh-CN":"\u767D\u5E95\u6A21\u5F0F","en-US":"white background mode"},relativePath:"components/page-header/demo/ghost.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImRlbW8tcGFnZS1oZWFkZXIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1OyBwYWRkaW5nOiAyNHB4Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIDpnaG9zdD0iZmFsc2UiCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICAgIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSIKICAgID4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDxhLWRlc2NyaXB0aW9ucyBzaXplPSJzbWFsbCIgOmNvbHVtbj0iMyI+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0ZWQiPkxpbGkgUXU8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgIDxhPjQyMTQyMTwvYT4KICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkVmZmVjdGl2ZSBUaW1lIj4yMDE3LTEwLTEwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmtzIj4KICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8L2EtZGVzY3JpcHRpb25zPgogICAgPC9hLXBhZ2UtaGVhZGVyPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKPHN0eWxlIHNjb3BlZD4KLmRlbW8tcGFnZS1oZWFkZXIgOmRlZXAodHI6bGFzdC1jaGlsZCB0ZCkgewogIHBhZGRpbmctYm90dG9tOiAwOwp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImRlbW8tcGFnZS1oZWFkZXIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1OyBwYWRkaW5nOiAyNHB4Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIDpnaG9zdD0iZmFsc2UiCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICAgIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSIKICAgID4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDxhLWRlc2NyaXB0aW9ucyBzaXplPSJzbWFsbCIgOmNvbHVtbj0iMyI+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0ZWQiPkxpbGkgUXU8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgIDxhPjQyMTQyMTwvYT4KICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkVmZmVjdGl2ZSBUaW1lIj4yMDE3LTEwLTEwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmtzIj4KICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8L2EtZGVzY3JpcHRpb25zPgogICAgPC9hLXBhZ2UtaGVhZGVyPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKPHN0eWxlIHNjb3BlZD4KLmRlbW8tcGFnZS1oZWFkZXIgOmRlZXAodHI6bGFzdC1jaGlsZCB0ZCkgewogIHBhZGRpbmctYm90dG9tOiAwOwp9Cjwvc3R5bGU+"}},{default:s(()=>[n("div",on,[o(u,{ghost:!1,title:"Title","sub-title":"This is a subtitle",onBack:t[0]||(t[0]=()=>l.$router.go(-1))},{extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[1]||(t[1]=[a("Operation")])),_:1,__:[1]}),o(p,{key:"2"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[3]||(t[3]=[a("Primary")])),_:1,__:[3]})]),default:s(()=>[o(r,{size:"small",column:3},{default:s(()=>[o(c,{label:"Created"},{default:s(()=>t[4]||(t[4]=[a("Lili Qu")])),_:1,__:[4]}),o(c,{label:"Association"},{default:s(()=>t[5]||(t[5]=[n("a",null,"421421",-1)])),_:1,__:[5]}),o(c,{label:"Creation Time"},{default:s(()=>t[6]||(t[6]=[a("2017-01-10")])),_:1,__:[6]}),o(c,{label:"Effective Time"},{default:s(()=>t[7]||(t[7]=[a("2017-10-10")])),_:1,__:[7]}),o(c,{label:"Remarks"},{default:s(()=>t[8]||(t[8]=[a(" Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[8]})]),_:1})]),_:1})])]),htmlCode:s(()=>t[9]||(t[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("demo-page-header"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #f5f5f5"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 24px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
      `),n("span",{class:"token attr-name"},":ghost"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Created"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Lili Qu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Association"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("421421"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Creation Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-01-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Effective Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-10-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Remarks"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),jsVersionHtml:s(()=>t[10]||(t[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("demo-page-header"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"background-color"),n("span",{class:"token punctuation"},":"),a(" #f5f5f5"),n("span",{class:"token punctuation"},";"),a(),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),a(" 24px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
      `),n("span",{class:"token attr-name"},":ghost"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Title"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"sub-title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("This is a subtitle"),n("span",{class:"token punctuation"},'"')]),a(`
      `),n("span",{class:"token attr-name"},"@back"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("() => $router.go(-1)"),n("span",{class:"token punctuation"},'"')]),a(`
    `),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Operation"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-button")]),a(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Primary"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions")]),a(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Created"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Lili Qu"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Association"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a")]),n("span",{class:"token punctuation"},">")]),a("421421"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Creation Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-01-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Effective Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("2017-10-10"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-descriptions-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Remarks"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
          Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),a(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-page-header")]),n("span",{class:"token punctuation"},">")]),a(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),a(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
`),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1)])),_:1})}const pn=I(sn,[["render",en],["__scopeId","data-v-b91f4676"]]),cn={pageData:{title:"PageHeader",description:"",frontmatter:{category:"Components",type:"\u5BFC\u822A",title:"PageHeader",cols:1,subtitle:"\u9875\u5934",cover:"https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u9700\u8981\u4F7F\u7528\u6237\u5FEB\u901F\u7406\u89E3\u5F53\u524D\u9875\u662F\u4EC0\u4E48\u4EE5\u53CA\u65B9\u4FBF\u7528\u6237\u4F7F\u7528\u9875\u9762\u529F\u80FD\u65F6\u4F7F\u7528\uFF0C\u901A\u5E38\u4E5F\u53EF\u88AB\u7528\u4F5C\u9875\u9762\u95F4\u5BFC\u822A\u3002"},{level:2,title:"API",slug:"API",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""}],relativePath:"components/page-header/index.zh-CN.md",content:`
\u9875\u5934\u4F4D\u4E8E\u9875\u5BB9\u5668\u4E2D\uFF0C\u9875\u5BB9\u5668\u9876\u90E8\uFF0C\u8D77\u5230\u4E86\u5185\u5BB9\u6982\u89C8\u548C\u5F15\u5BFC\u9875\u7EA7\u64CD\u4F5C\u7684\u4F5C\u7528\u3002\u5305\u62EC\u7531\u9762\u5305\u5C51\u3001\u6807\u9898\u3001\u9875\u9762\u5185\u5BB9\u7B80\u4ECB\u3001\u9875\u9762\u7EA7\u64CD\u4F5C\u7B49\u3001\u9875\u9762\u7EA7\u5BFC\u822A\u7EC4\u6210\u3002

## \u4F55\u65F6\u4F7F\u7528

\u5F53\u9700\u8981\u4F7F\u7528\u6237\u5FEB\u901F\u7406\u89E3\u5F53\u524D\u9875\u662F\u4EC0\u4E48\u4EE5\u53CA\u65B9\u4FBF\u7528\u6237\u4F7F\u7528\u9875\u9762\u529F\u80FD\u65F6\u4F7F\u7528\uFF0C\u901A\u5E38\u4E5F\u53EF\u88AB\u7528\u4F5C\u9875\u9762\u95F4\u5BFC\u822A\u3002

## API

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| avatar | \u6807\u9898\u680F\u65C1\u7684\u5934\u50CF | [avatar props](/components/avatar-cn/) | - |
| backIcon | \u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon | string\\|slot | \`&lt;ArrowLeft /&gt;\` |
| breadcrumb | \u9762\u5305\u5C51\u7684\u914D\u7F6E | [breadcrumb](/components/breadcrumb-cn/) | - |
| extra | \u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E | string\\|slot | - |
| footer | PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar | string\\|slot | - |
| ghost | pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272 | boolean | true |
| subTitle | \u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57 | string\\|slot | - |
| tags | title \u65C1\u7684 tag \u5217\u8868 | [Tag](/components/tag-cn/)\\[] \\| [Tag](/components/tag-cn/) | - |
| title | \u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57 | string\\|slot | - |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570    |
| -------- | ------------------ | ----------- |
| back     | \u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6 | function(e) |
`,html:`<p>\u9875\u5934\u4F4D\u4E8E\u9875\u5BB9\u5668\u4E2D\uFF0C\u9875\u5BB9\u5668\u9876\u90E8\uFF0C\u8D77\u5230\u4E86\u5185\u5BB9\u6982\u89C8\u548C\u5F15\u5BFC\u9875\u7EA7\u64CD\u4F5C\u7684\u4F5C\u7528\u3002\u5305\u62EC\u7531\u9762\u5305\u5C51\u3001\u6807\u9898\u3001\u9875\u9762\u5185\u5BB9\u7B80\u4ECB\u3001\u9875\u9762\u7EA7\u64CD\u4F5C\u7B49\u3001\u9875\u9762\u7EA7\u5BFC\u822A\u7EC4\u6210\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5F53\u9700\u8981\u4F7F\u7528\u6237\u5FEB\u901F\u7406\u89E3\u5F53\u524D\u9875\u662F\u4EC0\u4E48\u4EE5\u53CA\u65B9\u4FBF\u7528\u6237\u4F7F\u7528\u9875\u9762\u529F\u80FD\u65F6\u4F7F\u7528\uFF0C\u901A\u5E38\u4E5F\u53EF\u88AB\u7528\u4F5C\u9875\u9762\u95F4\u5BFC\u822A\u3002</p>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>avatar</td>
<td>\u6807\u9898\u680F\u65C1\u7684\u5934\u50CF</td>
<td><a href="/components/avatar-cn/">avatar props</a></td>
<td>-</td>
</tr>
<tr>
<td>backIcon</td>
<td>\u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon</td>
<td>string|slot</td>
<td><code>&lt;ArrowLeft /&gt;</code></td>
</tr>
<tr>
<td>breadcrumb</td>
<td>\u9762\u5305\u5C51\u7684\u914D\u7F6E</td>
<td><a href="/components/breadcrumb-cn/">breadcrumb</a></td>
<td>-</td>
</tr>
<tr>
<td>extra</td>
<td>\u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E</td>
<td>string|slot</td>
<td>-</td>
</tr>
<tr>
<td>footer</td>
<td>PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar</td>
<td>string|slot</td>
<td>-</td>
</tr>
<tr>
<td>ghost</td>
<td>pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272</td>
<td>boolean</td>
<td>true</td>
</tr>
<tr>
<td>subTitle</td>
<td>\u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57</td>
<td>string|slot</td>
<td>-</td>
</tr>
<tr>
<td>tags</td>
<td>title \u65C1\u7684 tag \u5217\u8868</td>
<td><a href="/components/tag-cn/">Tag</a>[] | <a href="/components/tag-cn/">Tag</a></td>
<td>-</td>
</tr>
<tr>
<td>title</td>
<td>\u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57</td>
<td>string|slot</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>back</td>
<td>\u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6</td>
<td>function(e)</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748060268932}},ln={class:"markdown"};function un(l,t,p,c,r,u){return g(),b("article",ln,t[0]||(t[0]=[Z('<p>\u9875\u5934\u4F4D\u4E8E\u9875\u5BB9\u5668\u4E2D\uFF0C\u9875\u5BB9\u5668\u9876\u90E8\uFF0C\u8D77\u5230\u4E86\u5185\u5BB9\u6982\u89C8\u548C\u5F15\u5BFC\u9875\u7EA7\u64CD\u4F5C\u7684\u4F5C\u7528\u3002\u5305\u62EC\u7531\u9762\u5305\u5C51\u3001\u6807\u9898\u3001\u9875\u9762\u5185\u5BB9\u7B80\u4ECB\u3001\u9875\u9762\u7EA7\u64CD\u4F5C\u7B49\u3001\u9875\u9762\u7EA7\u5BFC\u822A\u7EC4\u6210\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5F53\u9700\u8981\u4F7F\u7528\u6237\u5FEB\u901F\u7406\u89E3\u5F53\u524D\u9875\u662F\u4EC0\u4E48\u4EE5\u53CA\u65B9\u4FBF\u7528\u6237\u4F7F\u7528\u9875\u9762\u529F\u80FD\u65F6\u4F7F\u7528\uFF0C\u901A\u5E38\u4E5F\u53EF\u88AB\u7528\u4F5C\u9875\u9762\u95F4\u5BFC\u822A\u3002</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>avatar</td><td>\u6807\u9898\u680F\u65C1\u7684\u5934\u50CF</td><td><a href="/components/avatar-cn/">avatar props</a></td><td>-</td></tr><tr><td>backIcon</td><td>\u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon</td><td>string|slot</td><td><code>&lt;ArrowLeft /&gt;</code></td></tr><tr><td>breadcrumb</td><td>\u9762\u5305\u5C51\u7684\u914D\u7F6E</td><td><a href="/components/breadcrumb-cn/">breadcrumb</a></td><td>-</td></tr><tr><td>extra</td><td>\u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E</td><td>string|slot</td><td>-</td></tr><tr><td>footer</td><td>PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar</td><td>string|slot</td><td>-</td></tr><tr><td>ghost</td><td>pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272</td><td>boolean</td><td>true</td></tr><tr><td>subTitle</td><td>\u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57</td><td>string|slot</td><td>-</td></tr><tr><td>tags</td><td>title \u65C1\u7684 tag \u5217\u8868</td><td><a href="/components/tag-cn/">Tag</a>[] | <a href="/components/tag-cn/">Tag</a></td><td>-</td></tr><tr><td>title</td><td>\u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>back</td><td>\u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6</td><td>function(e)</td></tr></tbody></table>',7)]))}const kn=I(cn,[["render",un]]),gn={pageData:{title:"PageHeader",description:"",frontmatter:{category:"Components",type:"Navigation",title:"PageHeader",cols:1,subtitle:null,cover:"https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:"PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation."},{level:2,title:"API",slug:"API",content:""},{level:3,title:"Events",slug:"Events",content:""}],relativePath:"components/page-header/index.en-US.md",content:`
A header with common actions and design elements built in.

## When To Use

PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation.

## API

| Param | Description | Type | Default value |
| --- | --- | --- | --- |
| avatar | Avatar next to the title bar | [avatar props](/components/avatar/) | - |
| backIcon | custom back icon, if false the back icon will not be displayed | string\\|slot | \`&lt;ArrowLeft /&gt;\` |
| breadcrumb | Breadcrumb configuration | [breadcrumb](/components/breadcrumb/) | - |
| extra | Operating area, at the end of the line of the title line | string\\|slot | - |
| footer | PageHeader&#39;s footer, generally used to render TabBar | string\\|slot | - |
| ghost | PageHeader type, will change background color | boolean | true |
| subTitle | custom subTitle text | string\\|slot | - |
| tags | Tag list next to title | [Tag](/components/tag/)\\[] \\| [Tag](/components/tag/) | - |
| title | custom title text | string\\|slot | - |

### Events

| Events Name | Description           | Arguments   |
| ----------- | --------------------- | ----------- |
| back        | back icon click event | function(e) |
`,html:`<p>A header with common actions and design elements built in.</p>
<h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation.</p>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<table>
<thead>
<tr>
<th>Param</th>
<th>Description</th>
<th>Type</th>
<th>Default value</th>
</tr>
</thead>
<tbody>
<tr>
<td>avatar</td>
<td>Avatar next to the title bar</td>
<td><a href="/components/avatar/">avatar props</a></td>
<td>-</td>
</tr>
<tr>
<td>backIcon</td>
<td>custom back icon, if false the back icon will not be displayed</td>
<td>string|slot</td>
<td><code>&lt;ArrowLeft /&gt;</code></td>
</tr>
<tr>
<td>breadcrumb</td>
<td>Breadcrumb configuration</td>
<td><a href="/components/breadcrumb/">breadcrumb</a></td>
<td>-</td>
</tr>
<tr>
<td>extra</td>
<td>Operating area, at the end of the line of the title line</td>
<td>string|slot</td>
<td>-</td>
</tr>
<tr>
<td>footer</td>
<td>PageHeader's footer, generally used to render TabBar</td>
<td>string|slot</td>
<td>-</td>
</tr>
<tr>
<td>ghost</td>
<td>PageHeader type, will change background color</td>
<td>boolean</td>
<td>true</td>
</tr>
<tr>
<td>subTitle</td>
<td>custom subTitle text</td>
<td>string|slot</td>
<td>-</td>
</tr>
<tr>
<td>tags</td>
<td>Tag list next to title</td>
<td><a href="/components/tag/">Tag</a>[] | <a href="/components/tag/">Tag</a></td>
<td>-</td>
</tr>
<tr>
<td>title</td>
<td>custom title text</td>
<td>string|slot</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="Events">Events <a class="header-anchor" href="#Events">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
</tr>
</thead>
<tbody>
<tr>
<td>back</td>
<td>back icon click event</td>
<td>function(e)</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748060268932}},rn={class:"markdown"};function dn(l,t,p,c,r,u){return g(),b("article",rn,t[0]||(t[0]=[Z('<p>A header with common actions and design elements built in.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><table><thead><tr><th>Param</th><th>Description</th><th>Type</th><th>Default value</th></tr></thead><tbody><tr><td>avatar</td><td>Avatar next to the title bar</td><td><a href="/components/avatar/">avatar props</a></td><td>-</td></tr><tr><td>backIcon</td><td>custom back icon, if false the back icon will not be displayed</td><td>string|slot</td><td><code>&lt;ArrowLeft /&gt;</code></td></tr><tr><td>breadcrumb</td><td>Breadcrumb configuration</td><td><a href="/components/breadcrumb/">breadcrumb</a></td><td>-</td></tr><tr><td>extra</td><td>Operating area, at the end of the line of the title line</td><td>string|slot</td><td>-</td></tr><tr><td>footer</td><td>PageHeader&#39;s footer, generally used to render TabBar</td><td>string|slot</td><td>-</td></tr><tr><td>ghost</td><td>PageHeader type, will change background color</td><td>boolean</td><td>true</td></tr><tr><td>subTitle</td><td>custom subTitle text</td><td>string|slot</td><td>-</td></tr><tr><td>tags</td><td>Tag list next to title</td><td><a href="/components/tag/">Tag</a>[] | <a href="/components/tag/">Tag</a></td><td>-</td></tr><tr><td>title</td><td>custom title text</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="Events">Events <a class="header-anchor" href="#Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>back</td><td>back icon click event</td><td>function(e)</td></tr></tbody></table>',7)]))}const In=I(gn,[["render",dn]]),Cn=y({CN:kn,US:In,components:{Basic:V,Breadcrumb:f,Actions:j,Context:U,Responsive:tn,Ghost:pn}});function mn(l,t,p,c,r,u){const k=e("basic"),i=e("breadcrumb"),C=e("actions"),d=e("context"),h=e("responsive"),G=e("ghost"),v=e("demo-sort");return g(),m(v,{cols:1},{default:s(()=>[o(k),o(i),o(C),o(d),o(h),o(G)]),_:1})}const bn=I(Cn,[["render",mn]]);export{bn as default};