index.59d66fc7.js 230 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014
  1. import{_ as d,j as e,k as g,l as m,w as s,f as o,b as n,e as a,d as y,z as X,a as b,h as R,t as w,F as x,n as Z}from"./index.c1b9962e.js";const B={};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</h2>
  2. <p>\u6807\u51C6\u9875\u5934\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u7B80\u5355\u63CF\u8FF0\u7684\u573A\u666F\u3002</p>
  3. <h2 id="en-us">en-US</h2>
  4. <p>Standard header, suitable for use in scenarios that require a brief description.</p>
  5. `,order:1,title:{"zh-CN":"\u6807\u51C6\u6837\u5F0F","en-US":"Basic Page Header"},relativePath:"src/docs/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(`
  6. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  7. `),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(`
  8. `),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(`
  9. `),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(`
  10. `),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(`
  11. `),n("span",{class:"token punctuation"},"/>")]),a(`
  12. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  13. `)])],-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(`
  14. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  15. `),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(`
  16. `),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(`
  17. `),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(`
  18. `),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(`
  19. `),n("span",{class:"token punctuation"},"/>")]),a(`
  20. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  21. `)])],-1)])),_:1})}var V=d(B,[["render",P]]);const 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</h2>
  22. <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>
  23. <h2 id="en-us">en-US</h2>
  24. <p>With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.</p>
  25. `,order:3,title:{"zh-CN":"\u5E26\u9762\u5305\u5C51\u9875\u5934","en-US":"Use with breadcrumbs"},relativePath:"src/docs/page-header/demo/breadcrumb.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgOmJyZWFkY3J1bWI9Insgcm91dGVzIH0iCiAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKY29uc3Qgcm91dGVzID0gWwogIHsKICAgIHBhdGg6ICdpbmRleCcsCiAgICBicmVhZGNydW1iTmFtZTogJ0ZpcnN0LWxldmVsIE1lbnUnLAogIH0sCiAgewogICAgcGF0aDogJ2ZpcnN0JywKICAgIGJyZWFkY3J1bWJOYW1lOiAnU2Vjb25kLWxldmVsIE1lbnUnLAogIH0sCiAgewogICAgcGF0aDogJ3NlY29uZCcsCiAgICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICByb3V0ZXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgOmJyZWFkY3J1bWI9Insgcm91dGVzIH0iCiAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCByb3V0ZXMgPSBbCiAgewogICAgcGF0aDogJ2luZGV4JywKICAgIGJyZWFkY3J1bWJOYW1lOiAnRmlyc3QtbGV2ZWwgTWVudScsCiAgfSwKICB7CiAgICBwYXRoOiAnZmlyc3QnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdTZWNvbmQtbGV2ZWwgTWVudScsCiAgfSwKICB7CiAgICBwYXRoOiAnc2Vjb25kJywKICAgIGJyZWFkY3J1bWJOYW1lOiAnVGhpcmQtbGV2ZWwgTWVudScsCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHJvdXRlcywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{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(`
  26. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  27. `),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(`
  28. `),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(`
  29. `),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(`
  30. `),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(`
  31. `),n("span",{class:"token punctuation"},"/>")]),a(`
  32. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  33. `),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(`
  34. `),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(`
  35. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  36. `),n("span",{class:"token punctuation"},"{"),a(`
  37. `),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(`
  38. `),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(`
  39. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  40. `),n("span",{class:"token punctuation"},"{"),a(`
  41. `),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(`
  42. `),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(`
  43. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  44. `),n("span",{class:"token punctuation"},"{"),a(`
  45. `),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(`
  46. `),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(`
  47. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  48. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
  49. `),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(`
  50. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
  51. `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
  52. routes`),n("span",{class:"token punctuation"},","),a(`
  53. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  54. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  55. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
  56. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
  57. `)])],-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(`
  58. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  59. `),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(`
  60. `),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(`
  61. `),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(`
  62. `),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(`
  63. `),n("span",{class:"token punctuation"},"/>")]),a(`
  64. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  65. `),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(`
  66. `),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(`
  67. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  68. `),n("span",{class:"token punctuation"},"{"),a(`
  69. `),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(`
  70. `),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(`
  71. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  72. `),n("span",{class:"token punctuation"},"{"),a(`
  73. `),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(`
  74. `),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(`
  75. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  76. `),n("span",{class:"token punctuation"},"{"),a(`
  77. `),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(`
  78. `),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(`
  79. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  80. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
  81. `),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(`
  82. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
  83. `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
  84. routes`),n("span",{class:"token punctuation"},","),a(`
  85. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  86. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  87. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
  88. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
  89. `)])],-1)])),_:1})}var f=d(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"),I=e("demo-box");return g(),m(I,{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</h2>
  90. <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>
  91. <h2 id="en-us">en-US</h2>
  92. <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>
  93. `,order:5,title:{"zh-CN":"\u591A\u79CD\u5F62\u6001\u7684 PageHeader","en-US":"Various forms of PageHeader"},relativePath:"src/docs/page-header/demo/actions.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdlLWhlYWRlcgogICAgICBjbGFzcz0iZGVtby1wYWdlLWhlYWRlciIKICAgICAgc3R5bGU9ImJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzUsIDIzNywgMjQwKSIKICAgICAgdGl0bGU9IlRpdGxlIgogICAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAgICAgQGJhY2s9IigpID0+ICRyb3V0ZXIuZ28oLTEpIgogICAgPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIzIj4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXNzb2NpYXRpb24iPgogICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRpb24gVGltZSI+MjAxNy0wMS0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgR29uZ2h1IFJvYWQsIFhpaHUgRGlzdHJpY3QsIEhhbmd6aG91LCBaaGVqaWFuZywgQ2hpbmEKICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjdGFncz4KICAgICAgICA8YS10YWcgY29sb3I9ImJsdWUiPlJ1bm5pbmc8L2EtdGFnPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1zbG90OmV4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtcm93IHR5cGU9ImZsZXgiPgogICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iU3RhdHVzIiB2YWx1ZT0iUGVuZGluZyIgLz4KICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgIHRpdGxlPSJQcmljZSIKICAgICAgICAgIHByZWZpeD0iJCIKICAgICAgICAgIDp2YWx1ZT0iNTY4LjA4IgogICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgIG1hcmdpbjogJzAgMzJweCcsCiAgICAgICAgICB9IgogICAgICAgIC8+CiAgICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJCYWxhbmNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iMzM0NS4wOCIgLz4KICAgICAgPC9hLXJvdz4KICAgIDwvYS1wYWdlLWhlYWRlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+Ci5kZW1vLXBhZ2UtaGVhZGVyIDpkZWVwKHRyOmxhc3QtY2hpbGQgdGQpIHsKICBwYWRkaW5nLWJvdHRvbTogMDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdlLWhlYWRlcgogICAgICBjbGFzcz0iZGVtby1wYWdlLWhlYWRlciIKICAgICAgc3R5bGU9ImJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzUsIDIzNywgMjQwKSIKICAgICAgdGl0bGU9IlRpdGxlIgogICAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAgICAgQGJhY2s9IigpID0+ICRyb3V0ZXIuZ28oLTEpIgogICAgPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIzIj4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXNzb2NpYXRpb24iPgogICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRpb24gVGltZSI+MjAxNy0wMS0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgR29uZ2h1IFJvYWQsIFhpaHUgRGlzdHJpY3QsIEhhbmd6aG91LCBaaGVqaWFuZywgQ2hpbmEKICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjdGFncz4KICAgICAgICA8YS10YWcgY29sb3I9ImJsdWUiPlJ1bm5pbmc8L2EtdGFnPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgdi1zbG90OmV4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+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(`
  94. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  95. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  96. `),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(`
  97. `),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(`
  98. `),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(`
  99. `),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(`
  100. `),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(`
  101. `),n("span",{class:"token punctuation"},">")]),a(`
  102. `),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(`
  103. `),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(`
  104. `),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(`
  105. `),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(`
  106. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  107. `),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(`
  108. `),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(`
  109. `),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(`
  110. `),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(`
  111. `),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(`
  112. `),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(`
  113. `),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(`
  114. `),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(`
  115. Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
  116. `),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(`
  117. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
  118. `),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(`
  119. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
  120. `),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(`
  121. `),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(`
  122. `),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(`
  123. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  124. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("extra")]),n("span",{class:"token punctuation"},">")]),a(`
  125. `),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(`
  126. `),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(`
  127. `),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(`
  128. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  129. `),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(`
  130. `),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(`
  131. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
  132. `),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(`
  133. `),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(`
  134. `),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(`
  135. `),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(`{
  136. margin: '0 32px',
  137. }`),n("span",{class:"token punctuation"},'"')]),a(`
  138. `),n("span",{class:"token punctuation"},"/>")]),a(`
  139. `),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(`
  140. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
  141. `),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(`
  142. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  143. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  144. `),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(`
  145. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  146. `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  147. `),n("span",{class:"token punctuation"},"}"),a(`
  148. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  149. `)])],-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(`
  150. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  151. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  152. `),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(`
  153. `),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(`
  154. `),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(`
  155. `),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(`
  156. `),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(`
  157. `),n("span",{class:"token punctuation"},">")]),a(`
  158. `),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(`
  159. `),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(`
  160. `),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(`
  161. `),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(`
  162. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  163. `),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(`
  164. `),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(`
  165. `),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(`
  166. `),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(`
  167. `),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(`
  168. `),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(`
  169. `),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(`
  170. `),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(`
  171. Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
  172. `),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(`
  173. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
  174. `),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(`
  175. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
  176. `),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(`
  177. `),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(`
  178. `),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(`
  179. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  180. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("extra")]),n("span",{class:"token punctuation"},">")]),a(`
  181. `),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(`
  182. `),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(`
  183. `),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(`
  184. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  185. `),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(`
  186. `),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(`
  187. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
  188. `),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(`
  189. `),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(`
  190. `),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(`
  191. `),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(`{
  192. margin: '0 32px',
  193. }`),n("span",{class:"token punctuation"},'"')]),a(`
  194. `),n("span",{class:"token punctuation"},"/>")]),a(`
  195. `),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(`
  196. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
  197. `),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(`
  198. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  199. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  200. `),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(`
  201. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  202. `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  203. `),n("span",{class:"token punctuation"},"}"),a(`
  204. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  205. `)])],-1)])),_:1})}var J=d(N,[["render",z],["__scopeId","data-v-d8f98bf0"]]);const D=[{path:"index",breadcrumbName:"First-level Menu"},{path:"first",breadcrumbName:"Second-level Menu"},{path:"second",breadcrumbName:"Third-level Menu"}],j=[{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"}],F=y({setup(){return{routes:D,iconLinks:j}},components:{EllipsisOutlined:X}}),K={class:"components-page-header-demo-content"},T={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"),I=e("a-menu-item"),v=e("a-menu"),h=e("a-dropdown"),G=e("a-row"),W=e("a-page-header"),Y=e("demo-box");return g(),m(Y,{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</h2>
  206. <p>\u4F7F\u7528\u4E86 PageHeader \u63D0\u4F9B\u7684\u6240\u6709\u80FD\u529B\u3002</p>
  207. <h2 id="en-us">en-US</h2>
  208. <p>Show all props provided by PageHeader.</p>
  209. `,order:4,title:{"zh-CN":"\u7EC4\u5408\u793A\u4F8B","en-US":"Complete example"},relativePath:"src/docs/page-header/demo/content.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgY2xhc3M9InNpdGUtcGFnZS1oZWFkZXIiCiAgICAgIHN1Yi10aXRsZT0iVGhpcyBpcyBhIHN1YnRpdGxlIgogICAgICA6YXZhdGFyPSJ7IHNyYzogJ2h0dHBzOi8vYXZhdGFyczEuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvODE4NjY2ND9zPTQ2MCZ2PTQnIH0iCiAgICAgIDpicmVhZGNydW1iPSJ7IHJvdXRlcyB9IgogICAgPgogICAgICA8dGVtcGxhdGUgdi1zbG90OnRhZ3M+CiAgICAgICAgPGEtdGFnIGNvbG9yPSJibHVlIj5SdW5uaW5nPC9hLXRhZz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtc2xvdDpleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgICAgPGEtZHJvcGRvd24ga2V5PSJtb3JlIj4KICAgICAgICAgIDxhLWJ1dHRvbiA6c3R5bGU9InsgYm9yZGVyOiAnbm9uZScsIHBhZGRpbmc6IDAgfSI+CiAgICAgICAgICAgIDxFbGxpcHNpc091dGxpbmVkIDpzdHlsZT0ieyBmb250U2l6ZTogJzIwcHgnLCB2ZXJ0aWNhbEFsaWduOiAndG9wJyB9IiAvPgogICAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSB2LXNsb3Q6b3ZlcmxheT4KICAgICAgICAgICAgPGEtbWVudT4KICAgICAgICAgICAgICA8YS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICA8YSB0YXJnZXQ9Il9ibGFuayIgcmVsPSJub29wZW5lciBub3JlZmVycmVyIiBocmVmPSJodHRwOi8vd3d3LmFsaXBheS5jb20vIj4KICAgICAgICAgICAgICAgICAgMXN0IG1lbnUgaXRlbQogICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgIDwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPgogICAgICAgICAgICAgICAgPGEgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIgbm9yZWZlcnJlciIgaHJlZj0iaHR0cDovL3d3dy50YW9iYW8uY29tLyI+CiAgICAgICAgICAgICAgICAgIDJuZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgIDxhIHRhcmdldD0iX2JsYW5rIiByZWw9Im5vb3BlbmVyIG5vcmVmZXJyZXIiIGhyZWY9Imh0dHA6Ly93d3cudG1hbGwuY29tLyI+CiAgICAgICAgICAgICAgICAgIDNyZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8L2EtbWVudT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWRyb3Bkb3duPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8YS1yb3cgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgc3R5bGU9ImZsZXg6IDEiPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24gaW50ZXJwcmV0cyB0aGUgY29sb3Igc3lzdGVtIGludG8gdHdvIGxldmVsczogYSBzeXN0ZW0tbGV2ZWwgY29sb3Igc3lzdGVtIGFuZAogICAgICAgICAgICBhIHByb2R1Y3QtbGV2ZWwgY29sb3Igc3lzdGVtLgogICAgICAgICAgPC9wPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24mI3gyNztzIGRlc2lnbiB0ZWFtIHByZWZlcnJlZCB0byBkZXNpZ24gd2l0aCB0aGUgSFNCIGNvbG9yIG1vZGVsLCB3aGljaCBtYWtlcwogICAgICAgICAgICBpdCBlYXNpZXIgZm9yIGRlc2lnbmVycyB0byBoYXZlIGEgY2xlYXIgcHN5Y2hvbG9naWNhbCBleHBlY3RhdGlvbiBvZiBjb2xvciB3aGVuCiAgICAgICAgICAgIGFkanVzdGluZyBjb2xvcnMsIGFzIHdlbGwgYXMgZmFjaWxpdGF0ZSBjb21tdW5pY2F0aW9uIGluIHRlYW1zLgogICAgICAgICAgPC9wPgogICAgICAgICAgPGRpdj4KICAgICAgICAgICAgPHRlbXBsYXRlIHYtZm9yPSJpdGVtIGluIGljb25MaW5rcyIgOmtleT0iaXRlbS5zcmMiPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJleGFtcGxlLWxpbmsiPgogICAgICAgICAgICAgICAgPGltZyBjbGFzcz0iZXhhbXBsZS1saW5rLWljb24iIDpzcmM9Iml0ZW0uc3JjIiA6YWx0PSJpdGVtLnRleHQiIC8+CiAgICAgICAgICAgICAgICB7eyBpdGVtLnRleHQgfX0KICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJpbWFnZSI+CiAgICAgICAgICA8aW1nCiAgICAgICAgICAgIHNyYz0iaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3MvYW50ZmluY2RuL0slMjRObmxzQiUyNmh6L3BhZ2VIZWFkZXIuc3ZnIgogICAgICAgICAgICBhbHQ9ImNvbnRlbnQiCiAgICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgICAgICAgIC8+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvYS1yb3c+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBFbGxpcHNpc091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKCmNvbnN0IHJvdXRlcyA9IFsKICB7CiAgICBwYXRoOiAnaW5kZXgnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKICB9LAogIHsKICAgIHBhdGg6ICdmaXJzdCcsCiAgICBicmVhZGNydW1iTmFtZTogJ1NlY29uZC1sZXZlbCBNZW51JywKICB9LAogIHsKICAgIHBhdGg6ICdzZWNvbmQnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdUaGlyZC1sZXZlbCBNZW51JywKICB9LApdOwoKaW50ZXJmYWNlIEljb25MaW5rIHsKICBzcmM6IHN0cmluZzsKICB0ZXh0OiBzdHJpbmc7Cn0KY29uc3QgaWNvbkxpbmtzOiBJY29uTGlua1tdID0gWwogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9NakVJbVF0ZW5seXVlU21WRWZVRC5zdmcnLAogICAgdGV4dDogJ1F1aWNrIFN0YXJ0JywKICB9LAogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9OYnVEVUF1QmxJQXBGdUR2V2lORC5zdmcnLAogICAgdGV4dDogJ1Byb2R1Y3QgSW5mbycsCiAgfSwKICB7CiAgICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvb2hPRVBTWWREVE5ueU1iR3V5TGIuc3ZnJywKICAgIHRleHQ6ICdQcm9kdWN0IERvYycsCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICByb3V0ZXMsCiAgICAgIGljb25MaW5rcywKICAgIH07CiAgfSwKICBjb21wb25lbnRzOiB7CiAgICBFbGxpcHNpc091dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5pbWFnZSB7CiAgbWFyZ2luOiAwIDAgMCA2MHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5pbWFnZSB7CiAgbWFyZ2luOiAwIDYwcHggMCAwOwp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmV4YW1wbGUtbGluayB7CiAgbGluZS1oZWlnaHQ6IDI0cHg7CiAgbWFyZ2luLXJpZ2h0OiAxNnB4Owp9CltkYXRhLXRoZW1lPSdjb21wYWN0J10gI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmsgewogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rLWljb24gewogIG1hcmdpbi1yaWdodDogOHB4Owp9CgpbZGF0YS10aGVtZT0nY29tcGFjdCddICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rLWljb24gewogIHdpZHRoOiAyMHB4OwogIGhlaWdodDogMjBweDsKfQoKI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5leGFtcGxlLWxpbmsgewogIGZsb2F0OiByaWdodDsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbWFyZ2luLWxlZnQ6IDE2cHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5leGFtcGxlLWxpbmstaWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiAwOwogIG1hcmdpbi1sZWZ0OiA4cHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5jb250ZW50IHAgewogIG1hcmdpbi1ib3R0b206IDFlbTsKICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsKICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkOwp9CgpAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHsKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmltYWdlIHsKICAgIGZsZXg6IDEwMCU7CiAgICBtYXJnaW46IDI0cHggMCAwOwogIH0KfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgY2xhc3M9InNpdGUtcGFnZS1oZWFkZXIiCiAgICAgIHN1Yi10aXRsZT0iVGhpcyBpcyBhIHN1YnRpdGxlIgogICAgICA6YXZhdGFyPSJ7IHNyYzogJ2h0dHBzOi8vYXZhdGFyczEuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvODE4NjY2ND9zPTQ2MCZ2PTQnIH0iCiAgICAgIDpicmVhZGNydW1iPSJ7IHJvdXRlcyB9IgogICAgPgogICAgICA8dGVtcGxhdGUgdi1zbG90OnRhZ3M+CiAgICAgICAgPGEtdGFnIGNvbG9yPSJibHVlIj5SdW5uaW5nPC9hLXRhZz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlIHYtc2xvdDpleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgICAgPGEtZHJvcGRvd24ga2V5PSJtb3JlIj4KICAgICAgICAgIDxhLWJ1dHRvbiA6c3R5bGU9InsgYm9yZGVyOiAnbm9uZScsIHBhZGRpbmc6IDAgfSI+CiAgICAgICAgICAgIDxFbGxpcHNpc091dGxpbmVkIDpzdHlsZT0ieyBmb250U2l6ZTogJzIwcHgnLCB2ZXJ0aWNhbEFsaWduOiAndG9wJyB9IiAvPgogICAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSB2LXNsb3Q6b3ZlcmxheT4KICAgICAgICAgICAgPGEtbWVudT4KICAgICAgICAgICAgICA8YS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICA8YSB0YXJnZXQ9Il9ibGFuayIgcmVsPSJub29wZW5lciBub3JlZmVycmVyIiBocmVmPSJodHRwOi8vd3d3LmFsaXBheS5jb20vIj4KICAgICAgICAgICAgICAgICAgMXN0IG1lbnUgaXRlbQogICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgIDwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPgogICAgICAgICAgICAgICAgPGEgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIgbm9yZWZlcnJlciIgaHJlZj0iaHR0cDovL3d3dy50YW9iYW8uY29tLyI+CiAgICAgICAgICAgICAgICAgIDJuZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgIDxhIHRhcmdldD0iX2JsYW5rIiByZWw9Im5vb3BlbmVyIG5vcmVmZXJyZXIiIGhyZWY9Imh0dHA6Ly93d3cudG1hbGwuY29tLyI+CiAgICAgICAgICAgICAgICAgIDNyZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8L2EtbWVudT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWRyb3Bkb3duPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8YS1yb3cgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgc3R5bGU9ImZsZXg6IDEiPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24gaW50ZXJwcmV0cyB0aGUgY29sb3Igc3lzdGVtIGludG8gdHdvIGxldmVsczogYSBzeXN0ZW0tbGV2ZWwgY29sb3Igc3lzdGVtIGFuZAogICAgICAgICAgICBhIHByb2R1Y3QtbGV2ZWwgY29sb3Igc3lzdGVtLgogICAgICAgICAgPC9wPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24mI3gyNztzIGRlc2lnbiB0ZWFtIHByZWZlcnJlZCB0byBkZXNpZ24gd2l0aCB0aGUgSFNCIGNvbG9yIG1vZGVsLCB3aGljaCBtYWtlcwogICAgICAgICAgICBpdCBlYXNpZXIgZm9yIGRlc2lnbmVycyB0byBoYXZlIGEgY2xlYXIgcHN5Y2hvbG9naWNhbCBleHBlY3RhdGlvbiBvZiBjb2xvciB3aGVuCiAgICAgICAgICAgIGFkanVzdGluZyBjb2xvcnMsIGFzIHdlbGwgYXMgZmFjaWxpdGF0ZSBjb21tdW5pY2F0aW9uIGluIHRlYW1zLgogICAgICAgICAgPC9wPgogICAgICAgICAgPGRpdj4KICAgICAgICAgICAgPHRlbXBsYXRlIHYtZm9yPSJpdGVtIGluIGljb25MaW5rcyIgOmtleT0iaXRlbS5zcmMiPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJleGFtcGxlLWxpbmsiPgogICAgICAgICAgICAgICAgPGltZyBjbGFzcz0iZXhhbXBsZS1saW5rLWljb24iIDpzcmM9Iml0ZW0uc3JjIiA6YWx0PSJpdGVtLnRleHQiIC8+CiAgICAgICAgICAgICAgICB7eyBpdGVtLnRleHQgfX0KICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJpbWFnZSI+CiAgICAgICAgICA8aW1nCiAgICAgICAgICAgIHNyYz0iaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3MvYW50ZmluY2RuL0slMjRObmxzQiUyNmh6L3BhZ2VIZWFkZXIuc3ZnIgogICAgICAgICAgICBhbHQ9ImNvbnRlbnQiCiAgICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgICAgICAgIC8+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvYS1yb3c+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IEVsbGlwc2lzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpjb25zdCByb3V0ZXMgPSBbCiAgewogICAgcGF0aDogJ2luZGV4JywKICAgIGJyZWFkY3J1bWJOYW1lOiAnRmlyc3QtbGV2ZWwgTWVudScsCiAgfSwKICB7CiAgICBwYXRoOiAnZmlyc3QnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdTZWNvbmQtbGV2ZWwgTWVudScsCiAgfSwKICB7CiAgICBwYXRoOiAnc2Vjb25kJywKICAgIGJyZWFkY3J1bWJOYW1lOiAnVGhpcmQtbGV2ZWwgTWVudScsCiAgfSwKXTsKY29uc3QgaWNvbkxpbmtzID0gWwogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9NakVJbVF0ZW5seXVlU21WRWZVRC5zdmcnLAogICAgdGV4dDogJ1F1aWNrIFN0YXJ0JywKICB9LAogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9OYnVEVUF1QmxJQXBGdUR2V2lORC5zdmcnLAogICAgdGV4dDogJ1Byb2R1Y3QgSW5mbycsCiAgfSwKICB7CiAgICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvb2hPRVBTWWREVE5ueU1iR3V5TGIuc3ZnJywKICAgIHRleHQ6ICdQcm9kdWN0IERvYycsCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHJvdXRlcywKICAgICAgaWNvbkxpbmtzLAogICAgfTsKICB9LAogIGNvbXBvbmVudHM6IHsKICAgIEVsbGlwc2lzT3V0bGluZWQsCiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmltYWdlIHsKICBtYXJnaW46IDAgMCAwIDYwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmltYWdlIHsKICBtYXJnaW46IDAgNjBweCAwIDA7Cn0KCiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rIHsKICBsaW5lLWhlaWdodDogMjRweDsKICBtYXJnaW4tcmlnaHQ6IDE2cHg7Cn0KW2RhdGEtdGhlbWU9J2NvbXBhY3QnXSAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmV4YW1wbGUtbGluayB7CiAgbGluZS1oZWlnaHQ6IDIwcHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmstaWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7Cn0KCltkYXRhLXRoZW1lPSdjb21wYWN0J10gI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmstaWNvbiB7CiAgd2lkdGg6IDIwcHg7CiAgaGVpZ2h0OiAyMHB4Owp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmV4YW1wbGUtbGluayB7CiAgZmxvYXQ6IHJpZ2h0OwogIG1hcmdpbi1yaWdodDogMDsKICBtYXJnaW4tbGVmdDogMTZweDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmV4YW1wbGUtbGluay1pY29uIHsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbWFyZ2luLWxlZnQ6IDhweDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmNvbnRlbnQgcCB7CiAgbWFyZ2luLWJvdHRvbTogMWVtOwogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODUpOwogIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7Cn0KCkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuaW1hZ2UgewogICAgZmxleDogMTAwJTsKICAgIG1hcmdpbjogMjRweCAwIDA7CiAgfQp9Cjwvc3R5bGU+"}},{default:s(()=>[n("div",K,[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(h,{key:"more"},{overlay:s(()=>[o(v,null,{default:s(()=>[o(I,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(I,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(I,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(G,{class:"content"},{default:s(()=>[n("div",T,[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(x,null,R(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(`
  210. `),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(`
  211. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  212. `),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(`
  213. `),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(`
  214. `),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(`
  215. `),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(`
  216. `),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(`
  217. `),n("span",{class:"token punctuation"},">")]),a(`
  218. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("tags")]),n("span",{class:"token punctuation"},">")]),a(`
  219. `),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(`
  220. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  221. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("extra")]),n("span",{class:"token punctuation"},">")]),a(`
  222. `),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(`
  223. `),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(`
  224. `),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(`
  225. `),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(`
  226. `),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(`
  227. `),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(`
  228. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
  229. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("overlay")]),n("span",{class:"token punctuation"},">")]),a(`
  230. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
  231. `),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(`
  232. `),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(`
  233. 1st menu item
  234. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  235. `),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(`
  236. `),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(`
  237. `),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(`
  238. 2nd menu item
  239. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  240. `),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(`
  241. `),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(`
  242. `),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(`
  243. 3rd menu item
  244. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  245. `),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(`
  246. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
  247. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  248. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
  249. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  250. `),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(`
  251. `),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(`
  252. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  253. Ant Design interprets the color system into two levels: a system-level color system and
  254. a product-level color system.
  255. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  256. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  257. Ant Design`),n("span",{class:"token entity",title:"'"},"&#x27;"),a(`s design team preferred to design with the HSB color model, which makes
  258. it easier for designers to have a clear psychological expectation of color when
  259. adjusting colors, as well as facilitate communication in teams.
  260. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  261. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  262. `),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(`
  263. `),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(`
  264. `),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(`
  265. {{ item.text }}
  266. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  267. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  268. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  269. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  270. `),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(`
  271. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(`
  272. `),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(`
  273. `),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(`
  274. `),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(`
  275. `),n("span",{class:"token punctuation"},"/>")]),a(`
  276. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  277. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
  278. `),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(`
  279. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  280. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  281. `),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(`
  282. `),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(`
  283. `),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(`
  284. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  285. `),n("span",{class:"token punctuation"},"{"),a(`
  286. `),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(`
  287. `),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(`
  288. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  289. `),n("span",{class:"token punctuation"},"{"),a(`
  290. `),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(`
  291. `),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(`
  292. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  293. `),n("span",{class:"token punctuation"},"{"),a(`
  294. `),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(`
  295. `),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(`
  296. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  297. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
  298. `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"IconLink"),a(),n("span",{class:"token punctuation"},"{"),a(`
  299. `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
  300. `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
  301. `),n("span",{class:"token punctuation"},"}"),a(`
  302. `),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(`
  303. `),n("span",{class:"token punctuation"},"{"),a(`
  304. `),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(`
  305. `),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(`
  306. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  307. `),n("span",{class:"token punctuation"},"{"),a(`
  308. `),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(`
  309. `),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(`
  310. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  311. `),n("span",{class:"token punctuation"},"{"),a(`
  312. `),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(`
  313. `),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(`
  314. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  315. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
  316. `),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(`
  317. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
  318. `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
  319. routes`),n("span",{class:"token punctuation"},","),a(`
  320. iconLinks`),n("span",{class:"token punctuation"},","),a(`
  321. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  322. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  323. `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
  324. EllipsisOutlined`),n("span",{class:"token punctuation"},","),a(`
  325. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  326. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
  327. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
  328. `),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(`
  329. `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  330. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 0 0 60px"),n("span",{class:"token punctuation"},";"),a(`
  331. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
  332. `),n("span",{class:"token property"},"align-items"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
  333. `),n("span",{class:"token punctuation"},"}"),a(`
  334. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  335. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 60px 0 0"),n("span",{class:"token punctuation"},";"),a(`
  336. `),n("span",{class:"token punctuation"},"}"),a(`
  337. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  338. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
  339. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
  340. `),n("span",{class:"token punctuation"},"}"),a(`
  341. `),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  342. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  343. `),n("span",{class:"token punctuation"},"}"),a(`
  344. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  345. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
  346. `),n("span",{class:"token punctuation"},"}"),a(`
  347. `),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  348. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  349. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  350. `),n("span",{class:"token punctuation"},"}"),a(`
  351. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  352. `),n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),a(" right"),n("span",{class:"token punctuation"},";"),a(`
  353. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  354. `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
  355. `),n("span",{class:"token punctuation"},"}"),a(`
  356. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  357. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  358. `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
  359. `),n("span",{class:"token punctuation"},"}"),a(`
  360. `),n("span",{class:"token selector"},"#components-page-header-demo-content .content p"),a(),n("span",{class:"token punctuation"},"{"),a(`
  361. `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 1em"),n("span",{class:"token punctuation"},";"),a(`
  362. `),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(`
  363. `),n("span",{class:"token property"},"overflow-wrap"),n("span",{class:"token punctuation"},":"),a(" break-word"),n("span",{class:"token punctuation"},";"),a(`
  364. `),n("span",{class:"token punctuation"},"}"),a(`
  365. `),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(`
  366. `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  367. `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
  368. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 24px 0 0"),n("span",{class:"token punctuation"},";"),a(`
  369. `),n("span",{class:"token punctuation"},"}"),a(`
  370. `),n("span",{class:"token punctuation"},"}"),a(`
  371. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  372. `)])],-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(`
  373. `),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(`
  374. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  375. `),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(`
  376. `),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(`
  377. `),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(`
  378. `),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(`
  379. `),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(`
  380. `),n("span",{class:"token punctuation"},">")]),a(`
  381. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("tags")]),n("span",{class:"token punctuation"},">")]),a(`
  382. `),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(`
  383. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  384. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("extra")]),n("span",{class:"token punctuation"},">")]),a(`
  385. `),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(`
  386. `),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(`
  387. `),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(`
  388. `),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(`
  389. `),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(`
  390. `),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(`
  391. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
  392. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("overlay")]),n("span",{class:"token punctuation"},">")]),a(`
  393. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
  394. `),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(`
  395. `),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(`
  396. 1st menu item
  397. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  398. `),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(`
  399. `),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(`
  400. `),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(`
  401. 2nd menu item
  402. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  403. `),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(`
  404. `),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(`
  405. `),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(`
  406. 3rd menu item
  407. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  408. `),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(`
  409. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
  410. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  411. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
  412. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  413. `),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(`
  414. `),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(`
  415. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  416. Ant Design interprets the color system into two levels: a system-level color system and
  417. a product-level color system.
  418. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  419. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  420. Ant Design`),n("span",{class:"token entity",title:"'"},"&#x27;"),a(`s design team preferred to design with the HSB color model, which makes
  421. it easier for designers to have a clear psychological expectation of color when
  422. adjusting colors, as well as facilitate communication in teams.
  423. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
  424. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  425. `),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(`
  426. `),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(`
  427. `),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(`
  428. {{ item.text }}
  429. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
  430. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  431. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  432. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  433. `),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(`
  434. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(`
  435. `),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(`
  436. `),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(`
  437. `),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(`
  438. `),n("span",{class:"token punctuation"},"/>")]),a(`
  439. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  440. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
  441. `),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(`
  442. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  443. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  444. `),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(`
  445. `),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(`
  446. `),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(`
  447. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  448. `),n("span",{class:"token punctuation"},"{"),a(`
  449. `),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(`
  450. `),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(`
  451. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  452. `),n("span",{class:"token punctuation"},"{"),a(`
  453. `),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(`
  454. `),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(`
  455. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  456. `),n("span",{class:"token punctuation"},"{"),a(`
  457. `),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(`
  458. `),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(`
  459. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  460. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
  461. `),n("span",{class:"token keyword"},"const"),a(" iconLinks "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
  462. `),n("span",{class:"token punctuation"},"{"),a(`
  463. `),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(`
  464. `),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(`
  465. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  466. `),n("span",{class:"token punctuation"},"{"),a(`
  467. `),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(`
  468. `),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(`
  469. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  470. `),n("span",{class:"token punctuation"},"{"),a(`
  471. `),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(`
  472. `),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(`
  473. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  474. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
  475. `),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(`
  476. `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
  477. `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
  478. routes`),n("span",{class:"token punctuation"},","),a(`
  479. iconLinks`),n("span",{class:"token punctuation"},","),a(`
  480. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
  481. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  482. `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
  483. EllipsisOutlined`),n("span",{class:"token punctuation"},","),a(`
  484. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
  485. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
  486. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
  487. `),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(`
  488. `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  489. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 0 0 60px"),n("span",{class:"token punctuation"},";"),a(`
  490. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
  491. `),n("span",{class:"token property"},"align-items"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
  492. `),n("span",{class:"token punctuation"},"}"),a(`
  493. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  494. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 60px 0 0"),n("span",{class:"token punctuation"},";"),a(`
  495. `),n("span",{class:"token punctuation"},"}"),a(`
  496. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  497. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
  498. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
  499. `),n("span",{class:"token punctuation"},"}"),a(`
  500. `),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  501. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  502. `),n("span",{class:"token punctuation"},"}"),a(`
  503. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  504. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
  505. `),n("span",{class:"token punctuation"},"}"),a(`
  506. `),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  507. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  508. `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  509. `),n("span",{class:"token punctuation"},"}"),a(`
  510. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
  511. `),n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),a(" right"),n("span",{class:"token punctuation"},";"),a(`
  512. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  513. `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
  514. `),n("span",{class:"token punctuation"},"}"),a(`
  515. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
  516. `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  517. `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
  518. `),n("span",{class:"token punctuation"},"}"),a(`
  519. `),n("span",{class:"token selector"},"#components-page-header-demo-content .content p"),a(),n("span",{class:"token punctuation"},"{"),a(`
  520. `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 1em"),n("span",{class:"token punctuation"},";"),a(`
  521. `),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(`
  522. `),n("span",{class:"token property"},"overflow-wrap"),n("span",{class:"token punctuation"},":"),a(" break-word"),n("span",{class:"token punctuation"},";"),a(`
  523. `),n("span",{class:"token punctuation"},"}"),a(`
  524. `),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(`
  525. `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
  526. `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
  527. `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 24px 0 0"),n("span",{class:"token punctuation"},";"),a(`
  528. `),n("span",{class:"token punctuation"},"}"),a(`
  529. `),n("span",{class:"token punctuation"},"}"),a(`
  530. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  531. `)])],-1)])),_:1})}var M=d(F,[["render",_],["__scopeId","data-v-31c56600"]]);const U={},E={class:"components-page-header-demo-responsive"},Q={class:"content"},O={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"),I=e("demo-box");return g(),m(I,{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",docHtml:`<h2 id="zh-cn">zh-CN</h2>
  532. <p>\u5728\u4E0D\u540C\u5927\u5C0F\u7684\u5C4F\u5E55\u4E0B\uFF0C\u5E94\u8BE5\u6709\u4E0D\u540C\u7684\u8868\u73B0</p>
  533. <h2 id="en-us">en-US</h2>
  534. <p>Under different screen sizes, there should be different performance</p>
  535. `,order:6,iframe:228,title:{"zh-CN":"\u54CD\u5E94\u5F0F","en-US":"responsive"},relativePath:"src/docs/page-header/demo/responsive.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIj4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHN0eWxlPSJib3JkZXI6IDFweCBzb2xpZCByZ2IoMjM1LCAyMzcsIDI0MCkiCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICAgIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSIKICAgID4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjZm9vdGVyPgogICAgICAgIDxhLXRhYnMgZGVmYXVsdC1hY3RpdmUta2V5PSIxIj4KICAgICAgICAgIDxhLXRhYi1wYW5lIGtleT0iMSIgdGFiPSJEZXRhaWxzIiAvPgogICAgICAgICAgPGEtdGFiLXBhbmUga2V5PSIyIiB0YWI9IlJ1bGUiIC8+CiAgICAgICAgPC9hLXRhYnM+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDxkaXYgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgY2xhc3M9Im1haW4iPgogICAgICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIyIj4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0ZWQiPkxpbGkgUXU8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJBc3NvY2lhdGlvbiI+CiAgICAgICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJDcmVhdGlvbiBUaW1lIj4yMDE3LTAxLTEwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmtzIj4KICAgICAgICAgICAgICBHb25naHUgUm9hZCwgWGlodSBEaXN0cmljdCwgSGFuZ3pob3UsIFpoZWppYW5nLCBDaGluYQogICAgICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICA8L2EtZGVzY3JpcHRpb25zPgogICAgICAgIDwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9ImV4dHJhIj4KICAgICAgICAgIDxkaXYKICAgICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLAogICAgICAgICAgICAgIHdpZHRoOiAnbWF4LWNvbnRlbnQnLAogICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLAogICAgICAgICAgICB9IgogICAgICAgICAgPgogICAgICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgICAgICB0aXRsZT0iU3RhdHVzIgogICAgICAgICAgICAgIHZhbHVlPSJQZW5kaW5nIgogICAgICAgICAgICAgIDpzdHlsZT0iewogICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6ICczMnB4JywKICAgICAgICAgICAgICB9IgogICAgICAgICAgICAvPgogICAgICAgICAgICA8YS1zdGF0aXN0aWMgdGl0bGU9IlByaWNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iNTY4LjA4IiAvPgogICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2PgogICAgPC9hLXBhZ2UtaGVhZGVyPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKPHN0eWxlPgouY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgdHI6bGFzdC1jaGlsZCB0ZCB7CiAgcGFkZGluZy1ib3R0b206IDA7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIC5jb250ZW50IHsKICBkaXNwbGF5OiBmbGV4Owp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuYW50LXN0YXRpc3RpYy1jb250ZW50IHsKICBmb250LXNpemU6IDIwcHg7CiAgbGluZS1oZWlnaHQ6IDI4cHg7Cn0KQG1lZGlhIChtYXgtd2lkdGg6IDU3NnB4KSB7CiAgI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIC5jb250ZW50IHsKICAgIGRpc3BsYXk6IGJsb2NrOwogIH0KCiAgI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIC5tYWluIHsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWJvdHRvbTogMTJweDsKICB9CgogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuZXh0cmEgewogICAgd2lkdGg6IDEwMCU7CiAgICBtYXJnaW4tbGVmdDogMDsKICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgfQp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIj4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHN0eWxlPSJib3JkZXI6IDFweCBzb2xpZCByZ2IoMjM1LCAyMzcsIDI0MCkiCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICAgIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSIKICAgID4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDx0ZW1wbGF0ZSAjZm9vdGVyPgogICAgICAgIDxhLXRhYnMgZGVmYXVsdC1hY3RpdmUta2V5PSIxIj4KICAgICAgICAgIDxhLXRhYi1wYW5lIGtleT0iMSIgdGFiPSJEZXRhaWxzIiAvPgogICAgICAgICAgPGEtdGFiLXBhbmUga2V5PSIyIiB0YWI9IlJ1bGUiIC8+CiAgICAgICAgPC9hLXRhYnM+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDxkaXYgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgY2xhc3M9Im1haW4iPgogICAgICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIyIj4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0ZWQiPkxpbGkgUXU8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJBc3NvY2lhdGlvbiI+CiAgICAgICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJDcmVhdGlvbiBUaW1lIj4yMDE3LTAxLTEwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmtzIj4KICAgICAgICAgICAgICBHb25naHUgUm9hZCwgWGlodSBEaXN0cmljdCwgSGFuZ3pob3UsIFpoZWppYW5nLCBDaGluYQogICAgICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICA8L2EtZGVzY3JpcHRpb25zPgogICAgICAgIDwvZGl2PgogICAgICAgIDxkaXYgY2xhc3M9ImV4dHJhIj4KICAgICAgICAgIDxkaXYKICAgICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLAogICAgICAgICAgICAgIHdpZHRoOiAnbWF4LWNvbnRlbnQnLAogICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1lbmQnLAogICAgICAgICAgICB9IgogICAgICAgICAgPgogICAgICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgICAgICB0aXRsZT0iU3RhdHVzIgogICAgICAgICAgICAgIHZhbHVlPSJQZW5kaW5nIgogICAgICAgICAgICAgIDpzdHlsZT0iewogICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6ICczMnB4JywKICAgICAgICAgICAgICB9IgogICAgICAgICAgICAvPgogICAgICAgICAgICA8YS1zdGF0aXN0aWMgdGl0bGU9IlByaWNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iNTY4LjA4IiAvPgogICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvZGl2PgogICAgPC9hLXBhZ2UtaGVhZGVyPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKPHN0eWxlPgouY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgdHI6bGFzdC1jaGlsZCB0ZCB7CiAgcGFkZGluZy1ib3R0b206IDA7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIC5jb250ZW50IHsKICBkaXNwbGF5OiBmbGV4Owp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuYW50LXN0YXRpc3RpYy1jb250ZW50IHsKICBmb250LXNpemU6IDIwcHg7CiAgbGluZS1oZWlnaHQ6IDI4cHg7Cn0KQG1lZGlhIChtYXgtd2lkdGg6IDU3NnB4KSB7CiAgI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIC5jb250ZW50IHsKICAgIGRpc3BsYXk6IGJsb2NrOwogIH0KCiAgI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIC5tYWluIHsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWJvdHRvbTogMTJweDsKICB9CgogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuZXh0cmEgewogICAgd2lkdGg6IDEwMCU7CiAgICBtYXJnaW4tbGVmdDogMDsKICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgfQp9Cjwvc3R5bGU+"}},{default:s(()=>[n("div",E,[o(C,{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[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,{"default-active-key":"1"},{default:s(()=>[o(c,{key:"1",tab:"Details"}),o(c,{key:"2",tab:"Rule"})]),_:1})]),default:s(()=>[n("div",Q,[n("div",O,[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(`
  536. `),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"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
  537. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  538. `),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(`
  539. `),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(`
  540. `),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(`
  541. `),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(`
  542. `),n("span",{class:"token punctuation"},">")]),a(`
  543. `),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(`
  544. `),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(`
  545. `),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(`
  546. `),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(`
  547. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  548. `),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(`
  549. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tabs")]),a(),n("span",{class:"token attr-name"},"default-active-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"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
  550. `),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(`
  551. `),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(`
  552. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
  553. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  554. `),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(`
  555. `),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(`
  556. `),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(`
  557. `),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(`
  558. `),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(`
  559. `),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(`
  560. `),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(`
  561. `),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(`
  562. `),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(`
  563. `),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(`
  564. Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
  565. `),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(`
  566. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
  567. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  568. `),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(`
  569. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(`
  570. `),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(`{
  571. display: 'flex',
  572. width: 'max-content',
  573. justifyContent: 'flex-end',
  574. }`),n("span",{class:"token punctuation"},'"')]),a(`
  575. `),n("span",{class:"token punctuation"},">")]),a(`
  576. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
  577. `),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(`
  578. `),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(`
  579. `),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(`{
  580. marginRight: '32px',
  581. }`),n("span",{class:"token punctuation"},'"')]),a(`
  582. `),n("span",{class:"token punctuation"},"/>")]),a(`
  583. `),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(`
  584. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  585. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  586. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  587. `),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(`
  588. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  589. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  590. `),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(`
  591. `),n("span",{class:"token selector"},".components-page-header-demo-responsive tr:last-child td"),a(),n("span",{class:"token punctuation"},"{"),a(`
  592. `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  593. `),n("span",{class:"token punctuation"},"}"),a(`
  594. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  595. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
  596. `),n("span",{class:"token punctuation"},"}"),a(`
  597. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .ant-statistic-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  598. `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  599. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
  600. `),n("span",{class:"token punctuation"},"}"),a(`
  601. `),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(`
  602. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  603. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block"),n("span",{class:"token punctuation"},";"),a(`
  604. `),n("span",{class:"token punctuation"},"}"),a(`
  605. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .main"),a(),n("span",{class:"token punctuation"},"{"),a(`
  606. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
  607. `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 12px"),n("span",{class:"token punctuation"},";"),a(`
  608. `),n("span",{class:"token punctuation"},"}"),a(`
  609. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .extra"),a(),n("span",{class:"token punctuation"},"{"),a(`
  610. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
  611. `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  612. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" left"),n("span",{class:"token punctuation"},";"),a(`
  613. `),n("span",{class:"token punctuation"},"}"),a(`
  614. `),n("span",{class:"token punctuation"},"}"),a(`
  615. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  616. `)])],-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(`
  617. `),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"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
  618. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  619. `),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(`
  620. `),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(`
  621. `),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(`
  622. `),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(`
  623. `),n("span",{class:"token punctuation"},">")]),a(`
  624. `),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(`
  625. `),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(`
  626. `),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(`
  627. `),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(`
  628. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  629. `),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(`
  630. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tabs")]),a(),n("span",{class:"token attr-name"},"default-active-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"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
  631. `),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(`
  632. `),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(`
  633. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
  634. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  635. `),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(`
  636. `),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(`
  637. `),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(`
  638. `),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(`
  639. `),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(`
  640. `),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(`
  641. `),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(`
  642. `),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(`
  643. `),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(`
  644. `),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(`
  645. Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
  646. `),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(`
  647. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
  648. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  649. `),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(`
  650. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(`
  651. `),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(`{
  652. display: 'flex',
  653. width: 'max-content',
  654. justifyContent: 'flex-end',
  655. }`),n("span",{class:"token punctuation"},'"')]),a(`
  656. `),n("span",{class:"token punctuation"},">")]),a(`
  657. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
  658. `),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(`
  659. `),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(`
  660. `),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(`{
  661. marginRight: '32px',
  662. }`),n("span",{class:"token punctuation"},'"')]),a(`
  663. `),n("span",{class:"token punctuation"},"/>")]),a(`
  664. `),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(`
  665. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  666. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  667. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  668. `),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(`
  669. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  670. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  671. `),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(`
  672. `),n("span",{class:"token selector"},".components-page-header-demo-responsive tr:last-child td"),a(),n("span",{class:"token punctuation"},"{"),a(`
  673. `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  674. `),n("span",{class:"token punctuation"},"}"),a(`
  675. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  676. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
  677. `),n("span",{class:"token punctuation"},"}"),a(`
  678. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .ant-statistic-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  679. `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
  680. `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
  681. `),n("span",{class:"token punctuation"},"}"),a(`
  682. `),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(`
  683. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
  684. `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block"),n("span",{class:"token punctuation"},";"),a(`
  685. `),n("span",{class:"token punctuation"},"}"),a(`
  686. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .main"),a(),n("span",{class:"token punctuation"},"{"),a(`
  687. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
  688. `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 12px"),n("span",{class:"token punctuation"},";"),a(`
  689. `),n("span",{class:"token punctuation"},"}"),a(`
  690. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .extra"),a(),n("span",{class:"token punctuation"},"{"),a(`
  691. `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
  692. `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  693. `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" left"),n("span",{class:"token punctuation"},";"),a(`
  694. `),n("span",{class:"token punctuation"},"}"),a(`
  695. `),n("span",{class:"token punctuation"},"}"),a(`
  696. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  697. `)])],-1)])),_:1})}var tn=d(U,[["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</h2>
  698. <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>
  699. <h2 id="en-us">en-US</h2>
  700. <p>The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.</p>
  701. `,order:2,title:{"zh-CN":"\u767D\u5E95\u6A21\u5F0F","en-US":"white background mode"},relativePath:"src/docs/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(`
  702. `),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(`
  703. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  704. `),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(`
  705. `),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(`
  706. `),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(`
  707. `),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(`
  708. `),n("span",{class:"token punctuation"},">")]),a(`
  709. `),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(`
  710. `),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(`
  711. `),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(`
  712. `),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(`
  713. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  714. `),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(`
  715. `),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(`
  716. `),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(`
  717. `),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(`
  718. `),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(`
  719. `),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(`
  720. `),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(`
  721. `),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(`
  722. Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
  723. `),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(`
  724. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
  725. `),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(`
  726. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  727. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  728. `),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(`
  729. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  730. `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  731. `),n("span",{class:"token punctuation"},"}"),a(`
  732. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  733. `)])],-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(`
  734. `),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(`
  735. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
  736. `),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(`
  737. `),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(`
  738. `),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(`
  739. `),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(`
  740. `),n("span",{class:"token punctuation"},">")]),a(`
  741. `),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(`
  742. `),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(`
  743. `),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(`
  744. `),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(`
  745. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  746. `),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(`
  747. `),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(`
  748. `),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(`
  749. `),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(`
  750. `),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(`
  751. `),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(`
  752. `),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(`
  753. `),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(`
  754. Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
  755. `),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(`
  756. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
  757. `),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(`
  758. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
  759. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
  760. `),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(`
  761. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
  762. `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
  763. `),n("span",{class:"token punctuation"},"}"),a(`
  764. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
  765. `)])],-1)])),_:1})}var pn=d(sn,[["render",en],["__scopeId","data-v-236704e2"]]);const 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:"src/docs/page-header/index.zh-CN.md",content:`
  766. \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
  767. ## \u4F55\u65F6\u4F7F\u7528
  768. \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
  769. ## API
  770. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
  771. | --- | --- | --- | --- |
  772. | title | \u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57 | string\\|slot | - |
  773. | subTitle | \u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57 | string\\|slot | - |
  774. | ghost | pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272 | boolean | true |
  775. | avatar | \u6807\u9898\u680F\u65C1\u7684\u5934\u50CF | [avatar props](/components/avatar-cn/) | - |
  776. | backIcon | \u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon | string\\|slot | \`&lt;ArrowLeft /&gt;\` |
  777. | tags | title \u65C1\u7684 tag \u5217\u8868 | [Tag](/components/tag-cn/)[] \\| [Tag](/components/tag-cn/) | - |
  778. | extra | \u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E | string\\|slot | - |
  779. | breadcrumb | \u9762\u5305\u5C51\u7684\u914D\u7F6E | [breadcrumb](/components/breadcrumb-cn/) | - |
  780. | footer | PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar | string\\|slot | - |
  781. ### \u4E8B\u4EF6
  782. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
  783. | -------- | ------------------ | ----------- |
  784. | back | \u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6 | function(e) |
  785. `,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>
  786. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
  787. <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>
  788. <h2 id="api">API</h2>
  789. <table>
  790. <thead>
  791. <tr>
  792. <th>\u53C2\u6570</th>
  793. <th>\u8BF4\u660E</th>
  794. <th>\u7C7B\u578B</th>
  795. <th>\u9ED8\u8BA4\u503C</th>
  796. </tr>
  797. </thead>
  798. <tbody>
  799. <tr>
  800. <td>title</td>
  801. <td>\u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57</td>
  802. <td>string|slot</td>
  803. <td>-</td>
  804. </tr>
  805. <tr>
  806. <td>subTitle</td>
  807. <td>\u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57</td>
  808. <td>string|slot</td>
  809. <td>-</td>
  810. </tr>
  811. <tr>
  812. <td>ghost</td>
  813. <td>pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272</td>
  814. <td>boolean</td>
  815. <td>true</td>
  816. </tr>
  817. <tr>
  818. <td>avatar</td>
  819. <td>\u6807\u9898\u680F\u65C1\u7684\u5934\u50CF</td>
  820. <td><a href="/components/avatar-cn/">avatar props</a></td>
  821. <td>-</td>
  822. </tr>
  823. <tr>
  824. <td>backIcon</td>
  825. <td>\u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon</td>
  826. <td>string|slot</td>
  827. <td><code>&lt;ArrowLeft /&gt;</code></td>
  828. </tr>
  829. <tr>
  830. <td>tags</td>
  831. <td>title \u65C1\u7684 tag \u5217\u8868</td>
  832. <td><a href="/components/tag-cn/">Tag</a>[] | <a href="/components/tag-cn/">Tag</a></td>
  833. <td>-</td>
  834. </tr>
  835. <tr>
  836. <td>extra</td>
  837. <td>\u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E</td>
  838. <td>string|slot</td>
  839. <td>-</td>
  840. </tr>
  841. <tr>
  842. <td>breadcrumb</td>
  843. <td>\u9762\u5305\u5C51\u7684\u914D\u7F6E</td>
  844. <td><a href="/components/breadcrumb-cn/">breadcrumb</a></td>
  845. <td>-</td>
  846. </tr>
  847. <tr>
  848. <td>footer</td>
  849. <td>PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar</td>
  850. <td>string|slot</td>
  851. <td>-</td>
  852. </tr>
  853. </tbody>
  854. </table>
  855. <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
  856. <table>
  857. <thead>
  858. <tr>
  859. <th>\u4E8B\u4EF6\u540D\u79F0</th>
  860. <th>\u8BF4\u660E</th>
  861. <th>\u56DE\u8C03\u53C2\u6570</th>
  862. </tr>
  863. </thead>
  864. <tbody>
  865. <tr>
  866. <td>back</td>
  867. <td>\u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6</td>
  868. <td>function(e)</td>
  869. </tr>
  870. </tbody>
  871. </table>
  872. `,lastUpdated:1748059052714}},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</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</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>title</td><td>\u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57</td><td>string|slot</td><td>-</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>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>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>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>extra</td><td>\u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E</td><td>string|slot</td><td>-</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>footer</td><td>PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</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)]))}var kn=d(cn,[["render",un]]);const 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:"src/docs/page-header/index.en-US.md",content:`
  873. A header with common actions and design elements built in.
  874. ## When To Use
  875. 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.
  876. ## API
  877. | Param | Description | Type | Default value |
  878. | --- | --- | --- | --- |
  879. | title | custom title text | string\\|slot | - |
  880. | subTitle | custom subTitle text | string\\|slot | - |
  881. | ghost | PageHeader type, will change background color | boolean | true |
  882. | avatar | Avatar next to the title bar | [avatar props](/components/avatar/) | - |
  883. | backIcon | custom back icon, if false the back icon will not be displayed | string\\|slot | \`&lt;ArrowLeft /&gt;\` |
  884. | tags | Tag list next to title | [Tag](/components/tag/)[] \\| [Tag](/components/tag/) | - |
  885. | extra | Operating area, at the end of the line of the title line | string\\|slot | - |
  886. | breadcrumb | Breadcrumb configuration | [breadcrumb](/components/breadcrumb/) | - |
  887. | footer | PageHeader&#39;s footer, generally used to render TabBar | string\\|slot | - |
  888. ### Events
  889. | Events Name | Description | Arguments |
  890. | ----------- | --------------------- | ----------- |
  891. | back | back icon click event | function(e) |
  892. `,html:`<p>A header with common actions and design elements built in.</p>
  893. <h2 id="when-to-use">When To Use</h2>
  894. <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>
  895. <h2 id="api">API</h2>
  896. <table>
  897. <thead>
  898. <tr>
  899. <th>Param</th>
  900. <th>Description</th>
  901. <th>Type</th>
  902. <th>Default value</th>
  903. </tr>
  904. </thead>
  905. <tbody>
  906. <tr>
  907. <td>title</td>
  908. <td>custom title text</td>
  909. <td>string|slot</td>
  910. <td>-</td>
  911. </tr>
  912. <tr>
  913. <td>subTitle</td>
  914. <td>custom subTitle text</td>
  915. <td>string|slot</td>
  916. <td>-</td>
  917. </tr>
  918. <tr>
  919. <td>ghost</td>
  920. <td>PageHeader type, will change background color</td>
  921. <td>boolean</td>
  922. <td>true</td>
  923. </tr>
  924. <tr>
  925. <td>avatar</td>
  926. <td>Avatar next to the title bar</td>
  927. <td><a href="/components/avatar/">avatar props</a></td>
  928. <td>-</td>
  929. </tr>
  930. <tr>
  931. <td>backIcon</td>
  932. <td>custom back icon, if false the back icon will not be displayed</td>
  933. <td>string|slot</td>
  934. <td><code>&lt;ArrowLeft /&gt;</code></td>
  935. </tr>
  936. <tr>
  937. <td>tags</td>
  938. <td>Tag list next to title</td>
  939. <td><a href="/components/tag/">Tag</a>[] | <a href="/components/tag/">Tag</a></td>
  940. <td>-</td>
  941. </tr>
  942. <tr>
  943. <td>extra</td>
  944. <td>Operating area, at the end of the line of the title line</td>
  945. <td>string|slot</td>
  946. <td>-</td>
  947. </tr>
  948. <tr>
  949. <td>breadcrumb</td>
  950. <td>Breadcrumb configuration</td>
  951. <td><a href="/components/breadcrumb/">breadcrumb</a></td>
  952. <td>-</td>
  953. </tr>
  954. <tr>
  955. <td>footer</td>
  956. <td>PageHeader's footer, generally used to render TabBar</td>
  957. <td>string|slot</td>
  958. <td>-</td>
  959. </tr>
  960. </tbody>
  961. </table>
  962. <h3 id="events">Events</h3>
  963. <table>
  964. <thead>
  965. <tr>
  966. <th>Events Name</th>
  967. <th>Description</th>
  968. <th>Arguments</th>
  969. </tr>
  970. </thead>
  971. <tbody>
  972. <tr>
  973. <td>back</td>
  974. <td>back icon click event</td>
  975. <td>function(e)</td>
  976. </tr>
  977. </tbody>
  978. </table>
  979. `,lastUpdated:1748059052714}},rn={class:"markdown"};function In(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</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</h2><table><thead><tr><th>Param</th><th>Description</th><th>Type</th><th>Default value</th></tr></thead><tbody><tr><td>title</td><td>custom title text</td><td>string|slot</td><td>-</td></tr><tr><td>subTitle</td><td>custom subTitle text</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>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>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>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>breadcrumb</td><td>Breadcrumb configuration</td><td><a href="/components/breadcrumb/">breadcrumb</a></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></tbody></table><h3 id="events">Events</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)]))}var dn=d(gn,[["render",In]]);const Cn=y({CN:kn,US:dn,components:{Basic:V,Breadcrumb:f,Actions:J,Context:M,Responsive:tn,Ghost:pn}});function mn(l,t,p,c,r,u){const k=e("basic"),i=e("breadcrumb"),C=e("actions"),I=e("context"),v=e("responsive"),h=e("ghost"),G=e("demo-sort");return g(),m(G,{cols:1},{default:s(()=>[o(k),o(i),o(C),o(I),o(v),o(h)]),_:1})}var bn=d(Cn,[["render",mn]]);export{bn as default};