首页 发现 帮助
注册 登录
wicresoft
/
doc_project
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 9cd9c7d1d5
分支列表 标签列表
doc_project
/
3x.antv.design
/
assets
/
index.6c1ab719.js

index.6c1ab719.js 232 KB
文件历史 原始文件

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034 
  1. import{_ as I,l as m,w as s,j as e,k as g,f as o,b as n,e as a,d as y,I as Y,a as b,h as X,t as w,F as B,q as Z}from"./index.3fe853a6.js";const x={};function P(l,t){const p=e("a-page-header"),c=e("demo-box");return g(),m(c,{jsfiddle:{us:"Standard header, suitable for use in scenarios that require a brief description.",cn:"\u6807\u51C6\u9875\u5934\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u7B80\u5355\u63CF\u8FF0\u7684\u573A\u666F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    2. 

  2.           <span aria-hidden="true" class="anchor">#</span>
    3. 

  3.         </a></h2>
    4. 

  4. <p>\u6807\u51C6\u9875\u5934\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u7B80\u5355\u63CF\u8FF0\u7684\u573A\u666F\u3002</p>
    5. 

  5. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    6. 

  6.           <span aria-hidden="true" class="anchor">#</span>
    7. 

  7.         </a></h2>
    8. 

  8. <p>Standard header, suitable for use in scenarios that require a brief description.</p>
    9. 

  9. `,order:1,title:{"zh-CN":"\u6807\u51C6\u6837\u5F0F","en-US":"Basic Page Header"},relativePath:"components/page-header/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICBAYmFjaz0iKCkgPT4gbnVsbCIKICAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICBAYmFjaz0iKCkgPT4gbnVsbCIKICAvPgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[o(p,{style:{border:"1px solid rgb(235, 237, 240)"},title:"Title","sub-title":"This is a subtitle",onBack:()=>null})]),htmlCode:s(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    10. 

  10.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    11. 

  11.     `),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(`
    12. 

  12.     `),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(`
    13. 

  13.     `),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(`
    14. 

  14.     `),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(`
    15. 

  15.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    16. 

  16. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    17. 

  17. `)])],-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(`
    18. 

  18.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    19. 

  19.     `),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(`
    20. 

  20.     `),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(`
    21. 

  21.     `),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(`
    22. 

  22.     `),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(`
    23. 

  23.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    24. 

  24. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    25. 

  25. `)])],-1)])),_:1})}const V=I(x,[["render",P]]),H=[{path:"index",breadcrumbName:"First-level Menu"},{path:"first",breadcrumbName:"Second-level Menu"},{path:"second",breadcrumbName:"Third-level Menu"}],L=y({setup(){return{routes:H}}});function S(l,t,p,c,r,u){const k=e("a-page-header"),i=e("demo-box");return g(),m(i,{jsfiddle:{us:"With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.",cn:"\u5E26\u9762\u5305\u5C51\u9875\u5934\uFF0C\u9002\u5408\u5C42\u7EA7\u6BD4\u8F83\u6DF1\u7684\u9875\u9762\uFF0C\u8BA9\u7528\u6237\u53EF\u4EE5\u5FEB\u901F\u5BFC\u822A\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    26. 

  26.           <span aria-hidden="true" class="anchor">#</span>
    27. 

  27.         </a></h2>
    28. 

  28. <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>
    29. 

  29. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    30. 

  30.           <span aria-hidden="true" class="anchor">#</span>
    31. 

  31.         </a></h2>
    32. 

  32. <p>With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.</p>
    33. 

  33. `,order:3,title:{"zh-CN":"\u5E26\u9762\u5305\u5C51\u9875\u5934","en-US":"Use with breadcrumbs"},relativePath:"components/page-header/demo/breadcrumb.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgOmJyZWFkY3J1bWI9Insgcm91dGVzIH0iCiAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKY29uc3Qgcm91dGVzID0gWwogIHsKICAgIHBhdGg6ICdpbmRleCcsCiAgICBicmVhZGNydW1iTmFtZTogJ0ZpcnN0LWxldmVsIE1lbnUnLAogIH0sCiAgewogICAgcGF0aDogJ2ZpcnN0JywKICAgIGJyZWFkY3J1bWJOYW1lOiAnU2Vjb25kLWxldmVsIE1lbnUnLAogIH0sCiAgewogICAgcGF0aDogJ3NlY29uZCcsCiAgICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICByb3V0ZXMsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBhZ2UtaGVhZGVyCiAgICBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIgogICAgdGl0bGU9IlRpdGxlIgogICAgOmJyZWFkY3J1bWI9Insgcm91dGVzIH0iCiAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCByb3V0ZXMgPSBbewogIHBhdGg6ICdpbmRleCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKfSwgewogIHBhdGg6ICdmaXJzdCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdTZWNvbmQtbGV2ZWwgTWVudScsCn0sIHsKICBwYXRoOiAnc2Vjb25kJywKICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHJvdXRlcywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[o(k,{style:{border:"1px solid rgb(235, 237, 240)"},title:"Title",breadcrumb:{routes:l.routes},"sub-title":"This is a subtitle"},null,8,["breadcrumb"])]),htmlCode:s(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    34. 

  34.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    35. 

  35.     `),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(`
    36. 

  36.     `),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(`
    37. 

  37.     `),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(`
    38. 

  38.     `),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(`
    39. 

  39.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    40. 

  40. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    41. 

  41. `),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(`
    42. 

  42. `),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(`
    43. 

  43. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
    44. 

  44.   `),n("span",{class:"token punctuation"},"{"),a(`
    45. 

  45.     `),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(`
    46. 

  46.     `),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(`
    47. 

  47.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    48. 

  48.   `),n("span",{class:"token punctuation"},"{"),a(`
    49. 

  49.     `),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(`
    50. 

  50.     `),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(`
    51. 

  51.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    52. 

  52.   `),n("span",{class:"token punctuation"},"{"),a(`
    53. 

  53.     `),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(`
    54. 

  54.     `),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(`
    55. 

  55.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    56. 

  56. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    57. 

  57. `),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(`
    58. 

  58.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    59. 

  59.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    60. 

  60.       routes`),n("span",{class:"token punctuation"},","),a(`
    61. 

  61.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    62. 

  62.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    63. 

  63. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    64. 

  64. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    65. 

  65. `)])],-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(`
    66. 

  66.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    67. 

  67.     `),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(`
    68. 

  68.     `),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(`
    69. 

  69.     `),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(`
    70. 

  70.     `),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(`
    71. 

  71.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    72. 

  72. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    73. 

  73. `),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(`
    74. 

  74. `),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(`
    75. 

  75. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(`
    76. 

  76.   `),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(`
    77. 

  77.   `),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(`
    78. 

  78. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    79. 

  79.   `),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(`
    80. 

  80.   `),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(`
    81. 

  81. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    82. 

  82.   `),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(`
    83. 

  83.   `),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(`
    84. 

  84. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    85. 

  85. `),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(`
    86. 

  86.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    87. 

  87.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    88. 

  88.       routes`),n("span",{class:"token punctuation"},","),a(`
    89. 

  89.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    90. 

  90.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    91. 

  91. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    92. 

  92. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    93. 

  93. `)])],-1)])),_:1})}const f=I(L,[["render",S]]);const N={};function z(l,t){const p=e("a-button"),c=e("a-descriptions-item"),r=e("a-descriptions"),u=e("a-page-header"),k=e("a-tag"),i=e("a-statistic"),C=e("a-row"),d=e("demo-box");return g(),m(d,{jsfiddle:{us:"Use the operating area and customize the sub-nodes, suitable for use in the need to display some complex information to help users quickly understand the information and operations of this page.",cn:"\u4F7F\u7528\u64CD\u4F5C\u533A\uFF0C\u5E76\u81EA\u5B9A\u4E49\u5B50\u8282\u70B9\uFF0C\u9002\u5408\u4F7F\u7528\u5728\u9700\u8981\u5C55\u793A\u4E00\u4E9B\u590D\u6742\u7684\u4FE1\u606F\uFF0C\u5E2E\u52A9\u7528\u6237\u5FEB\u901F\u4E86\u89E3\u8FD9\u4E2A\u9875\u9762\u7684\u4FE1\u606F\u548C\u64CD\u4F5C\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    94. 

  94.           <span aria-hidden="true" class="anchor">#</span>
    95. 

  95.         </a></h2>
    96. 

  96. <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>
    97. 

  97. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    98. 

  98.           <span aria-hidden="true" class="anchor">#</span>
    99. 

  99.         </a></h2>
    100. 

  100. <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>
    101. 

  101. `,order:5,title:{"zh-CN":"\u591A\u79CD\u5F62\u6001\u7684 PageHeader","en-US":"Various forms of PageHeader"},relativePath:"components/page-header/demo/actions.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdlLWhlYWRlcgogICAgICBjbGFzcz0iZGVtby1wYWdlLWhlYWRlciIKICAgICAgc3R5bGU9ImJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzUsIDIzNywgMjQwKSIKICAgICAgdGl0bGU9IlRpdGxlIgogICAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAgICAgQGJhY2s9IigpID0+ICRyb3V0ZXIuZ28oLTEpIgogICAgPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIzIj4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXNzb2NpYXRpb24iPgogICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRpb24gVGltZSI+MjAxNy0wMS0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgR29uZ2h1IFJvYWQsIFhpaHUgRGlzdHJpY3QsIEhhbmd6aG91LCBaaGVqaWFuZywgQ2hpbmEKICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjdGFncz4KICAgICAgICA8YS10YWcgY29sb3I9ImJsdWUiPlJ1bm5pbmc8L2EtdGFnPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtcm93IHR5cGU9ImZsZXgiPgogICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iU3RhdHVzIiB2YWx1ZT0iUGVuZGluZyIgLz4KICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgIHRpdGxlPSJQcmljZSIKICAgICAgICAgIHByZWZpeD0iJCIKICAgICAgICAgIDp2YWx1ZT0iNTY4LjA4IgogICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgIG1hcmdpbjogJzAgMzJweCcsCiAgICAgICAgICB9IgogICAgICAgIC8+CiAgICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJCYWxhbmNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iMzM0NS4wOCIgLz4KICAgICAgPC9hLXJvdz4KICAgIDwvYS1wYWdlLWhlYWRlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+Ci5kZW1vLXBhZ2UtaGVhZGVyIDpkZWVwKHRyOmxhc3QtY2hpbGQgdGQpIHsKICBwYWRkaW5nLWJvdHRvbTogMDsKfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wYWdlLWhlYWRlcgogICAgICBjbGFzcz0iZGVtby1wYWdlLWhlYWRlciIKICAgICAgc3R5bGU9ImJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzUsIDIzNywgMjQwKSIKICAgICAgdGl0bGU9IlRpdGxlIgogICAgICBzdWItdGl0bGU9IlRoaXMgaXMgYSBzdWJ0aXRsZSIKICAgICAgQGJhY2s9IigpID0+ICRyb3V0ZXIuZ28oLTEpIgogICAgPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zIHNpemU9InNtYWxsIiA6Y29sdW1uPSIzIj4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXNzb2NpYXRpb24iPgogICAgICAgICAgPGE+NDIxNDIxPC9hPgogICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRpb24gVGltZSI+MjAxNy0wMS0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iRWZmZWN0aXZlIFRpbWUiPjIwMTctMTAtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgR29uZ2h1IFJvYWQsIFhpaHUgRGlzdHJpY3QsIEhhbmd6aG91LCBaaGVqaWFuZywgQ2hpbmEKICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgICA8YnIgLz4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjdGFncz4KICAgICAgICA8YS10YWcgY29sb3I9ImJsdWUiPlJ1bm5pbmc8L2EtdGFnPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjMiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMiI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIxIiB0eXBlPSJwcmltYXJ5Ij5QcmltYXJ5PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtcm93IHR5cGU9ImZsZXgiPgogICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iU3RhdHVzIiB2YWx1ZT0iUGVuZGluZyIgLz4KICAgICAgICA8YS1zdGF0aXN0aWMKICAgICAgICAgIHRpdGxlPSJQcmljZSIKICAgICAgICAgIHByZWZpeD0iJCIKICAgICAgICAgIDp2YWx1ZT0iNTY4LjA4IgogICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgIG1hcmdpbjogJzAgMzJweCcsCiAgICAgICAgICB9IgogICAgICAgIC8+CiAgICAgICAgPGEtc3RhdGlzdGljIHRpdGxlPSJCYWxhbmNlIiBwcmVmaXg9IiQiIDp2YWx1ZT0iMzM0NS4wOCIgLz4KICAgICAgPC9hLXJvdz4KICAgIDwvYS1wYWdlLWhlYWRlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCjxzdHlsZSBzY29wZWQ+Ci5kZW1vLXBhZ2UtaGVhZGVyIDpkZWVwKHRyOmxhc3QtY2hpbGQgdGQpIHsKICBwYWRkaW5nLWJvdHRvbTogMDsKfQo8L3N0eWxlPg=="}},{default:s(()=>[n("div",null,[o(u,{class:"demo-page-header",style:{border:"1px solid rgb(235, 237, 240)"},title:"Title","sub-title":"This is a subtitle",onBack:t[0]||(t[0]=()=>l.$router.go(-1))},{extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(p,{key:"2"},{default:s(()=>t[3]||(t[3]=[a("Operation")])),_:1,__:[3]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[4]||(t[4]=[a("Primary")])),_:1,__:[4]})]),default:s(()=>[o(r,{size:"small",column:3},{default:s(()=>[o(c,{label:"Created"},{default:s(()=>t[5]||(t[5]=[a("Lili Qu")])),_:1,__:[5]}),o(c,{label:"Association"},{default:s(()=>t[6]||(t[6]=[n("a",null,"421421",-1)])),_:1,__:[6]}),o(c,{label:"Creation Time"},{default:s(()=>t[7]||(t[7]=[a("2017-01-10")])),_:1,__:[7]}),o(c,{label:"Effective Time"},{default:s(()=>t[8]||(t[8]=[a("2017-10-10")])),_:1,__:[8]}),o(c,{label:"Remarks"},{default:s(()=>t[9]||(t[9]=[a(" Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[9]})]),_:1})]),_:1}),t[14]||(t[14]=n("br",null,null,-1)),o(u,{title:"Title","sub-title":"This is a subtitle",onBack:t[1]||(t[1]=()=>l.$router.go(-1))},{tags:s(()=>[o(k,{color:"blue"},{default:s(()=>t[10]||(t[10]=[a("Running")])),_:1,__:[10]})]),extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[11]||(t[11]=[a("Operation")])),_:1,__:[11]}),o(p,{key:"2"},{default:s(()=>t[12]||(t[12]=[a("Operation")])),_:1,__:[12]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[13]||(t[13]=[a("Primary")])),_:1,__:[13]})]),default:s(()=>[o(C,{type:"flex"},{default:s(()=>[o(i,{title:"Status",value:"Pending"}),o(i,{title:"Price",prefix:"$",value:568.08,style:{margin:"0 32px"}}),o(i,{title:"Balance",prefix:"$",value:3345.08})]),_:1})]),_:1})])]),htmlCode:s(()=>t[15]||(t[15]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    102. 

  102.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    103. 

  103.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    104. 

  104.       `),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(`
    105. 

  105.       `),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(`
    106. 

  106.       `),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(`
    107. 

  107.       `),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(`
    108. 

  108.       `),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(`
    109. 

  109.     `),n("span",{class:"token punctuation"},">")]),a(`
    110. 

  110.       `),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(`
    111. 

  111.         `),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(`
    112. 

  112.         `),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(`
    113. 

  113.         `),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(`
    114. 

  114.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    115. 

  115.       `),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(`
    116. 

  116.         `),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(`
    117. 

  117.         `),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(`
    118. 

  118.           `),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(`
    119. 

  119.         `),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(`
    120. 

  120.         `),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(`
    121. 

  121.         `),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(`
    122. 

  122.         `),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(`
    123. 

  123.           Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
    124. 

  124.         `),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(`
    125. 

  125.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    126. 

  126.     `),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(`
    127. 

  127.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    128. 

  128.     `),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(`
    129. 

  129.       `),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(`
    130. 

  130.         `),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(`
    131. 

  131.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    132. 

  132.       `),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(`
    133. 

  133.         `),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(`
    134. 

  134.         `),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(`
    135. 

  135.         `),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(`
    136. 

  136.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    137. 

  137.       `),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(`
    138. 

  138.         `),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(`
    139. 

  139.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
    140. 

  140.           `),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(`
    141. 

  141.           `),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(`
    142. 

  142.           `),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(`
    143. 

  143.           `),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(`{
    144. 

  144.             margin: '0 32px',
    145. 

  145.           }`),n("span",{class:"token punctuation"},'"')]),a(`
    146. 

  146.         `),n("span",{class:"token punctuation"},"/>")]),a(`
    147. 

  147.         `),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(`
    148. 

  148.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    149. 

  149.     `),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(`
    150. 

  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. 

  151. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    152. 

  152. 

  153. `),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(`
    154. 

  154. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
    155. 

  155.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    156. 

  156. `),n("span",{class:"token punctuation"},"}"),a(`
    157. 

  157. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    158. 

  158. `)])],-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(`
    159. 

  159.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    160. 

  160.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    161. 

  161.       `),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(`
    162. 

  162.       `),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(`
    163. 

  163.       `),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(`
    164. 

  164.       `),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(`
    165. 

  165.       `),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(`
    166. 

  166.     `),n("span",{class:"token punctuation"},">")]),a(`
    167. 

  167.       `),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(`
    168. 

  168.         `),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(`
    169. 

  169.         `),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(`
    170. 

  170.         `),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(`
    171. 

  171.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    172. 

  172.       `),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(`
    173. 

  173.         `),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(`
    174. 

  174.         `),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(`
    175. 

  175.           `),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(`
    176. 

  176.         `),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(`
    177. 

  177.         `),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(`
    178. 

  178.         `),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(`
    179. 

  179.         `),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(`
    180. 

  180.           Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
    181. 

  181.         `),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(`
    182. 

  182.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    183. 

  183.     `),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(`
    184. 

  184.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("br")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    185. 

  185.     `),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(`
    186. 

  186.       `),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(`
    187. 

  187.         `),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(`
    188. 

  188.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    189. 

  189.       `),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(`
    190. 

  190.         `),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(`
    191. 

  191.         `),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(`
    192. 

  192.         `),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(`
    193. 

  193.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    194. 

  194.       `),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(`
    195. 

  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("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(`
    196. 

  196.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
    197. 

  197.           `),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(`
    198. 

  198.           `),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(`
    199. 

  199.           `),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(`
    200. 

  200.           `),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(`{
    201. 

  201.             margin: '0 32px',
    202. 

  202.           }`),n("span",{class:"token punctuation"},'"')]),a(`
    203. 

  203.         `),n("span",{class:"token punctuation"},"/>")]),a(`
    204. 

  204.         `),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(`
    205. 

  205.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    206. 

  206.     `),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(`
    207. 

  207.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    208. 

  208. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    209. 

  209. 

  210. `),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(`
    211. 

  211. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
    212. 

  212.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    213. 

  213. `),n("span",{class:"token punctuation"},"}"),a(`
    214. 

  214. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    215. 

  215. `)])],-1)])),_:1})}const j=I(N,[["render",z],["__scopeId","data-v-c3d167b1"]]),J=[{path:"index",breadcrumbName:"First-level Menu"},{path:"first",breadcrumbName:"Second-level Menu"},{path:"second",breadcrumbName:"Third-level Menu"}],F=[{src:"https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg",text:"Quick Start"},{src:"https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg",text:"Product Info"},{src:"https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg",text:"Product Doc"}],D=y({components:{EllipsisOutlined:Y},setup(){return{routes:J,iconLinks:F}}});const T={class:"components-page-header-demo-content"},K={style:{flex:"1"}},q=["src","alt"];function _(l,t,p,c,r,u){const k=e("a-tag"),i=e("a-button"),C=e("EllipsisOutlined"),d=e("a-menu-item"),h=e("a-menu"),G=e("a-dropdown"),v=e("a-row"),W=e("a-page-header"),R=e("demo-box");return g(),m(R,{jsfiddle:{us:"Show all props provided by PageHeader.",cn:"\u4F7F\u7528\u4E86 PageHeader \u63D0\u4F9B\u7684\u6240\u6709\u80FD\u529B\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    216. 

  216.           <span aria-hidden="true" class="anchor">#</span>
    217. 

  217.         </a></h2>
    218. 

  218. <p>\u4F7F\u7528\u4E86 PageHeader \u63D0\u4F9B\u7684\u6240\u6709\u80FD\u529B\u3002</p>
    219. 

  219. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    220. 

  220.           <span aria-hidden="true" class="anchor">#</span>
    221. 

  221.         </a></h2>
    222. 

  222. <p>Show all props provided by PageHeader.</p>
    223. 

  223. `,order:4,title:{"zh-CN":"\u7EC4\u5408\u793A\u4F8B","en-US":"Complete example"},relativePath:"components/page-header/demo/content.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgY2xhc3M9InNpdGUtcGFnZS1oZWFkZXIiCiAgICAgIHN1Yi10aXRsZT0iVGhpcyBpcyBhIHN1YnRpdGxlIgogICAgICA6YXZhdGFyPSJ7IHNyYzogJ2h0dHBzOi8vYXZhdGFyczEuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvODE4NjY2ND9zPTQ2MCZ2PTQnIH0iCiAgICAgIDpicmVhZGNydW1iPSJ7IHJvdXRlcyB9IgogICAgPgogICAgICA8dGVtcGxhdGUgI3RhZ3M+CiAgICAgICAgPGEtdGFnIGNvbG9yPSJibHVlIj5SdW5uaW5nPC9hLXRhZz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgICAgPGEtZHJvcGRvd24ga2V5PSJtb3JlIj4KICAgICAgICAgIDxhLWJ1dHRvbiA6c3R5bGU9InsgYm9yZGVyOiAnbm9uZScsIHBhZGRpbmc6IDAgfSI+CiAgICAgICAgICAgIDxFbGxpcHNpc091dGxpbmVkIDpzdHlsZT0ieyBmb250U2l6ZTogJzIwcHgnLCB2ZXJ0aWNhbEFsaWduOiAndG9wJyB9IiAvPgogICAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjb3ZlcmxheT4KICAgICAgICAgICAgPGEtbWVudT4KICAgICAgICAgICAgICA8YS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICA8YSB0YXJnZXQ9Il9ibGFuayIgcmVsPSJub29wZW5lciBub3JlZmVycmVyIiBocmVmPSJodHRwOi8vd3d3LmFsaXBheS5jb20vIj4KICAgICAgICAgICAgICAgICAgMXN0IG1lbnUgaXRlbQogICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgIDwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPgogICAgICAgICAgICAgICAgPGEgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIgbm9yZWZlcnJlciIgaHJlZj0iaHR0cDovL3d3dy50YW9iYW8uY29tLyI+CiAgICAgICAgICAgICAgICAgIDJuZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgIDxhIHRhcmdldD0iX2JsYW5rIiByZWw9Im5vb3BlbmVyIG5vcmVmZXJyZXIiIGhyZWY9Imh0dHA6Ly93d3cudG1hbGwuY29tLyI+CiAgICAgICAgICAgICAgICAgIDNyZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8L2EtbWVudT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWRyb3Bkb3duPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8YS1yb3cgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgc3R5bGU9ImZsZXg6IDEiPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24gaW50ZXJwcmV0cyB0aGUgY29sb3Igc3lzdGVtIGludG8gdHdvIGxldmVsczogYSBzeXN0ZW0tbGV2ZWwgY29sb3Igc3lzdGVtIGFuZAogICAgICAgICAgICBhIHByb2R1Y3QtbGV2ZWwgY29sb3Igc3lzdGVtLgogICAgICAgICAgPC9wPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24mI3gyNztzIGRlc2lnbiB0ZWFtIHByZWZlcnJlZCB0byBkZXNpZ24gd2l0aCB0aGUgSFNCIGNvbG9yIG1vZGVsLCB3aGljaCBtYWtlcwogICAgICAgICAgICBpdCBlYXNpZXIgZm9yIGRlc2lnbmVycyB0byBoYXZlIGEgY2xlYXIgcHN5Y2hvbG9naWNhbCBleHBlY3RhdGlvbiBvZiBjb2xvciB3aGVuCiAgICAgICAgICAgIGFkanVzdGluZyBjb2xvcnMsIGFzIHdlbGwgYXMgZmFjaWxpdGF0ZSBjb21tdW5pY2F0aW9uIGluIHRlYW1zLgogICAgICAgICAgPC9wPgogICAgICAgICAgPGRpdj4KICAgICAgICAgICAgPHRlbXBsYXRlIHYtZm9yPSJpdGVtIGluIGljb25MaW5rcyIgOmtleT0iaXRlbS5zcmMiPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJleGFtcGxlLWxpbmsiPgogICAgICAgICAgICAgICAgPGltZyBjbGFzcz0iZXhhbXBsZS1saW5rLWljb24iIDpzcmM9Iml0ZW0uc3JjIiA6YWx0PSJpdGVtLnRleHQiIC8+CiAgICAgICAgICAgICAgICB7eyBpdGVtLnRleHQgfX0KICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJpbWFnZSI+CiAgICAgICAgICA8aW1nCiAgICAgICAgICAgIHNyYz0iaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3MvYW50ZmluY2RuL0slMjRObmxzQiUyNmh6L3BhZ2VIZWFkZXIuc3ZnIgogICAgICAgICAgICBhbHQ9ImNvbnRlbnQiCiAgICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgICAgICAgIC8+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvYS1yb3c+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBFbGxpcHNpc091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKCmNvbnN0IHJvdXRlcyA9IFsKICB7CiAgICBwYXRoOiAnaW5kZXgnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKICB9LAogIHsKICAgIHBhdGg6ICdmaXJzdCcsCiAgICBicmVhZGNydW1iTmFtZTogJ1NlY29uZC1sZXZlbCBNZW51JywKICB9LAogIHsKICAgIHBhdGg6ICdzZWNvbmQnLAogICAgYnJlYWRjcnVtYk5hbWU6ICdUaGlyZC1sZXZlbCBNZW51JywKICB9LApdOwoKaW50ZXJmYWNlIEljb25MaW5rIHsKICBzcmM6IHN0cmluZzsKICB0ZXh0OiBzdHJpbmc7Cn0KY29uc3QgaWNvbkxpbmtzOiBJY29uTGlua1tdID0gWwogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9NakVJbVF0ZW5seXVlU21WRWZVRC5zdmcnLAogICAgdGV4dDogJ1F1aWNrIFN0YXJ0JywKICB9LAogIHsKICAgIHNyYzogJ2h0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9OYnVEVUF1QmxJQXBGdUR2V2lORC5zdmcnLAogICAgdGV4dDogJ1Byb2R1Y3QgSW5mbycsCiAgfSwKICB7CiAgICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvb2hPRVBTWWREVE5ueU1iR3V5TGIuc3ZnJywKICAgIHRleHQ6ICdQcm9kdWN0IERvYycsCiAgfSwKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgRWxsaXBzaXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgcm91dGVzLAogICAgICBpY29uTGlua3MsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5pbWFnZSB7CiAgbWFyZ2luOiAwIDAgMCA2MHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5pbWFnZSB7CiAgbWFyZ2luOiAwIDYwcHggMCAwOwp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmV4YW1wbGUtbGluayB7CiAgbGluZS1oZWlnaHQ6IDI0cHg7CiAgbWFyZ2luLXJpZ2h0OiAxNnB4Owp9CltkYXRhLXRoZW1lPSdjb21wYWN0J10gI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmsgewogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rLWljb24gewogIG1hcmdpbi1yaWdodDogOHB4Owp9CgpbZGF0YS10aGVtZT0nY29tcGFjdCddICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rLWljb24gewogIHdpZHRoOiAyMHB4OwogIGhlaWdodDogMjBweDsKfQoKI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5leGFtcGxlLWxpbmsgewogIGZsb2F0OiByaWdodDsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbWFyZ2luLWxlZnQ6IDE2cHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5hbnQtcGFnZS1oZWFkZXItcnRsIC5leGFtcGxlLWxpbmstaWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiAwOwogIG1hcmdpbi1sZWZ0OiA4cHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5jb250ZW50IHAgewogIG1hcmdpbi1ib3R0b206IDFlbTsKICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsKICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkOwp9CgpAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHsKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmltYWdlIHsKICAgIGZsZXg6IDEwMCU7CiAgICBtYXJnaW46IDI0cHggMCAwOwogIH0KfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgY2xhc3M9InNpdGUtcGFnZS1oZWFkZXIiCiAgICAgIHN1Yi10aXRsZT0iVGhpcyBpcyBhIHN1YnRpdGxlIgogICAgICA6YXZhdGFyPSJ7IHNyYzogJ2h0dHBzOi8vYXZhdGFyczEuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvODE4NjY2ND9zPTQ2MCZ2PTQnIH0iCiAgICAgIDpicmVhZGNydW1iPSJ7IHJvdXRlcyB9IgogICAgPgogICAgICA8dGVtcGxhdGUgI3RhZ3M+CiAgICAgICAgPGEtdGFnIGNvbG9yPSJibHVlIj5SdW5uaW5nPC9hLXRhZz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgICAgPGEtZHJvcGRvd24ga2V5PSJtb3JlIj4KICAgICAgICAgIDxhLWJ1dHRvbiA6c3R5bGU9InsgYm9yZGVyOiAnbm9uZScsIHBhZGRpbmc6IDAgfSI+CiAgICAgICAgICAgIDxFbGxpcHNpc091dGxpbmVkIDpzdHlsZT0ieyBmb250U2l6ZTogJzIwcHgnLCB2ZXJ0aWNhbEFsaWduOiAndG9wJyB9IiAvPgogICAgICAgICAgPC9hLWJ1dHRvbj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjb3ZlcmxheT4KICAgICAgICAgICAgPGEtbWVudT4KICAgICAgICAgICAgICA8YS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgICA8YSB0YXJnZXQ9Il9ibGFuayIgcmVsPSJub29wZW5lciBub3JlZmVycmVyIiBocmVmPSJodHRwOi8vd3d3LmFsaXBheS5jb20vIj4KICAgICAgICAgICAgICAgICAgMXN0IG1lbnUgaXRlbQogICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgIDwvYS1tZW51LWl0ZW0+CiAgICAgICAgICAgICAgPGEtbWVudS1pdGVtPgogICAgICAgICAgICAgICAgPGEgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIgbm9yZWZlcnJlciIgaHJlZj0iaHR0cDovL3d3dy50YW9iYW8uY29tLyI+CiAgICAgICAgICAgICAgICAgIDJuZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICAgIDxhLW1lbnUtaXRlbT4KICAgICAgICAgICAgICAgIDxhIHRhcmdldD0iX2JsYW5rIiByZWw9Im5vb3BlbmVyIG5vcmVmZXJyZXIiIGhyZWY9Imh0dHA6Ly93d3cudG1hbGwuY29tLyI+CiAgICAgICAgICAgICAgICAgIDNyZCBtZW51IGl0ZW0KICAgICAgICAgICAgICAgIDwvYT4KICAgICAgICAgICAgICA8L2EtbWVudS1pdGVtPgogICAgICAgICAgICA8L2EtbWVudT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWRyb3Bkb3duPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8YS1yb3cgY2xhc3M9ImNvbnRlbnQiPgogICAgICAgIDxkaXYgc3R5bGU9ImZsZXg6IDEiPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24gaW50ZXJwcmV0cyB0aGUgY29sb3Igc3lzdGVtIGludG8gdHdvIGxldmVsczogYSBzeXN0ZW0tbGV2ZWwgY29sb3Igc3lzdGVtIGFuZAogICAgICAgICAgICBhIHByb2R1Y3QtbGV2ZWwgY29sb3Igc3lzdGVtLgogICAgICAgICAgPC9wPgogICAgICAgICAgPHA+CiAgICAgICAgICAgIEFudCBEZXNpZ24mI3gyNztzIGRlc2lnbiB0ZWFtIHByZWZlcnJlZCB0byBkZXNpZ24gd2l0aCB0aGUgSFNCIGNvbG9yIG1vZGVsLCB3aGljaCBtYWtlcwogICAgICAgICAgICBpdCBlYXNpZXIgZm9yIGRlc2lnbmVycyB0byBoYXZlIGEgY2xlYXIgcHN5Y2hvbG9naWNhbCBleHBlY3RhdGlvbiBvZiBjb2xvciB3aGVuCiAgICAgICAgICAgIGFkanVzdGluZyBjb2xvcnMsIGFzIHdlbGwgYXMgZmFjaWxpdGF0ZSBjb21tdW5pY2F0aW9uIGluIHRlYW1zLgogICAgICAgICAgPC9wPgogICAgICAgICAgPGRpdj4KICAgICAgICAgICAgPHRlbXBsYXRlIHYtZm9yPSJpdGVtIGluIGljb25MaW5rcyIgOmtleT0iaXRlbS5zcmMiPgogICAgICAgICAgICAgIDxhIGNsYXNzPSJleGFtcGxlLWxpbmsiPgogICAgICAgICAgICAgICAgPGltZyBjbGFzcz0iZXhhbXBsZS1saW5rLWljb24iIDpzcmM9Iml0ZW0uc3JjIiA6YWx0PSJpdGVtLnRleHQiIC8+CiAgICAgICAgICAgICAgICB7eyBpdGVtLnRleHQgfX0KICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJpbWFnZSI+CiAgICAgICAgICA8aW1nCiAgICAgICAgICAgIHNyYz0iaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3MvYW50ZmluY2RuL0slMjRObmxzQiUyNmh6L3BhZ2VIZWFkZXIuc3ZnIgogICAgICAgICAgICBhbHQ9ImNvbnRlbnQiCiAgICAgICAgICAgIHN0eWxlPSJ3aWR0aDogMTAwJSIKICAgICAgICAgIC8+CiAgICAgICAgPC9kaXY+CiAgICAgIDwvYS1yb3c+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IEVsbGlwc2lzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwpjb25zdCByb3V0ZXMgPSBbewogIHBhdGg6ICdpbmRleCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdGaXJzdC1sZXZlbCBNZW51JywKfSwgewogIHBhdGg6ICdmaXJzdCcsCiAgYnJlYWRjcnVtYk5hbWU6ICdTZWNvbmQtbGV2ZWwgTWVudScsCn0sIHsKICBwYXRoOiAnc2Vjb25kJywKICBicmVhZGNydW1iTmFtZTogJ1RoaXJkLWxldmVsIE1lbnUnLAp9XTsKY29uc3QgaWNvbkxpbmtzID0gW3sKICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvTWpFSW1RdGVubHl1ZVNtVkVmVUQuc3ZnJywKICB0ZXh0OiAnUXVpY2sgU3RhcnQnLAp9LCB7CiAgc3JjOiAnaHR0cHM6Ly9ndy5hbGlwYXlvYmplY3RzLmNvbS96b3Mvcm1zcG9ydGFsL05idURVQXVCbElBcEZ1RHZXaU5ELnN2ZycsCiAgdGV4dDogJ1Byb2R1Y3QgSW5mbycsCn0sIHsKICBzcmM6ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvb2hPRVBTWWREVE5ueU1iR3V5TGIuc3ZnJywKICB0ZXh0OiAnUHJvZHVjdCBEb2MnLAp9XTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBFbGxpcHNpc091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICByb3V0ZXMsCiAgICAgIGljb25MaW5rcywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmltYWdlIHsKICBtYXJnaW46IDAgMCAwIDYwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmltYWdlIHsKICBtYXJnaW46IDAgNjBweCAwIDA7Cn0KCiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuZXhhbXBsZS1saW5rIHsKICBsaW5lLWhlaWdodDogMjRweDsKICBtYXJnaW4tcmlnaHQ6IDE2cHg7Cn0KW2RhdGEtdGhlbWU9J2NvbXBhY3QnXSAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmV4YW1wbGUtbGluayB7CiAgbGluZS1oZWlnaHQ6IDIwcHg7Cn0KI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmstaWNvbiB7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7Cn0KCltkYXRhLXRoZW1lPSdjb21wYWN0J10gI2NvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1jb250ZW50IC5leGFtcGxlLWxpbmstaWNvbiB7CiAgd2lkdGg6IDIwcHg7CiAgaGVpZ2h0OiAyMHB4Owp9CgojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmV4YW1wbGUtbGluayB7CiAgZmxvYXQ6IHJpZ2h0OwogIG1hcmdpbi1yaWdodDogMDsKICBtYXJnaW4tbGVmdDogMTZweDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmFudC1wYWdlLWhlYWRlci1ydGwgLmV4YW1wbGUtbGluay1pY29uIHsKICBtYXJnaW4tcmlnaHQ6IDA7CiAgbWFyZ2luLWxlZnQ6IDhweDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLWNvbnRlbnQgLmNvbnRlbnQgcCB7CiAgbWFyZ2luLWJvdHRvbTogMWVtOwogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuODUpOwogIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7Cn0KCkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tY29udGVudCAuaW1hZ2UgewogICAgZmxleDogMTAwJTsKICAgIG1hcmdpbjogMjRweCAwIDA7CiAgfQp9Cjwvc3R5bGU+"}},{default:s(()=>[n("div",T,[o(W,{title:"Title",class:"site-page-header","sub-title":"This is a subtitle",avatar:{src:"https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"},breadcrumb:{routes:l.routes}},{tags:s(()=>[o(k,{color:"blue"},{default:s(()=>t[0]||(t[0]=[a("Running")])),_:1,__:[0]})]),extra:s(()=>[o(i,{key:"3"},{default:s(()=>t[1]||(t[1]=[a("Operation")])),_:1,__:[1]}),o(i,{key:"2"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(i,{key:"1",type:"primary"},{default:s(()=>t[3]||(t[3]=[a("Primary")])),_:1,__:[3]}),o(G,{key:"more"},{overlay:s(()=>[o(h,null,{default:s(()=>[o(d,null,{default:s(()=>t[4]||(t[4]=[n("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.alipay.com/"}," 1st menu item ",-1)])),_:1,__:[4]}),o(d,null,{default:s(()=>t[5]||(t[5]=[n("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.taobao.com/"}," 2nd menu item ",-1)])),_:1,__:[5]}),o(d,null,{default:s(()=>t[6]||(t[6]=[n("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.tmall.com/"}," 3rd menu item ",-1)])),_:1,__:[6]})]),_:1})]),default:s(()=>[o(i,{style:{border:"none",padding:0}},{default:s(()=>[o(C,{style:{fontSize:"20px",verticalAlign:"top"}})]),_:1})]),_:1})]),default:s(()=>[o(v,{class:"content"},{default:s(()=>[n("div",K,[t[7]||(t[7]=n("p",null," Ant Design interprets the color system into two levels: a system-level color system and a product-level color system. ",-1)),t[8]||(t[8]=n("p",null," Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams. ",-1)),n("div",null,[(g(!0),b(B,null,X(l.iconLinks,A=>(g(),b("a",{key:A.src,class:"example-link"},[n("img",{class:"example-link-icon",src:A.src,alt:A.text},null,8,q),a(" "+w(A.text),1)]))),128))])]),t[9]||(t[9]=n("div",{class:"image"},[n("img",{src:"https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg",alt:"content",style:{width:"100%"}})],-1))]),_:1,__:[9]})]),_:1},8,["breadcrumb"])])]),htmlCode:s(()=>t[10]||(t[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    224. 

  224.   `),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(`
    225. 

  225.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    226. 

  226.       `),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(`
    227. 

  227.       `),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(`
    228. 

  228.       `),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(`
    229. 

  229.       `),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(`
    230. 

  230.       `),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(`
    231. 

  231.     `),n("span",{class:"token punctuation"},">")]),a(`
    232. 

  232.       `),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(`
    233. 

  233.         `),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(`
    234. 

  234.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    235. 

  235.       `),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(`
    236. 

  236.         `),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(`
    237. 

  237.         `),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(`
    238. 

  238.         `),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(`
    239. 

  239.         `),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(`
    240. 

  240.           `),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(`
    241. 

  241.             `),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(`
    242. 

  242.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    243. 

  243.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),a(`
    244. 

  244.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
    245. 

  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. 

  246.                 `),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(`
    247. 

  247.                   1st menu item
    248. 

  248.                 `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    249. 

  249.               `),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(`
    250. 

  250.               `),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(`
    251. 

  251.                 `),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(`
    252. 

  252.                   2nd menu item
    253. 

  253.                 `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    254. 

  254.               `),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(`
    255. 

  255.               `),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(`
    256. 

  256.                 `),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(`
    257. 

  257.                   3rd menu item
    258. 

  258.                 `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    259. 

  259.               `),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(`
    260. 

  260.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
    261. 

  261.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    262. 

  262.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
    263. 

  263.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    264. 

  264.       `),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(`
    265. 

  265.         `),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(`
    266. 

  266.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    267. 

  267.             Ant Design interprets the color system into two levels: a system-level color system and
    268. 

  268.             a product-level color system.
    269. 

  269.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    270. 

  270.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    271. 

  271.             Ant Design`),n("span",{class:"token entity",title:"'"},"&#x27;"),a(`s design team preferred to design with the HSB color model, which makes
    272. 

  272.             it easier for designers to have a clear psychological expectation of color when
    273. 

  273.             adjusting colors, as well as facilitate communication in teams.
    274. 

  274.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    275. 

  275.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    276. 

  276.             `),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(`
    277. 

  277.               `),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(`
    278. 

  278.                 `),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(`
    279. 

  279.                 {{ item.text }}
    280. 

  280.               `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    281. 

  281.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    282. 

  282.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    283. 

  283.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    284. 

  284.         `),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(`
    285. 

  285.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(`
    286. 

  286.             `),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(`
    287. 

  287.             `),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(`
    288. 

  288.             `),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(`
    289. 

  289.           `),n("span",{class:"token punctuation"},"/>")]),a(`
    290. 

  290.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    291. 

  291.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    292. 

  292.     `),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(`
    293. 

  293.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    294. 

  294. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    295. 

  295. `),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(`
    296. 

  296. `),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(`
    297. 

  297. `),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(`
    298. 

  298. 

  299. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
    300. 

  300.   `),n("span",{class:"token punctuation"},"{"),a(`
    301. 

  301.     `),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(`
    302. 

  302.     `),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(`
    303. 

  303.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    304. 

  304.   `),n("span",{class:"token punctuation"},"{"),a(`
    305. 

  305.     `),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(`
    306. 

  306.     `),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(`
    307. 

  307.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    308. 

  308.   `),n("span",{class:"token punctuation"},"{"),a(`
    309. 

  309.     `),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(`
    310. 

  310.     `),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(`
    311. 

  311.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    312. 

  312. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    313. 

  313. 

  314. `),n("span",{class:"token keyword"},"interface"),a(),n("span",{class:"token class-name"},"IconLink"),a(),n("span",{class:"token punctuation"},"{"),a(`
    315. 

  315.   `),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
    316. 

  316.   `),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(" string"),n("span",{class:"token punctuation"},";"),a(`
    317. 

  317. `),n("span",{class:"token punctuation"},"}"),a(`
    318. 

  318. `),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(`
    319. 

  319.   `),n("span",{class:"token punctuation"},"{"),a(`
    320. 

  320.     `),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(`
    321. 

  321.     `),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(`
    322. 

  322.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    323. 

  323.   `),n("span",{class:"token punctuation"},"{"),a(`
    324. 

  324.     `),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(`
    325. 

  325.     `),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(`
    326. 

  326.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    327. 

  327.   `),n("span",{class:"token punctuation"},"{"),a(`
    328. 

  328.     `),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(`
    329. 

  329.     `),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(`
    330. 

  330.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    331. 

  331. `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    332. 

  332. 

  333. `),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(`
    334. 

  334.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    335. 

  335.     EllipsisOutlined`),n("span",{class:"token punctuation"},","),a(`
    336. 

  336.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    337. 

  337.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    338. 

  338.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    339. 

  339.       routes`),n("span",{class:"token punctuation"},","),a(`
    340. 

  340.       iconLinks`),n("span",{class:"token punctuation"},","),a(`
    341. 

  341.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    342. 

  342.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    343. 

  343. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    344. 

  344. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    345. 

  345. `),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(`
    346. 

  346. `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    347. 

  347.   `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 0 0 60px"),n("span",{class:"token punctuation"},";"),a(`
    348. 

  348.   `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
    349. 

  349.   `),n("span",{class:"token property"},"align-items"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
    350. 

  350. `),n("span",{class:"token punctuation"},"}"),a(`
    351. 

  351. 

  352. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    353. 

  353.   `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 60px 0 0"),n("span",{class:"token punctuation"},";"),a(`
    354. 

  354. `),n("span",{class:"token punctuation"},"}"),a(`
    355. 

  355. 

  356. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
    357. 

  357.   `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
    358. 

  358.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
    359. 

  359. `),n("span",{class:"token punctuation"},"}"),a(`
    360. 

  360. `),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
    361. 

  361.   `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    362. 

  362. `),n("span",{class:"token punctuation"},"}"),a(`
    363. 

  363. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
    364. 

  364.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
    365. 

  365. `),n("span",{class:"token punctuation"},"}"),a(`
    366. 

  366. 

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

  368.   `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    369. 

  369.   `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    370. 

  370. `),n("span",{class:"token punctuation"},"}"),a(`
    371. 

  371. 

  372. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
    373. 

  373.   `),n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),a(" right"),n("span",{class:"token punctuation"},";"),a(`
    374. 

  374.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    375. 

  375.   `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
    376. 

  376. `),n("span",{class:"token punctuation"},"}"),a(`
    377. 

  377. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
    378. 

  378.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    379. 

  379.   `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
    380. 

  380. `),n("span",{class:"token punctuation"},"}"),a(`
    381. 

  381. `),n("span",{class:"token selector"},"#components-page-header-demo-content .content p"),a(),n("span",{class:"token punctuation"},"{"),a(`
    382. 

  382.   `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 1em"),n("span",{class:"token punctuation"},";"),a(`
    383. 

  383.   `),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(`
    384. 

  384.   `),n("span",{class:"token property"},"overflow-wrap"),n("span",{class:"token punctuation"},":"),a(" break-word"),n("span",{class:"token punctuation"},";"),a(`
    385. 

  385. `),n("span",{class:"token punctuation"},"}"),a(`
    386. 

  386. 

  387. `),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(`
    388. 

  388.   `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    389. 

  389.     `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    390. 

  390.     `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 24px 0 0"),n("span",{class:"token punctuation"},";"),a(`
    391. 

  391.   `),n("span",{class:"token punctuation"},"}"),a(`
    392. 

  392. `),n("span",{class:"token punctuation"},"}"),a(`
    393. 

  393. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    394. 

  394. `)])],-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(`
    395. 

  395.   `),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(`
    396. 

  396.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    397. 

  397.       `),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(`
    398. 

  398.       `),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(`
    399. 

  399.       `),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(`
    400. 

  400.       `),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(`
    401. 

  401.       `),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(`
    402. 

  402.     `),n("span",{class:"token punctuation"},">")]),a(`
    403. 

  403.       `),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(`
    404. 

  404.         `),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(`
    405. 

  405.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    406. 

  406.       `),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(`
    407. 

  407.         `),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(`
    408. 

  408.         `),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(`
    409. 

  409.         `),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(`
    410. 

  410.         `),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(`
    411. 

  411.           `),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(`
    412. 

  412.             `),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(`
    413. 

  413.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-button")]),n("span",{class:"token punctuation"},">")]),a(`
    414. 

  414.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#overlay"),n("span",{class:"token punctuation"},">")]),a(`
    415. 

  415.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
    416. 

  416.               `),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(`
    417. 

  417.                 `),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(`
    418. 

  418.                   1st menu item
    419. 

  419.                 `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    420. 

  420.               `),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(`
    421. 

  421.               `),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(`
    422. 

  422.                 `),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(`
    423. 

  423.                   2nd menu item
    424. 

  424.                 `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    425. 

  425.               `),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(`
    426. 

  426.               `),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(`
    427. 

  427.                 `),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(`
    428. 

  428.                   3rd menu item
    429. 

  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. 

  430.               `),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(`
    431. 

  431.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-menu")]),n("span",{class:"token punctuation"},">")]),a(`
    432. 

  432.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    433. 

  433.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-dropdown")]),n("span",{class:"token punctuation"},">")]),a(`
    434. 

  434.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    435. 

  435.       `),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(`
    436. 

  436.         `),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(`
    437. 

  437.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    438. 

  438.             Ant Design interprets the color system into two levels: a system-level color system and
    439. 

  439.             a product-level color system.
    440. 

  440.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    441. 

  441.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    442. 

  442.             Ant Design`),n("span",{class:"token entity",title:"'"},"&#x27;"),a(`s design team preferred to design with the HSB color model, which makes
    443. 

  443.             it easier for designers to have a clear psychological expectation of color when
    444. 

  444.             adjusting colors, as well as facilitate communication in teams.
    445. 

  445.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
    446. 

  446.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    447. 

  447.             `),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(`
    448. 

  448.               `),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(`
    449. 

  449.                 `),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(`
    450. 

  450.                 {{ item.text }}
    451. 

  451.               `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a")]),n("span",{class:"token punctuation"},">")]),a(`
    452. 

  452.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    453. 

  453.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    454. 

  454.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    455. 

  455.         `),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(`
    456. 

  456.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(`
    457. 

  457.             `),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(`
    458. 

  458.             `),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(`
    459. 

  459.             `),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(`
    460. 

  460.           `),n("span",{class:"token punctuation"},"/>")]),a(`
    461. 

  461.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    462. 

  462.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-row")]),n("span",{class:"token punctuation"},">")]),a(`
    463. 

  463.     `),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(`
    464. 

  464.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    465. 

  465. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    466. 

  466. `),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(`
    467. 

  467. `),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(`
    468. 

  468. `),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(`
    469. 

  469. `),n("span",{class:"token keyword"},"const"),a(" routes "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(`
    470. 

  470.   `),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(`
    471. 

  471.   `),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(`
    472. 

  472. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    473. 

  473.   `),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(`
    474. 

  474.   `),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(`
    475. 

  475. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    476. 

  476.   `),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(`
    477. 

  477.   `),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(`
    478. 

  478. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    479. 

  479. `),n("span",{class:"token keyword"},"const"),a(" iconLinks "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(`
    480. 

  480.   `),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(`
    481. 

  481.   `),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(`
    482. 

  482. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    483. 

  483.   `),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(`
    484. 

  484.   `),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(`
    485. 

  485. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(`
    486. 

  486.   `),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(`
    487. 

  487.   `),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(`
    488. 

  488. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    489. 

  489. `),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(`
    490. 

  490.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    491. 

  491.     EllipsisOutlined`),n("span",{class:"token punctuation"},","),a(`
    492. 

  492.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    493. 

  493.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    494. 

  494.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    495. 

  495.       routes`),n("span",{class:"token punctuation"},","),a(`
    496. 

  496.       iconLinks`),n("span",{class:"token punctuation"},","),a(`
    497. 

  497.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    498. 

  498.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    499. 

  499. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    500. 

  500. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    501. 

  501. `),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(`
    502. 

  502. `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    503. 

  503.   `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 0 0 60px"),n("span",{class:"token punctuation"},";"),a(`
    504. 

  504.   `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
    505. 

  505.   `),n("span",{class:"token property"},"align-items"),n("span",{class:"token punctuation"},":"),a(" center"),n("span",{class:"token punctuation"},";"),a(`
    506. 

  506. `),n("span",{class:"token punctuation"},"}"),a(`
    507. 

  507. 

  508. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    509. 

  509.   `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 0 60px 0 0"),n("span",{class:"token punctuation"},";"),a(`
    510. 

  510. `),n("span",{class:"token punctuation"},"}"),a(`
    511. 

  511. 

  512. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
    513. 

  513.   `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 24px"),n("span",{class:"token punctuation"},";"),a(`
    514. 

  514.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
    515. 

  515. `),n("span",{class:"token punctuation"},"}"),a(`
    516. 

  516. `),n("span",{class:"token selector"},"[data-theme='compact'] #components-page-header-demo-content .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
    517. 

  517.   `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    518. 

  518. `),n("span",{class:"token punctuation"},"}"),a(`
    519. 

  519. `),n("span",{class:"token selector"},"#components-page-header-demo-content .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
    520. 

  520.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
    521. 

  521. `),n("span",{class:"token punctuation"},"}"),a(`
    522. 

  522. 

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

  524.   `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    525. 

  525.   `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    526. 

  526. `),n("span",{class:"token punctuation"},"}"),a(`
    527. 

  527. 

  528. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link"),a(),n("span",{class:"token punctuation"},"{"),a(`
    529. 

  529.   `),n("span",{class:"token property"},"float"),n("span",{class:"token punctuation"},":"),a(" right"),n("span",{class:"token punctuation"},";"),a(`
    530. 

  530.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    531. 

  531.   `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 16px"),n("span",{class:"token punctuation"},";"),a(`
    532. 

  532. `),n("span",{class:"token punctuation"},"}"),a(`
    533. 

  533. `),n("span",{class:"token selector"},"#components-page-header-demo-content .ant-page-header-rtl .example-link-icon"),a(),n("span",{class:"token punctuation"},"{"),a(`
    534. 

  534.   `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    535. 

  535.   `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 8px"),n("span",{class:"token punctuation"},";"),a(`
    536. 

  536. `),n("span",{class:"token punctuation"},"}"),a(`
    537. 

  537. `),n("span",{class:"token selector"},"#components-page-header-demo-content .content p"),a(),n("span",{class:"token punctuation"},"{"),a(`
    538. 

  538.   `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 1em"),n("span",{class:"token punctuation"},";"),a(`
    539. 

  539.   `),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(`
    540. 

  540.   `),n("span",{class:"token property"},"overflow-wrap"),n("span",{class:"token punctuation"},":"),a(" break-word"),n("span",{class:"token punctuation"},";"),a(`
    541. 

  541. `),n("span",{class:"token punctuation"},"}"),a(`
    542. 

  542. 

  543. `),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(`
    544. 

  544.   `),n("span",{class:"token selector"},"#components-page-header-demo-content .image"),a(),n("span",{class:"token punctuation"},"{"),a(`
    545. 

  545.     `),n("span",{class:"token property"},"flex"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    546. 

  546.     `),n("span",{class:"token property"},"margin"),n("span",{class:"token punctuation"},":"),a(" 24px 0 0"),n("span",{class:"token punctuation"},";"),a(`
    547. 

  547.   `),n("span",{class:"token punctuation"},"}"),a(`
    548. 

  548. `),n("span",{class:"token punctuation"},"}"),a(`
    549. 

  549. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    550. 

  550. `)])],-1)])),_:1})}const U=I(D,[["render",_],["__scopeId","data-v-75a49445"]]);const M={},E={class:"components-page-header-demo-responsive",style:{border:"1px solid rgb(235, 237, 240)"}},O={class:"content"},Q={class:"main"},$={class:"extra"},nn={style:{display:"flex",width:"max-content",justifyContent:"flex-end"}};function an(l,t){const p=e("a-button"),c=e("a-tab-pane"),r=e("a-tabs"),u=e("a-descriptions-item"),k=e("a-descriptions"),i=e("a-statistic"),C=e("a-page-header"),d=e("demo-box");return g(),m(d,{jsfiddle:{us:"Under different screen sizes, there should be different performance",cn:"\u5728\u4E0D\u540C\u5927\u5C0F\u7684\u5C4F\u5E55\u4E0B\uFF0C\u5E94\u8BE5\u6709\u4E0D\u540C\u7684\u8868\u73B0\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    551. 

  551.           <span aria-hidden="true" class="anchor">#</span>
    552. 

  552.         </a></h2>
    553. 

  553. <p>\u5728\u4E0D\u540C\u5927\u5C0F\u7684\u5C4F\u5E55\u4E0B\uFF0C\u5E94\u8BE5\u6709\u4E0D\u540C\u7684\u8868\u73B0\u3002</p>
    554. 

  554. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    555. 

  555.           <span aria-hidden="true" class="anchor">#</span>
    556. 

  556.         </a></h2>
    557. 

  557. <p>Under different screen sizes, there should be different performance</p>
    558. 

  558. `,order:6,iframe:228,title:{"zh-CN":"\u54CD\u5E94\u5F0F","en-US":"responsive"},relativePath:"components/page-header/demo/responsive.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIiBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIj4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjZXh0cmE+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMyI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIyIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjEiIHR5cGU9InByaW1hcnkiPlByaW1hcnk8L2EtYnV0dG9uPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgICA8YS10YWJzPgogICAgICAgICAgPGEtdGFiLXBhbmUga2V5PSIxIiB0YWI9IkRldGFpbHMiIC8+CiAgICAgICAgICA8YS10YWItcGFuZSBrZXk9IjIiIHRhYj0iUnVsZSIgLz4KICAgICAgICA8L2EtdGFicz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGRpdiBjbGFzcz0iY29udGVudCI+CiAgICAgICAgPGRpdiBjbGFzcz0ibWFpbiI+CiAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMgc2l6ZT0ic21hbGwiIDpjb2x1bW49IjIiPgogICAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgICAgICA8YT40MjE0MjE8L2E+CiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJFZmZlY3RpdmUgVGltZSI+MjAxNy0xMC0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICAgICAgPC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0iZXh0cmEiPgogICAgICAgICAgPGRpdgogICAgICAgICAgICA6c3R5bGU9InsKICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsCiAgICAgICAgICAgICAgd2lkdGg6ICdtYXgtY29udGVudCcsCiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsCiAgICAgICAgICAgIH0iCiAgICAgICAgICA+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYwogICAgICAgICAgICAgIHRpdGxlPSJTdGF0dXMiCiAgICAgICAgICAgICAgdmFsdWU9IlBlbmRpbmciCiAgICAgICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgICAgICBtYXJnaW5SaWdodDogJzMycHgnLAogICAgICAgICAgICAgIH0iCiAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iUHJpY2UiIHByZWZpeD0iJCIgOnZhbHVlPSI1NjguMDgiIC8+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+Cgo8c3R5bGU+Ci5jb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSB7CiAgcGFkZGluZy1ib3R0b206IDIwcHg7Cn0KLmNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIHRyOmxhc3QtY2hpbGQgdGQgewogIHBhZGRpbmctYm90dG9tOiAwOwp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgZGlzcGxheTogZmxleDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmFudC1zdGF0aXN0aWMtY29udGVudCB7CiAgZm9udC1zaXplOiAyMHB4OwogIGxpbmUtaGVpZ2h0OiAyOHB4Owp9CkBtZWRpYSAobWF4LXdpZHRoOiA1NzZweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgICBkaXNwbGF5OiBibG9jazsKICB9CgogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAubWFpbiB7CiAgICB3aWR0aDogMTAwJTsKICAgIG1hcmdpbi1ib3R0b206IDEycHg7CiAgfQoKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmV4dHJhIHsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWxlZnQ6IDA7CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogIH0KfQo8L3N0eWxlPgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIiBzdHlsZT0iYm9yZGVyOiAxcHggc29saWQgcmdiKDIzNSwgMjM3LCAyNDApIj4KICAgIDxhLXBhZ2UtaGVhZGVyIHRpdGxlPSJUaXRsZSIgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSI+CiAgICAgIDx0ZW1wbGF0ZSAjZXh0cmE+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMyI+T3BlcmF0aW9uPC9hLWJ1dHRvbj4KICAgICAgICA8YS1idXR0b24ga2V5PSIyIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjEiIHR5cGU9InByaW1hcnkiPlByaW1hcnk8L2EtYnV0dG9uPgogICAgICA8L3RlbXBsYXRlPgogICAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgICA8YS10YWJzPgogICAgICAgICAgPGEtdGFiLXBhbmUga2V5PSIxIiB0YWI9IkRldGFpbHMiIC8+CiAgICAgICAgICA8YS10YWItcGFuZSBrZXk9IjIiIHRhYj0iUnVsZSIgLz4KICAgICAgICA8L2EtdGFicz4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGRpdiBjbGFzcz0iY29udGVudCI+CiAgICAgICAgPGRpdiBjbGFzcz0ibWFpbiI+CiAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMgc2l6ZT0ic21hbGwiIDpjb2x1bW49IjIiPgogICAgICAgICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ3JlYXRlZCI+TGlsaSBRdTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgICAgICA8YT40MjE0MjE8L2E+CiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJFZmZlY3RpdmUgVGltZSI+MjAxNy0xMC0xMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlJlbWFya3MiPgogICAgICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICAgICAgPC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0iZXh0cmEiPgogICAgICAgICAgPGRpdgogICAgICAgICAgICA6c3R5bGU9InsKICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsCiAgICAgICAgICAgICAgd2lkdGg6ICdtYXgtY29udGVudCcsCiAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsCiAgICAgICAgICAgIH0iCiAgICAgICAgICA+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYwogICAgICAgICAgICAgIHRpdGxlPSJTdGF0dXMiCiAgICAgICAgICAgICAgdmFsdWU9IlBlbmRpbmciCiAgICAgICAgICAgICAgOnN0eWxlPSJ7CiAgICAgICAgICAgICAgICBtYXJnaW5SaWdodDogJzMycHgnLAogICAgICAgICAgICAgIH0iCiAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDxhLXN0YXRpc3RpYyB0aXRsZT0iUHJpY2UiIHByZWZpeD0iJCIgOnZhbHVlPSI1NjguMDgiIC8+CiAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L2EtcGFnZS1oZWFkZXI+CiAgPC9kaXY+CjwvdGVtcGxhdGU+Cgo8c3R5bGU+Ci5jb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSB7CiAgcGFkZGluZy1ib3R0b206IDIwcHg7Cn0KLmNvbXBvbmVudHMtcGFnZS1oZWFkZXItZGVtby1yZXNwb25zaXZlIHRyOmxhc3QtY2hpbGQgdGQgewogIHBhZGRpbmctYm90dG9tOiAwOwp9CiNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgZGlzcGxheTogZmxleDsKfQojY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmFudC1zdGF0aXN0aWMtY29udGVudCB7CiAgZm9udC1zaXplOiAyMHB4OwogIGxpbmUtaGVpZ2h0OiAyOHB4Owp9CkBtZWRpYSAobWF4LXdpZHRoOiA1NzZweCkgewogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAuY29udGVudCB7CiAgICBkaXNwbGF5OiBibG9jazsKICB9CgogICNjb21wb25lbnRzLXBhZ2UtaGVhZGVyLWRlbW8tcmVzcG9uc2l2ZSAubWFpbiB7CiAgICB3aWR0aDogMTAwJTsKICAgIG1hcmdpbi1ib3R0b206IDEycHg7CiAgfQoKICAjY29tcG9uZW50cy1wYWdlLWhlYWRlci1kZW1vLXJlc3BvbnNpdmUgLmV4dHJhIHsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWxlZnQ6IDA7CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogIH0KfQo8L3N0eWxlPg=="}},{default:s(()=>[n("div",E,[o(C,{title:"Title","sub-title":"This is a subtitle",onBack:t[0]||(t[0]=()=>l.$router.go(-1))},{extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[1]||(t[1]=[a("Operation")])),_:1,__:[1]}),o(p,{key:"2"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[3]||(t[3]=[a("Primary")])),_:1,__:[3]})]),footer:s(()=>[o(r,null,{default:s(()=>[o(c,{key:"1",tab:"Details"}),o(c,{key:"2",tab:"Rule"})]),_:1})]),default:s(()=>[n("div",O,[n("div",Q,[o(k,{size:"small",column:2},{default:s(()=>[o(u,{label:"Created"},{default:s(()=>t[4]||(t[4]=[a("Lili Qu")])),_:1,__:[4]}),o(u,{label:"Association"},{default:s(()=>t[5]||(t[5]=[n("a",null,"421421",-1)])),_:1,__:[5]}),o(u,{label:"Creation Time"},{default:s(()=>t[6]||(t[6]=[a("2017-01-10")])),_:1,__:[6]}),o(u,{label:"Effective Time"},{default:s(()=>t[7]||(t[7]=[a("2017-10-10")])),_:1,__:[7]}),o(u,{label:"Remarks"},{default:s(()=>t[8]||(t[8]=[a(" Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[8]})]),_:1})]),n("div",$,[n("div",nn,[o(i,{title:"Status",value:"Pending",style:{marginRight:"32px"}}),o(i,{title:"Price",prefix:"$",value:568.08})])])])]),_:1})])]),htmlCode:s(()=>t[9]||(t[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    559. 

  559.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-page-header-demo-responsive"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    560. 

  560.     `),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(`
    561. 

  561.       `),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(`
    562. 

  562.         `),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(`
    563. 

  563.         `),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(`
    564. 

  564.         `),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(`
    565. 

  565.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    566. 

  566.       `),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(`
    567. 

  567.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
    568. 

  568.           `),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(`
    569. 

  569.           `),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(`
    570. 

  570.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
    571. 

  571.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    572. 

  572.       `),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(`
    573. 

  573.         `),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(`
    574. 

  574.           `),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(`
    575. 

  575.             `),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(`
    576. 

  576.             `),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(`
    577. 

  577.               `),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(`
    578. 

  578.             `),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(`
    579. 

  579.             `),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(`
    580. 

  580.             `),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(`
    581. 

  581.             `),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(`
    582. 

  582.               Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
    583. 

  583.             `),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(`
    584. 

  584.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    585. 

  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. 

  586.         `),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(`
    587. 

  587.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(`
    588. 

  588.             `),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(`{
    589. 

  589.               display: 'flex',
    590. 

  590.               width: 'max-content',
    591. 

  591.               justifyContent: 'flex-end',
    592. 

  592.             }`),n("span",{class:"token punctuation"},'"')]),a(`
    593. 

  593.           `),n("span",{class:"token punctuation"},">")]),a(`
    594. 

  594.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
    595. 

  595.               `),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(`
    596. 

  596.               `),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(`
    597. 

  597.               `),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(`{
    598. 

  598.                 marginRight: '32px',
    599. 

  599.               }`),n("span",{class:"token punctuation"},'"')]),a(`
    600. 

  600.             `),n("span",{class:"token punctuation"},"/>")]),a(`
    601. 

  601.             `),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(`
    602. 

  602.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    603. 

  603.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    604. 

  604.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    605. 

  605.     `),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(`
    606. 

  606.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    607. 

  607. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    608. 

  608. 

  609. `),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(`
    610. 

  610. `),n("span",{class:"token selector"},".components-page-header-demo-responsive"),a(),n("span",{class:"token punctuation"},"{"),a(`
    611. 

  611.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    612. 

  612. `),n("span",{class:"token punctuation"},"}"),a(`
    613. 

  613. `),n("span",{class:"token selector"},".components-page-header-demo-responsive tr:last-child td"),a(),n("span",{class:"token punctuation"},"{"),a(`
    614. 

  614.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    615. 

  615. `),n("span",{class:"token punctuation"},"}"),a(`
    616. 

  616. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    617. 

  617.   `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
    618. 

  618. `),n("span",{class:"token punctuation"},"}"),a(`
    619. 

  619. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .ant-statistic-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    620. 

  620.   `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    621. 

  621.   `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
    622. 

  622. `),n("span",{class:"token punctuation"},"}"),a(`
    623. 

  623. `),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(`
    624. 

  624.   `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    625. 

  625.     `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block"),n("span",{class:"token punctuation"},";"),a(`
    626. 

  626.   `),n("span",{class:"token punctuation"},"}"),a(`
    627. 

  627. 

  628.   `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .main"),a(),n("span",{class:"token punctuation"},"{"),a(`
    629. 

  629.     `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    630. 

  630.     `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 12px"),n("span",{class:"token punctuation"},";"),a(`
    631. 

  631.   `),n("span",{class:"token punctuation"},"}"),a(`
    632. 

  632. 

  633.   `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .extra"),a(),n("span",{class:"token punctuation"},"{"),a(`
    634. 

  634.     `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    635. 

  635.     `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    636. 

  636.     `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" left"),n("span",{class:"token punctuation"},";"),a(`
    637. 

  637.   `),n("span",{class:"token punctuation"},"}"),a(`
    638. 

  638. `),n("span",{class:"token punctuation"},"}"),a(`
    639. 

  639. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    640. 

  640. `)])],-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(`
    641. 

  641.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("components-page-header-demo-responsive"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"border"),n("span",{class:"token punctuation"},":"),a(" 1px solid "),n("span",{class:"token function"},"rgb"),n("span",{class:"token punctuation"},"("),a("235"),n("span",{class:"token punctuation"},","),a(" 237"),n("span",{class:"token punctuation"},","),a(" 240"),n("span",{class:"token punctuation"},")")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
    642. 

  642.     `),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(`
    643. 

  643.       `),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(`
    644. 

  644.         `),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(`
    645. 

  645.         `),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(`
    646. 

  646.         `),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(`
    647. 

  647.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    648. 

  648.       `),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(`
    649. 

  649.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
    650. 

  650.           `),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(`
    651. 

  651.           `),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(`
    652. 

  652.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-tabs")]),n("span",{class:"token punctuation"},">")]),a(`
    653. 

  653.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    654. 

  654.       `),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(`
    655. 

  655.         `),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(`
    656. 

  656.           `),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(`
    657. 

  657.             `),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(`
    658. 

  658.             `),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(`
    659. 

  659.               `),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(`
    660. 

  660.             `),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(`
    661. 

  661.             `),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(`
    662. 

  662.             `),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(`
    663. 

  663.             `),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(`
    664. 

  664.               Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
    665. 

  665.             `),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(`
    666. 

  666.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    667. 

  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. 

  668.         `),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(`
    669. 

  669.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(`
    670. 

  670.             `),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(`{
    671. 

  671.               display: 'flex',
    672. 

  672.               width: 'max-content',
    673. 

  673.               justifyContent: 'flex-end',
    674. 

  674.             }`),n("span",{class:"token punctuation"},'"')]),a(`
    675. 

  675.           `),n("span",{class:"token punctuation"},">")]),a(`
    676. 

  676.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-statistic")]),a(`
    677. 

  677.               `),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(`
    678. 

  678.               `),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(`
    679. 

  679.               `),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(`{
    680. 

  680.                 marginRight: '32px',
    681. 

  681.               }`),n("span",{class:"token punctuation"},'"')]),a(`
    682. 

  682.             `),n("span",{class:"token punctuation"},"/>")]),a(`
    683. 

  683.             `),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(`
    684. 

  684.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    685. 

  685.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    686. 

  686.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    687. 

  687.     `),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(`
    688. 

  688.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    689. 

  689. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    690. 

  690. 

  691. `),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(`
    692. 

  692. `),n("span",{class:"token selector"},".components-page-header-demo-responsive"),a(),n("span",{class:"token punctuation"},"{"),a(`
    693. 

  693.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    694. 

  694. `),n("span",{class:"token punctuation"},"}"),a(`
    695. 

  695. `),n("span",{class:"token selector"},".components-page-header-demo-responsive tr:last-child td"),a(),n("span",{class:"token punctuation"},"{"),a(`
    696. 

  696.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    697. 

  697. `),n("span",{class:"token punctuation"},"}"),a(`
    698. 

  698. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    699. 

  699.   `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" flex"),n("span",{class:"token punctuation"},";"),a(`
    700. 

  700. `),n("span",{class:"token punctuation"},"}"),a(`
    701. 

  701. `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .ant-statistic-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    702. 

  702.   `),n("span",{class:"token property"},"font-size"),n("span",{class:"token punctuation"},":"),a(" 20px"),n("span",{class:"token punctuation"},";"),a(`
    703. 

  703.   `),n("span",{class:"token property"},"line-height"),n("span",{class:"token punctuation"},":"),a(" 28px"),n("span",{class:"token punctuation"},";"),a(`
    704. 

  704. `),n("span",{class:"token punctuation"},"}"),a(`
    705. 

  705. `),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(`
    706. 

  706.   `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .content"),a(),n("span",{class:"token punctuation"},"{"),a(`
    707. 

  707.     `),n("span",{class:"token property"},"display"),n("span",{class:"token punctuation"},":"),a(" block"),n("span",{class:"token punctuation"},";"),a(`
    708. 

  708.   `),n("span",{class:"token punctuation"},"}"),a(`
    709. 

  709. 

  710.   `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .main"),a(),n("span",{class:"token punctuation"},"{"),a(`
    711. 

  711.     `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    712. 

  712.     `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 12px"),n("span",{class:"token punctuation"},";"),a(`
    713. 

  713.   `),n("span",{class:"token punctuation"},"}"),a(`
    714. 

  714. 

  715.   `),n("span",{class:"token selector"},"#components-page-header-demo-responsive .extra"),a(),n("span",{class:"token punctuation"},"{"),a(`
    716. 

  716.     `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 100%"),n("span",{class:"token punctuation"},";"),a(`
    717. 

  717.     `),n("span",{class:"token property"},"margin-left"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    718. 

  718.     `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),a(" left"),n("span",{class:"token punctuation"},";"),a(`
    719. 

  719.   `),n("span",{class:"token punctuation"},"}"),a(`
    720. 

  720. `),n("span",{class:"token punctuation"},"}"),a(`
    721. 

  721. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    722. 

  722. `)])],-1)])),_:1})}const tn=I(M,[["render",an]]);const sn={},on={class:"demo-page-header",style:{"background-color":"#f5f5f5",padding:"24px"}};function en(l,t){const p=e("a-button"),c=e("a-descriptions-item"),r=e("a-descriptions"),u=e("a-page-header"),k=e("demo-box");return g(),m(k,{jsfiddle:{us:"The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.",cn:"\u9ED8\u8BA4 PageHeader \u662F\u900F\u660E\u5E95\u8272\u7684\u3002\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\uFF0CPageHeader \u9700\u8981\u81EA\u5DF1\u7684\u80CC\u666F\u989C\u8272\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    723. 

  723.           <span aria-hidden="true" class="anchor">#</span>
    724. 

  724.         </a></h2>
    725. 

  725. <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>
    726. 

  726. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    727. 

  727.           <span aria-hidden="true" class="anchor">#</span>
    728. 

  728.         </a></h2>
    729. 

  729. <p>The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.</p>
    730. 

  730. `,order:2,title:{"zh-CN":"\u767D\u5E95\u6A21\u5F0F","en-US":"white background mode"},relativePath:"components/page-header/demo/ghost.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImRlbW8tcGFnZS1oZWFkZXIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1OyBwYWRkaW5nOiAyNHB4Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIDpnaG9zdD0iZmFsc2UiCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICAgIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSIKICAgID4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDxhLWRlc2NyaXB0aW9ucyBzaXplPSJzbWFsbCIgOmNvbHVtbj0iMyI+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0ZWQiPkxpbGkgUXU8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgIDxhPjQyMTQyMTwvYT4KICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkVmZmVjdGl2ZSBUaW1lIj4yMDE3LTEwLTEwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmtzIj4KICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8L2EtZGVzY3JpcHRpb25zPgogICAgPC9hLXBhZ2UtaGVhZGVyPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKPHN0eWxlIHNjb3BlZD4KLmRlbW8tcGFnZS1oZWFkZXIgOmRlZXAodHI6bGFzdC1jaGlsZCB0ZCkgewogIHBhZGRpbmctYm90dG9tOiAwOwp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgY2xhc3M9ImRlbW8tcGFnZS1oZWFkZXIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1OyBwYWRkaW5nOiAyNHB4Ij4KICAgIDxhLXBhZ2UtaGVhZGVyCiAgICAgIDpnaG9zdD0iZmFsc2UiCiAgICAgIHRpdGxlPSJUaXRsZSIKICAgICAgc3ViLXRpdGxlPSJUaGlzIGlzIGEgc3VidGl0bGUiCiAgICAgIEBiYWNrPSIoKSA9PiAkcm91dGVyLmdvKC0xKSIKICAgID4KICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICA8YS1idXR0b24ga2V5PSIzIj5PcGVyYXRpb248L2EtYnV0dG9uPgogICAgICAgIDxhLWJ1dHRvbiBrZXk9IjIiPk9wZXJhdGlvbjwvYS1idXR0b24+CiAgICAgICAgPGEtYnV0dG9uIGtleT0iMSIgdHlwZT0icHJpbWFyeSI+UHJpbWFyeTwvYS1idXR0b24+CiAgICAgIDwvdGVtcGxhdGU+CiAgICAgIDxhLWRlc2NyaXB0aW9ucyBzaXplPSJzbWFsbCIgOmNvbHVtbj0iMyI+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0ZWQiPkxpbGkgUXU8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFzc29jaWF0aW9uIj4KICAgICAgICAgIDxhPjQyMTQyMTwvYT4KICAgICAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNyZWF0aW9uIFRpbWUiPjIwMTctMDEtMTA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkVmZmVjdGl2ZSBUaW1lIj4yMDE3LTEwLTEwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmtzIj4KICAgICAgICAgIEdvbmdodSBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICAgICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8L2EtZGVzY3JpcHRpb25zPgogICAgPC9hLXBhZ2UtaGVhZGVyPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKPHN0eWxlIHNjb3BlZD4KLmRlbW8tcGFnZS1oZWFkZXIgOmRlZXAodHI6bGFzdC1jaGlsZCB0ZCkgewogIHBhZGRpbmctYm90dG9tOiAwOwp9Cjwvc3R5bGU+"}},{default:s(()=>[n("div",on,[o(u,{ghost:!1,title:"Title","sub-title":"This is a subtitle",onBack:t[0]||(t[0]=()=>l.$router.go(-1))},{extra:s(()=>[o(p,{key:"3"},{default:s(()=>t[1]||(t[1]=[a("Operation")])),_:1,__:[1]}),o(p,{key:"2"},{default:s(()=>t[2]||(t[2]=[a("Operation")])),_:1,__:[2]}),o(p,{key:"1",type:"primary"},{default:s(()=>t[3]||(t[3]=[a("Primary")])),_:1,__:[3]})]),default:s(()=>[o(r,{size:"small",column:3},{default:s(()=>[o(c,{label:"Created"},{default:s(()=>t[4]||(t[4]=[a("Lili Qu")])),_:1,__:[4]}),o(c,{label:"Association"},{default:s(()=>t[5]||(t[5]=[n("a",null,"421421",-1)])),_:1,__:[5]}),o(c,{label:"Creation Time"},{default:s(()=>t[6]||(t[6]=[a("2017-01-10")])),_:1,__:[6]}),o(c,{label:"Effective Time"},{default:s(()=>t[7]||(t[7]=[a("2017-10-10")])),_:1,__:[7]}),o(c,{label:"Remarks"},{default:s(()=>t[8]||(t[8]=[a(" Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[8]})]),_:1})]),_:1})])]),htmlCode:s(()=>t[9]||(t[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    731. 

  731.   `),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(`
    732. 

  732.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    733. 

  733.       `),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(`
    734. 

  734.       `),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(`
    735. 

  735.       `),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(`
    736. 

  736.       `),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(`
    737. 

  737.     `),n("span",{class:"token punctuation"},">")]),a(`
    738. 

  738.       `),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(`
    739. 

  739.         `),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(`
    740. 

  740.         `),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(`
    741. 

  741.         `),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(`
    742. 

  742.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    743. 

  743.       `),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(`
    744. 

  744.         `),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(`
    745. 

  745.         `),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(`
    746. 

  746.           `),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(`
    747. 

  747.         `),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. 

  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("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(`
    749. 

  749.         `),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(`
    750. 

  750.         `),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(`
    751. 

  751.           Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
    752. 

  752.         `),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. 

  753.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    754. 

  754.     `),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(`
    755. 

  755.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    756. 

  756. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    757. 

  757. 

  758. `),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(`
    759. 

  759. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
    760. 

  760.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    761. 

  761. `),n("span",{class:"token punctuation"},"}"),a(`
    762. 

  762. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    763. 

  763. `)])],-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(`
    764. 

  764.   `),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(`
    765. 

  765.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-page-header")]),a(`
    766. 

  766.       `),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(`
    767. 

  767.       `),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(`
    768. 

  768.       `),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(`
    769. 

  769.       `),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(`
    770. 

  770.     `),n("span",{class:"token punctuation"},">")]),a(`
    771. 

  771.       `),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(`
    772. 

  772.         `),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(`
    773. 

  773.         `),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(`
    774. 

  774.         `),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(`
    775. 

  775.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    776. 

  776.       `),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(`
    777. 

  777.         `),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(`
    778. 

  778.         `),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(`
    779. 

  779.           `),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(`
    780. 

  780.         `),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(`
    781. 

  781.         `),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(`
    782. 

  782.         `),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(`
    783. 

  783.         `),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(`
    784. 

  784.           Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
    785. 

  785.         `),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(`
    786. 

  786.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-descriptions")]),n("span",{class:"token punctuation"},">")]),a(`
    787. 

  787.     `),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(`
    788. 

  788.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    789. 

  789. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    790. 

  790. 

  791. `),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(`
    792. 

  792. `),n("span",{class:"token selector"},".demo-page-header :deep(tr:last-child td)"),a(),n("span",{class:"token punctuation"},"{"),a(`
    793. 

  793.   `),n("span",{class:"token property"},"padding-bottom"),n("span",{class:"token punctuation"},":"),a(" 0"),n("span",{class:"token punctuation"},";"),a(`
    794. 

  794. `),n("span",{class:"token punctuation"},"}"),a(`
    795. 

  795. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
    796. 

  796. `)])],-1)])),_:1})}const pn=I(sn,[["render",en],["__scopeId","data-v-b91f4676"]]),cn={pageData:{title:"PageHeader",description:"",frontmatter:{category:"Components",type:"\u5BFC\u822A",title:"PageHeader",cols:1,subtitle:"\u9875\u5934",cover:"https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u9700\u8981\u4F7F\u7528\u6237\u5FEB\u901F\u7406\u89E3\u5F53\u524D\u9875\u662F\u4EC0\u4E48\u4EE5\u53CA\u65B9\u4FBF\u7528\u6237\u4F7F\u7528\u9875\u9762\u529F\u80FD\u65F6\u4F7F\u7528\uFF0C\u901A\u5E38\u4E5F\u53EF\u88AB\u7528\u4F5C\u9875\u9762\u95F4\u5BFC\u822A\u3002"},{level:2,title:"API",slug:"API",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""}],relativePath:"components/page-header/index.zh-CN.md",content:`
    797. 

  797. \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
    798. 

  798. 

  799. ## \u4F55\u65F6\u4F7F\u7528
    800. 

  800. 

  801. \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
    802. 

  802. 

  803. ## API
    804. 

  804. 

  805. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    806. 

  806. | --- | --- | --- | --- |
    807. 

  807. | avatar | \u6807\u9898\u680F\u65C1\u7684\u5934\u50CF | [avatar props](/components/avatar-cn/) | - |
    808. 

  808. | backIcon | \u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon | string\\|slot | \`&lt;ArrowLeft /&gt;\` |
    809. 

  809. | breadcrumb | \u9762\u5305\u5C51\u7684\u914D\u7F6E | [breadcrumb](/components/breadcrumb-cn/) | - |
    810. 

  810. | extra | \u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E | string\\|slot | - |
    811. 

  811. | footer | PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar | string\\|slot | - |
    812. 

  812. | ghost | pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272 | boolean | true |
    813. 

  813. | subTitle | \u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57 | string\\|slot | - |
    814. 

  814. | tags | title \u65C1\u7684 tag \u5217\u8868 | [Tag](/components/tag-cn/)\\[] \\| [Tag](/components/tag-cn/) | - |
    815. 

  815. | title | \u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57 | string\\|slot | - |
    816. 

  816. 

  817. ### \u4E8B\u4EF6
    818. 

  818. 

  819. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570    |
    820. 

  820. | -------- | ------------------ | ----------- |
    821. 

  821. | back     | \u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6 | function(e) |
    822. 

  822. `,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>
    823. 

  823. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
    824. 

  824.           <span aria-hidden="true" class="anchor">#</span>
    825. 

  825.         </a></h2>
    826. 

  826. <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>
    827. 

  827. <h2 id="API">API <a class="header-anchor" href="#API">
    828. 

  828.           <span aria-hidden="true" class="anchor">#</span>
    829. 

  829.         </a></h2>
    830. 

  830. <table>
    831. 

  831. <thead>
    832. 

  832. <tr>
    833. 

  833. <th>\u53C2\u6570</th>
    834. 

  834. <th>\u8BF4\u660E</th>
    835. 

  835. <th>\u7C7B\u578B</th>
    836. 

  836. <th>\u9ED8\u8BA4\u503C</th>
    837. 

  837. </tr>
    838. 

  838. </thead>
    839. 

  839. <tbody>
    840. 

  840. <tr>
    841. 

  841. <td>avatar</td>
    842. 

  842. <td>\u6807\u9898\u680F\u65C1\u7684\u5934\u50CF</td>
    843. 

  843. <td><a href="/components/avatar-cn/">avatar props</a></td>
    844. 

  844. <td>-</td>
    845. 

  845. </tr>
    846. 

  846. <tr>
    847. 

  847. <td>backIcon</td>
    848. 

  848. <td>\u81EA\u5B9A\u4E49 back icon \uFF0C\u5982\u679C\u4E3A false \u4E0D\u6E32\u67D3 back icon</td>
    849. 

  849. <td>string|slot</td>
    850. 

  850. <td><code>&lt;ArrowLeft /&gt;</code></td>
    851. 

  851. </tr>
    852. 

  852. <tr>
    853. 

  853. <td>breadcrumb</td>
    854. 

  854. <td>\u9762\u5305\u5C51\u7684\u914D\u7F6E</td>
    855. 

  855. <td><a href="/components/breadcrumb-cn/">breadcrumb</a></td>
    856. 

  856. <td>-</td>
    857. 

  857. </tr>
    858. 

  858. <tr>
    859. 

  859. <td>extra</td>
    860. 

  860. <td>\u64CD\u4F5C\u533A\uFF0C\u4F4D\u4E8E title \u884C\u7684\u884C\u5C3E</td>
    861. 

  861. <td>string|slot</td>
    862. 

  862. <td>-</td>
    863. 

  863. </tr>
    864. 

  864. <tr>
    865. 

  865. <td>footer</td>
    866. 

  866. <td>PageHeader \u7684\u9875\u811A\uFF0C\u4E00\u822C\u7528\u4E8E\u6E32\u67D3 TabBar</td>
    867. 

  867. <td>string|slot</td>
    868. 

  868. <td>-</td>
    869. 

  869. </tr>
    870. 

  870. <tr>
    871. 

  871. <td>ghost</td>
    872. 

  872. <td>pageHeader \u7684\u7C7B\u578B\uFF0C\u5C06\u4F1A\u6539\u53D8\u80CC\u666F\u989C\u8272</td>
    873. 

  873. <td>boolean</td>
    874. 

  874. <td>true</td>
    875. 

  875. </tr>
    876. 

  876. <tr>
    877. 

  877. <td>subTitle</td>
    878. 

  878. <td>\u81EA\u5B9A\u4E49\u7684\u4E8C\u7EA7\u6807\u9898\u6587\u5B57</td>
    879. 

  879. <td>string|slot</td>
    880. 

  880. <td>-</td>
    881. 

  881. </tr>
    882. 

  882. <tr>
    883. 

  883. <td>tags</td>
    884. 

  884. <td>title \u65C1\u7684 tag \u5217\u8868</td>
    885. 

  885. <td><a href="/components/tag-cn/">Tag</a>[] | <a href="/components/tag-cn/">Tag</a></td>
    886. 

  886. <td>-</td>
    887. 

  887. </tr>
    888. 

  888. <tr>
    889. 

  889. <td>title</td>
    890. 

  890. <td>\u81EA\u5B9A\u4E49\u6807\u9898\u6587\u5B57</td>
    891. 

  891. <td>string|slot</td>
    892. 

  892. <td>-</td>
    893. 

  893. </tr>
    894. 

  894. </tbody>
    895. 

  895. </table>
    896. 

  896. <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
    897. 

  897.           <span aria-hidden="true" class="anchor">#</span>
    898. 

  898.         </a></h3>
    899. 

  899. <table>
    900. 

  900. <thead>
    901. 

  901. <tr>
    902. 

  902. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    903. 

  903. <th>\u8BF4\u660E</th>
    904. 

  904. <th>\u56DE\u8C03\u53C2\u6570</th>
    905. 

  905. </tr>
    906. 

  906. </thead>
    907. 

  907. <tbody>
    908. 

  908. <tr>
    909. 

  909. <td>back</td>
    910. 

  910. <td>\u8FD4\u56DE\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6</td>
    911. 

  911. <td>function(e)</td>
    912. 

  912. </tr>
    913. 

  913. </tbody>
    914. 

  914. </table>
    915. 

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

  916. A header with common actions and design elements built in.
    917. 

  917. 

  918. ## When To Use
    919. 

  919. 

  920. 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.
    921. 

  921. 

  922. ## API
    923. 

  923. 

  924. | Param | Description | Type | Default value |
    925. 

  925. | --- | --- | --- | --- |
    926. 

  926. | avatar | Avatar next to the title bar | [avatar props](/components/avatar/) | - |
    927. 

  927. | backIcon | custom back icon, if false the back icon will not be displayed | string\\|slot | \`&lt;ArrowLeft /&gt;\` |
    928. 

  928. | breadcrumb | Breadcrumb configuration | [breadcrumb](/components/breadcrumb/) | - |
    929. 

  929. | extra | Operating area, at the end of the line of the title line | string\\|slot | - |
    930. 

  930. | footer | PageHeader&#39;s footer, generally used to render TabBar | string\\|slot | - |
    931. 

  931. | ghost | PageHeader type, will change background color | boolean | true |
    932. 

  932. | subTitle | custom subTitle text | string\\|slot | - |
    933. 

  933. | tags | Tag list next to title | [Tag](/components/tag/)\\[] \\| [Tag](/components/tag/) | - |
    934. 

  934. | title | custom title text | string\\|slot | - |
    935. 

  935. 

  936. ### Events
    937. 

  937. 

  938. | Events Name | Description           | Arguments   |
    939. 

  939. | ----------- | --------------------- | ----------- |
    940. 

  940. | back        | back icon click event | function(e) |
    941. 

  941. `,html:`<p>A header with common actions and design elements built in.</p>
    942. 

  942. <h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
    943. 

  943.           <span aria-hidden="true" class="anchor">#</span>
    944. 

  944.         </a></h2>
    945. 

  945. <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>
    946. 

  946. <h2 id="API">API <a class="header-anchor" href="#API">
    947. 

  947.           <span aria-hidden="true" class="anchor">#</span>
    948. 

  948.         </a></h2>
    949. 

  949. <table>
    950. 

  950. <thead>
    951. 

  951. <tr>
    952. 

  952. <th>Param</th>
    953. 

  953. <th>Description</th>
    954. 

  954. <th>Type</th>
    955. 

  955. <th>Default value</th>
    956. 

  956. </tr>
    957. 

  957. </thead>
    958. 

  958. <tbody>
    959. 

  959. <tr>
    960. 

  960. <td>avatar</td>
    961. 

  961. <td>Avatar next to the title bar</td>
    962. 

  962. <td><a href="/components/avatar/">avatar props</a></td>
    963. 

  963. <td>-</td>
    964. 

  964. </tr>
    965. 

  965. <tr>
    966. 

  966. <td>backIcon</td>
    967. 

  967. <td>custom back icon, if false the back icon will not be displayed</td>
    968. 

  968. <td>string|slot</td>
    969. 

  969. <td><code>&lt;ArrowLeft /&gt;</code></td>
    970. 

  970. </tr>
    971. 

  971. <tr>
    972. 

  972. <td>breadcrumb</td>
    973. 

  973. <td>Breadcrumb configuration</td>
    974. 

  974. <td><a href="/components/breadcrumb/">breadcrumb</a></td>
    975. 

  975. <td>-</td>
    976. 

  976. </tr>
    977. 

  977. <tr>
    978. 

  978. <td>extra</td>
    979. 

  979. <td>Operating area, at the end of the line of the title line</td>
    980. 

  980. <td>string|slot</td>
    981. 

  981. <td>-</td>
    982. 

  982. </tr>
    983. 

  983. <tr>
    984. 

  984. <td>footer</td>
    985. 

  985. <td>PageHeader's footer, generally used to render TabBar</td>
    986. 

  986. <td>string|slot</td>
    987. 

  987. <td>-</td>
    988. 

  988. </tr>
    989. 

  989. <tr>
    990. 

  990. <td>ghost</td>
    991. 

  991. <td>PageHeader type, will change background color</td>
    992. 

  992. <td>boolean</td>
    993. 

  993. <td>true</td>
    994. 

  994. </tr>
    995. 

  995. <tr>
    996. 

  996. <td>subTitle</td>
    997. 

  997. <td>custom subTitle text</td>
    998. 

  998. <td>string|slot</td>
    999. 

  999. <td>-</td>
    1000. 

  1000. </tr>
    1001. 

  1001. <tr>
    1002. 

  1002. <td>tags</td>
    1003. 

  1003. <td>Tag list next to title</td>
    1004. 

  1004. <td><a href="/components/tag/">Tag</a>[] | <a href="/components/tag/">Tag</a></td>
    1005. 

  1005. <td>-</td>
    1006. 

  1006. </tr>
    1007. 

  1007. <tr>
    1008. 

  1008. <td>title</td>
    1009. 

  1009. <td>custom title text</td>
    1010. 

  1010. <td>string|slot</td>
    1011. 

  1011. <td>-</td>
    1012. 

  1012. </tr>
    1013. 

  1013. </tbody>
    1014. 

  1014. </table>
    1015. 

  1015. <h3 id="Events">Events <a class="header-anchor" href="#Events">
    1016. 

  1016.           <span aria-hidden="true" class="anchor">#</span>
    1017. 

  1017.         </a></h3>
    1018. 

  1018. <table>
    1019. 

  1019. <thead>
    1020. 

  1020. <tr>
    1021. 

  1021. <th>Events Name</th>
    1022. 

  1022. <th>Description</th>
    1023. 

  1023. <th>Arguments</th>
    1024. 

  1024. </tr>
    1025. 

  1025. </thead>
    1026. 

  1026. <tbody>
    1027. 

  1027. <tr>
    1028. 

  1028. <td>back</td>
    1029. 

  1029. <td>back icon click event</td>
    1030. 

  1030. <td>function(e)</td>
    1031. 

  1031. </tr>
    1032. 

  1032. </tbody>
    1033. 

  1033. </table>
    1034. 

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