-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathchunk-KC4BJ6SD.js
38 lines (38 loc) · 62.6 KB
/
chunk-KC4BJ6SD.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import{a as z,b as C,c,d as h,e as x,f as E}from"./chunk-LXPFUZQD.js";import{b,c as A,d as B}from"./chunk-F2ZJHMMR.js";import"./chunk-UYZJPMN6.js";import{c as f,d as k,e as S,h as g}from"./chunk-5MIZTJTE.js";import"./chunk-56XIMETV.js";import"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import{a as T,g as ee,h as te,j as ne}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ha as y,Ja as F,Jc as K,Kc as X,Nc as $,gc as J}from"./chunk-O3IWK6WU.js";import{Ac as j,Bc as Y,Gc as e,Ib as s,Lc as me,Mc as ae,Nc as le,Vb as a,hc as t,ic as n,jc as i,qc as I,rb as m,xa as d,ya as p,zc as V}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var H=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-basic"]],decls:37,vars:0,template:function(o,r){o&1&&(t(0,"nz-layout")(1,"nz-header"),e(2,"Header"),n(),t(3,"nz-content"),e(4,"Content"),n(),t(5,"nz-footer"),e(6,"Footer"),n()(),t(7,"nz-layout")(8,"nz-header"),e(9,"Header"),n(),t(10,"nz-layout")(11,"nz-sider"),e(12,"Sider"),n(),t(13,"nz-content"),e(14,"Content"),n()(),t(15,"nz-footer"),e(16,"Footer"),n()(),t(17,"nz-layout")(18,"nz-header"),e(19,"Header"),n(),t(20,"nz-layout")(21,"nz-content"),e(22,"Content"),n(),t(23,"nz-sider"),e(24,"Sider"),n()(),t(25,"nz-footer"),e(26,"Footer"),n()(),t(27,"nz-layout")(28,"nz-sider"),e(29,"Sider"),n(),t(30,"nz-layout")(31,"nz-header"),e(32,"Header"),n(),t(33,"nz-content"),e(34,"Content"),n(),t(35,"nz-footer"),e(36,"Footer"),n()()())},dependencies:[E,x,c,z,C,h],styles:["[_nghost-%COMP%]{text-align:center}nz-header[_ngcontent-%COMP%], nz-footer[_ngcontent-%COMP%]{background:#7dbcea;color:#fff}nz-footer[_ngcontent-%COMP%]{line-height:1.5}nz-sider[_ngcontent-%COMP%]{background:#3ba0e9;color:#fff;line-height:120px}nz-content[_ngcontent-%COMP%]{background:#108ee9;color:#fff;min-height:120px;line-height:120px}nz-layout[_ngcontent-%COMP%]{margin-bottom:48px}nz-layout[_ngcontent-%COMP%] nz-layout[_ngcontent-%COMP%], nz-layout[_ngcontent-%COMP%]:last-child{margin:0}"]})};var _=class l{isCollapsed=!1;static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-custom-trigger"]],decls:35,vars:3,consts:[["nzCollapsible","",3,"nzCollapsedChange","nzCollapsed","nzTrigger"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-submenu","","nzTitle","User","nzIcon","user"],["nz-menu-item",""],["nz-submenu","","nzTitle","Team","nzIcon","team"],["nzType","file"],[1,"trigger",3,"click","nzType"],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout")(1,"nz-sider",0),le("nzCollapsedChange",function(L){return ae(r.isCollapsed,L)||(r.isCollapsed=L),L}),i(2,"div",1),t(3,"ul",2)(4,"li",3)(5,"ul")(6,"li",4),e(7,"Tom"),n(),t(8,"li",4),e(9,"Bill"),n(),t(10,"li",4),e(11,"Alex"),n()()(),t(12,"li",5)(13,"ul")(14,"li",4),e(15,"Team 1"),n(),t(16,"li",4),e(17,"Team 2"),n()()(),t(18,"li",4),i(19,"nz-icon",6),t(20,"span"),e(21,"File"),n()()()(),t(22,"nz-layout")(23,"nz-header")(24,"nz-icon",7),I("click",function(){return r.isCollapsed=!r.isCollapsed}),n()(),t(25,"nz-content")(26,"nz-breadcrumb")(27,"nz-breadcrumb-item"),e(28,"User"),n(),t(29,"nz-breadcrumb-item"),e(30,"Bill"),n()(),t(31,"div",8),e(32,"Bill is a cat."),n()(),t(33,"nz-footer"),e(34,"Ant Design \xA92020 Implement By Angular"),n()()()),o&2&&(m(),me("nzCollapsed",r.isCollapsed),a("nzTrigger",null),m(23),a("nzType",r.isCollapsed?"menu-unfold":"menu-fold"))},dependencies:[B,A,b,F,y,g,S,f,k,E,x,c,z,C,h],styles:[".trigger[_ngcontent-%COMP%]{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;transition:color .3s}.trigger[_ngcontent-%COMP%]:hover{color:#1890ff}.logo[_ngcontent-%COMP%]{height:32px;background:#fff3;margin:16px}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:0 16px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;min-height:360px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})};var O=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-fixed-sider"]],decls:137,vars:0,consts:[[1,"layout"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-menu-item",""],["nzType","file"],["nzType","video-camera"],["nzType","upload"],["nzType","bar-chart"],["nzType","cloud-o"],["nzType","appstore-o"],["nzType","team"],["nzType","shop"],[1,"right-layout"],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout",0)(1,"nz-sider"),i(2,"div",1),t(3,"ul",2)(4,"li",3),i(5,"nz-icon",4),t(6,"span"),e(7,"nav 1"),n()(),t(8,"li",3),i(9,"nz-icon",5),t(10,"span"),e(11,"nav 2"),n()(),t(12,"li",3),i(13,"nz-icon",6),t(14,"span"),e(15,"nav 3"),n()(),t(16,"li",3),i(17,"nz-icon",7),t(18,"span"),e(19,"nav 4"),n()(),t(20,"li",3),i(21,"nz-icon",8),t(22,"span"),e(23,"nav 5"),n()(),t(24,"li",3),i(25,"nz-icon",9),t(26,"span"),e(27,"nav 6"),n()(),t(28,"li",3),i(29,"nz-icon",10),t(30,"span"),e(31,"nav 7"),n()(),t(32,"li",3),i(33,"nz-icon",11),t(34,"span"),e(35,"nav 8"),n()()()(),t(36,"nz-layout",12),i(37,"nz-header"),t(38,"nz-content")(39,"div",13),e(40," ... "),i(41,"br"),e(42," Really "),i(43,"br"),e(44," ... "),i(45,"br"),e(46," ... "),i(47,"br"),e(48," ... "),i(49,"br"),e(50," long "),i(51,"br"),e(52," ... "),i(53,"br"),e(54," ... "),i(55,"br"),e(56," ... "),i(57,"br"),e(58," ... "),i(59,"br"),e(60," ... "),i(61,"br"),e(62," ... "),i(63,"br"),e(64," ... "),i(65,"br"),e(66," ... "),i(67,"br"),e(68," ... "),i(69,"br"),e(70," ... "),i(71,"br"),e(72," ... "),i(73,"br"),e(74," ... "),i(75,"br"),e(76," ... "),i(77,"br"),e(78," ... "),i(79,"br"),e(80," ... "),i(81,"br"),e(82," ... "),i(83,"br"),e(84," ... "),i(85,"br"),e(86," ... "),i(87,"br"),e(88," ... "),i(89,"br"),e(90," ... "),i(91,"br"),e(92," ... "),i(93,"br"),e(94," ... "),i(95,"br"),e(96," ... "),i(97,"br"),e(98," ... "),i(99,"br"),e(100," ... "),i(101,"br"),e(102," ... "),i(103,"br"),e(104," ... "),i(105,"br"),e(106," ... "),i(107,"br"),e(108," ... "),i(109,"br"),e(110," ... "),i(111,"br"),e(112," ... "),i(113,"br"),e(114," ... "),i(115,"br"),e(116," ... "),i(117,"br"),e(118," ... "),i(119,"br"),e(120," ... "),i(121,"br"),e(122," ... "),i(123,"br"),e(124," ... "),i(125,"br"),e(126," ... "),i(127,"br"),e(128," ... "),i(129,"br"),e(130," ... "),i(131,"br"),e(132," ... "),i(133,"br"),e(134," content "),n()(),t(135,"nz-footer"),e(136,"Ant Design \xA92020 Implement By Angular"),n()()())},dependencies:[F,y,g,S,f,E,x,c,z,C,h],styles:[".logo[_ngcontent-%COMP%]{height:32px;background:#fff3;margin:16px}.layout[_ngcontent-%COMP%]{min-height:100vh}nz-sider[_ngcontent-%COMP%]{overflow:auto;height:100%;position:fixed;left:0}.right-layout[_ngcontent-%COMP%]{margin-left:200px}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:24px 16px 0;overflow:initial}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;text-align:center}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})};var P=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-fixed"]],decls:22,vars:0,consts:[[1,"layout"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal"],["nz-menu-item",""],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout",0)(1,"nz-header"),i(2,"div",1),t(3,"ul",2)(4,"li",3),e(5,"nav 1"),n(),t(6,"li",3),e(7,"nav 2"),n(),t(8,"li",3),e(9,"nav 3"),n()()(),t(10,"nz-content")(11,"nz-breadcrumb")(12,"nz-breadcrumb-item"),e(13,"Home"),n(),t(14,"nz-breadcrumb-item"),e(15,"List"),n(),t(16,"nz-breadcrumb-item"),e(17,"App"),n()(),t(18,"div",4),e(19,"Content"),n()(),t(20,"nz-footer"),e(21,"Ant Design \xA92020 Implement By Angular"),n()())},dependencies:[B,A,b,g,S,f,E,x,c,z,C],styles:[".layout[_ngcontent-%COMP%]{min-height:100vh}.logo[_ngcontent-%COMP%]{width:120px;height:31px;background:#fff3;margin:16px 24px 16px 0;float:left}nz-header[_ngcontent-%COMP%]{position:fixed;width:100%}[nz-menu][_ngcontent-%COMP%]{line-height:64px}nz-content[_ngcontent-%COMP%]{padding:0 50px;margin-top:64px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-content[_ngcontent-%COMP%]{background:#fff;padding:24px;min-height:380px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})};var R=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-responsive"]],decls:27,vars:1,consts:[[1,"layout"],["nzCollapsible","","nzBreakpoint","lg",3,"nzCollapsedWidth"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-menu-item",""],["nzType","user"],["nzType","video-camera"],["nzType","upload"],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout",0)(1,"nz-sider",1),i(2,"div",2),t(3,"ul",3)(4,"li",4),i(5,"nz-icon",5),t(6,"span"),e(7,"nav 1"),n()(),t(8,"li",4),i(9,"nz-icon",6),t(10,"span"),e(11,"nav 2"),n()(),t(12,"li",4),i(13,"nz-icon",7),t(14,"span"),e(15,"nav 3"),n()(),t(16,"li",4),i(17,"nz-icon",5),t(18,"span"),e(19,"nav 4"),n()()()(),t(20,"nz-layout"),i(21,"nz-header"),t(22,"nz-content")(23,"div",8),e(24,"Content"),n()(),t(25,"nz-footer"),e(26,"Ant Design \xA92020 Implement By Angular"),n()()()),o&2&&(m(),a("nzCollapsedWidth",0))},dependencies:[F,y,g,S,f,E,x,c,z,C,h],styles:[".layout[_ngcontent-%COMP%]{min-height:100vh}.logo[_ngcontent-%COMP%]{height:32px;background:#fff3;margin:16px}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:24px 16px 0}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;min-height:360px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})};var G=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-side"]],decls:42,vars:0,consts:[["nzCollapsible","","nzWidth","200px"],[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","inline"],["nz-menu-item",""],["nzType","pie-chart"],["nzType","desktop"],["nz-submenu","","nzTitle","User","nzIcon","user"],["nz-submenu","","nzTitle","Team","nzIcon","team"],["nzType","file"],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout")(1,"nz-sider",0),i(2,"div",1),t(3,"ul",2)(4,"li",3),i(5,"nz-icon",4),t(6,"span"),e(7,"Option 1"),n()(),t(8,"li",3),i(9,"nz-icon",5),t(10,"span"),e(11,"Option 2"),n()(),t(12,"li",6)(13,"ul")(14,"li",3),e(15,"Tom"),n(),t(16,"li",3),e(17,"Bill"),n(),t(18,"li",3),e(19,"Alex"),n()()(),t(20,"li",7)(21,"ul")(22,"li",3),e(23,"Team 1"),n(),t(24,"li",3),e(25,"Team 2"),n()()(),t(26,"li",3),i(27,"nz-icon",8),t(28,"span"),e(29,"File"),n()()()(),t(30,"nz-layout"),i(31,"nz-header"),t(32,"nz-content")(33,"nz-breadcrumb")(34,"nz-breadcrumb-item"),e(35,"User"),n(),t(36,"nz-breadcrumb-item"),e(37,"Bill"),n()(),t(38,"div",9),e(39,"Bill is a cat."),n()(),t(40,"nz-footer"),e(41,"Ant Design \xA92020 Implement By Angular"),n()()())},dependencies:[B,A,b,F,y,g,S,f,k,E,x,c,z,C,h],styles:[".logo[_ngcontent-%COMP%]{height:32px;margin:16px;background:#ffffff4d}nz-header[_ngcontent-%COMP%]{background:#fff;padding:0}nz-content[_ngcontent-%COMP%]{margin:0 16px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-content[_ngcontent-%COMP%]{padding:24px;background:#fff;min-height:360px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})};var Z=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-top-side-2"]],decls:53,vars:0,consts:[[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal",1,"header-menu"],["nz-menu-item","","nzSelected",""],["nz-menu-item",""],["nzWidth","200px","nzTheme","light"],["nz-menu","","nzMode","inline",1,"sider-menu"],["nz-submenu","","nzOpen","","nzIcon","user","nzTitle","subnav 1"],["nz-submenu","","nzTitle","subnav 2","nzIcon","laptop"],["nz-submenu","","nzTitle","subnav 3","nzIcon","notification"],[1,"inner-layout"]],template:function(o,r){o&1&&(t(0,"nz-layout")(1,"nz-header"),i(2,"div",0),t(3,"ul",1)(4,"li",2),e(5,"nav 1"),n(),t(6,"li",3),e(7,"nav 2"),n(),t(8,"li",3),e(9,"nav 3"),n()()(),t(10,"nz-layout")(11,"nz-sider",4)(12,"ul",5)(13,"li",6)(14,"ul")(15,"li",2),e(16,"option1"),n(),t(17,"li",3),e(18,"option2"),n(),t(19,"li",3),e(20,"option3"),n(),t(21,"li",3),e(22,"option4"),n()()(),t(23,"li",7)(24,"ul")(25,"li",3),e(26,"option5"),n(),t(27,"li",3),e(28,"option6"),n(),t(29,"li",3),e(30,"option7"),n(),t(31,"li",3),e(32,"option8"),n()()(),t(33,"li",8)(34,"ul")(35,"li",3),e(36,"option9"),n(),t(37,"li",3),e(38,"option10"),n(),t(39,"li",3),e(40,"option11"),n(),t(41,"li",3),e(42,"option12"),n()()()()(),t(43,"nz-layout",9)(44,"nz-breadcrumb")(45,"nz-breadcrumb-item"),e(46,"Home"),n(),t(47,"nz-breadcrumb-item"),e(48,"List"),n(),t(49,"nz-breadcrumb-item"),e(50,"App"),n()(),t(51,"nz-content"),e(52,"Content"),n()()()())},dependencies:[B,A,b,F,g,S,f,k,E,x,c,z,h],styles:[".logo[_ngcontent-%COMP%]{width:120px;height:31px;background:#fff3;margin:16px 30px 16px 0;float:left}.header-menu[_ngcontent-%COMP%]{line-height:64px}.sider-menu[_ngcontent-%COMP%]{height:100%;border-right:0}.inner-layout[_ngcontent-%COMP%]{padding:0 24px 24px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}nz-content[_ngcontent-%COMP%]{background:#fff;padding:24px;min-height:280px}"]})};var W=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-top-side"]],decls:55,vars:0,consts:[[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal",1,"header-menu"],["nz-menu-item",""],["nz-menu-item","","nzSelected",""],[1,"outer-content"],[1,"inner-layout"],["nzWidth","200px","nzTheme","light"],["nz-menu","","nzMode","inline",1,"sider-menu"],["nz-submenu","","nzOpen","","nzTitle","subnav 1","nzIcon","user"],["nz-submenu","","nzTitle","subnav 2","nzIcon","laptop"],["nz-submenu","","nzTitle","subnav 3","nzIcon","notification"],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout")(1,"nz-header"),i(2,"div",0),t(3,"ul",1)(4,"li",2),e(5,"nav 1"),n(),t(6,"li",3),e(7,"nav 2"),n(),t(8,"li",2),e(9,"nav 3"),n()()(),t(10,"nz-content",4)(11,"nz-breadcrumb")(12,"nz-breadcrumb-item"),e(13,"Home"),n(),t(14,"nz-breadcrumb-item"),e(15,"List"),n(),t(16,"nz-breadcrumb-item"),e(17,"App"),n()(),t(18,"nz-layout",5)(19,"nz-sider",6)(20,"ul",7)(21,"li",8)(22,"ul")(23,"li",3),e(24,"option1"),n(),t(25,"li",2),e(26,"option2"),n(),t(27,"li",2),e(28,"option3"),n(),t(29,"li",2),e(30,"option4"),n()()(),t(31,"li",9)(32,"ul")(33,"li",2),e(34,"option5"),n(),t(35,"li",2),e(36,"option6"),n(),t(37,"li",2),e(38,"option7"),n(),t(39,"li",2),e(40,"option8"),n()()(),t(41,"li",10)(42,"ul")(43,"li",2),e(44,"option9"),n(),t(45,"li",2),e(46,"option10"),n(),t(47,"li",2),e(48,"option11"),n(),t(49,"li",2),e(50,"option12"),n()()()()(),t(51,"nz-content",11),e(52,"Content"),n()(),t(53,"nz-footer"),e(54,"Ant Design \xA92020 Implement By Angular"),n()()())},dependencies:[B,A,b,F,g,S,f,k,E,x,c,z,C,h],styles:[".logo[_ngcontent-%COMP%]{width:120px;height:31px;background:#fff3;margin:16px 28px 16px 0;float:left}.header-menu[_ngcontent-%COMP%]{line-height:64px}.outer-content[_ngcontent-%COMP%]{padding:0 50px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}.inner-layout[_ngcontent-%COMP%]{padding:24px 0;background:#fff}.sider-menu[_ngcontent-%COMP%]{height:100%}.inner-content[_ngcontent-%COMP%]{padding:0 24px;min-height:280px}nz-footer[_ngcontent-%COMP%]{text-align:center}"]})};var Q=class l{static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout-top"]],decls:22,vars:0,consts:[[1,"logo"],["nz-menu","","nzTheme","dark","nzMode","horizontal"],["nz-menu-item",""],[1,"inner-content"]],template:function(o,r){o&1&&(t(0,"nz-layout")(1,"nz-header"),i(2,"div",0),t(3,"ul",1)(4,"li",2),e(5,"nav 1"),n(),t(6,"li",2),e(7,"nav 2"),n(),t(8,"li",2),e(9,"nav 3"),n()()(),t(10,"nz-content")(11,"nz-breadcrumb")(12,"nz-breadcrumb-item"),e(13,"Home"),n(),t(14,"nz-breadcrumb-item"),e(15,"List"),n(),t(16,"nz-breadcrumb-item"),e(17,"App"),n()(),t(18,"div",3),e(19,"Content"),n()(),t(20,"nz-footer"),e(21,"Ant Design \xA92020 Implement By Angular"),n()())},dependencies:[B,A,b,F,g,S,f,E,x,c,z,C],styles:[".logo[_ngcontent-%COMP%]{width:120px;height:31px;background:#fff3;margin:16px 24px 16px 0;float:left}[nz-menu][_ngcontent-%COMP%]{line-height:64px}nz-breadcrumb[_ngcontent-%COMP%]{margin:16px 0}nz-content[_ngcontent-%COMP%]{padding:0 50px}nz-footer[_ngcontent-%COMP%]{text-align:center}.inner-content[_ngcontent-%COMP%]{background:#fff;padding:24px;min-height:280px}"]})};var ie=class l{expanded=!1;codeBoxes;goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>u.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout"]],viewQuery:function(o,r){if(o&1&&V(T,5),o&2){let v;j(v=Y())&&(r.codeBoxes=v)}},decls:611,vars:49,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-layout-demo-basic","nzTitle","\u57FA\u672C\u7ED3\u6784"],["nzHref","#components-layout-demo-top","nzTitle","\u4E0A\u4E2D\u4E0B\u5E03\u5C40"],["nzHref","#components-layout-demo-top-side-2","nzTitle","\u9876\u90E8-\u4FA7\u8FB9\u5E03\u5C40-\u901A\u680F"],["nzHref","#components-layout-demo-top-side","nzTitle","\u9876\u90E8-\u4FA7\u8FB9\u5E03\u5C40"],["nzHref","#components-layout-demo-side","nzTitle","\u4FA7\u8FB9\u5E03\u5C40"],["nzHref","#components-layout-demo-custom-trigger","nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u5668"],["nzHref","#components-layout-demo-responsive","nzTitle","\u54CD\u5E94\u5F0F\u5E03\u5C40"],["nzHref","#components-layout-demo-fixed","nzTitle","\u56FA\u5B9A\u5934\u90E8"],["nzHref","#components-layout-demo-fixed-sider","nzTitle","\u56FA\u5B9A\u4FA7\u8FB9\u680F"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","\u8BBE\u8BA1\u89C4\u5219"],["onclick","window.location.hash = '\u8BBE\u8BA1\u89C4\u5219'",1,"anchor"],["id","\u5C3A\u5BF8"],["onclick","window.location.hash = '\u5C3A\u5BF8'",1,"anchor"],["id","\u4EA4\u4E92"],["onclick","window.location.hash = '\u4EA4\u4E92'",1,"anchor"],["id","\u89C6\u89C9"],["onclick","window.location.hash = '\u89C6\u89C9'",1,"anchor"],["id","\u7EC4\u4EF6\u6982\u8FF0"],["onclick","window.location.hash = '\u7EC4\u4EF6\u6982\u8FF0'",1,"anchor"],["href","http://caniuse.com/#search=flex","target","_blank","rel","noopener"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u57FA\u672C\u7ED3\u6784","nzSelector","nz-demo-layout-basic","nzGenerateCommand","ng g ng-zorro-antd:layout-basic <name>","nzComponentName","NzDemoLayoutBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u4E0A\u4E2D\u4E0B\u5E03\u5C40","nzSelector","nz-demo-layout-top","nzGenerateCommand","ng g ng-zorro-antd:layout-top <name>","nzComponentName","NzDemoLayoutTopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9876\u90E8-\u4FA7\u8FB9\u5E03\u5C40-\u901A\u680F","nzSelector","nz-demo-layout-top-side-2","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side-2 <name>","nzComponentName","NzDemoLayoutTopSide2Component","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9876\u90E8-\u4FA7\u8FB9\u5E03\u5C40","nzSelector","nz-demo-layout-top-side","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side <name>","nzComponentName","NzDemoLayoutTopSideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4FA7\u8FB9\u5E03\u5C40","nzSelector","nz-demo-layout-side","nzGenerateCommand","ng g ng-zorro-antd:layout-side <name>","nzComponentName","NzDemoLayoutSideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u5668","nzSelector","nz-demo-layout-custom-trigger","nzGenerateCommand","ng g ng-zorro-antd:layout-custom-trigger <name>","nzComponentName","NzDemoLayoutCustomTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u54CD\u5E94\u5F0F\u5E03\u5C40","nzSelector","nz-demo-layout-responsive","nzGenerateCommand","ng g ng-zorro-antd:layout-responsive <name>","nzComponentName","NzDemoLayoutResponsiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u56FA\u5B9A\u5934\u90E8","nzSelector","nz-demo-layout-fixed","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed <name>","nzComponentName","NzDemoLayoutFixedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u56FA\u5B9A\u4FA7\u8FB9\u680F","nzSelector","nz-demo-layout-fixed-sider","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed-sider <name>","nzComponentName","NzDemoLayoutFixedSiderComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],["id","nz-sider"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-sider'",1,"anchor"],["id","breakpoint_width"],["onclick","window.location.hash = 'breakpoint_width'",1,"anchor"],[1,"language-js"],[1,"token","literal-property","property"],[1,"token","operator"]],template:function(o,r){o&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),I("nzClick",function(L){return r.goLink(L)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),n()(),t(13,"section",12)(14,"h1"),e(15,"Layout"),t(16,"span",13),e(17,"\u5E03\u5C40"),n(),i(18,"span",14),t(19,"a",15),i(20,"nz-icon",16),n()(),t(21,"section",12),p(),t(22,"p"),e(23,"\u534F\u52A9\u8FDB\u884C\u9875\u9762\u7EA7\u6574\u4F53\u5E03\u5C40\u3002"),n(),t(24,"pre")(25,"code",17)(26,"span",18),e(27,"import"),n(),e(28," "),t(29,"span",19),e(30,"{"),n(),e(31," NzLayoutModule "),t(32,"span",19),e(33,"}"),n(),e(34," "),t(35,"span",18),e(36,"from"),n(),e(37," "),t(38,"span",20),e(39,"'ng-zorro-antd/layout'"),n(),t(40,"span",19),e(41,";"),n(),e(42,`
`),n()(),t(43,"h2",21)(44,"span"),e(45,"\u8BBE\u8BA1\u89C4\u5219"),n(),t(46,"a",22),e(47,"#"),n()(),t(48,"h3",23)(49,"span"),e(50,"\u5C3A\u5BF8"),n(),t(51,"a",24),e(52,"#"),n()(),t(53,"p"),e(54,"\u4E00\u7EA7\u5BFC\u822A\u9879\u504F\u5DE6\u9760\u8FD1 logo \u653E\u7F6E\uFF0C\u8F85\u52A9\u83DC\u5355\u504F\u53F3\u653E\u7F6E\u3002"),n(),t(55,"ul")(56,"li"),e(57,"\u9876\u90E8\u5BFC\u822A\uFF08\u5927\u90E8\u5206\u7CFB\u7EDF\uFF09\uFF1A\u4E00\u7EA7\u5BFC\u822A\u9AD8\u5EA6 "),t(58,"code"),e(59,"64px"),n(),e(60,"\uFF0C\u4E8C\u7EA7\u5BFC\u822A "),t(61,"code"),e(62,"48px"),n(),e(63,"\u3002"),n(),t(64,"li"),e(65,"\u9876\u90E8\u5BFC\u822A\uFF08\u5C55\u793A\u7C7B\u9875\u9762\uFF09\uFF1A\u4E00\u7EA7\u5BFC\u822A\u9AD8\u5EA6 "),t(66,"code"),e(67,"80px"),n(),e(68,"\uFF0C\u4E8C\u7EA7\u5BFC\u822A "),t(69,"code"),e(70,"56px"),n(),e(71,"\u3002"),n(),t(72,"li"),e(73,"\u9876\u90E8\u5BFC\u822A\u9AD8\u5EA6\u7684\u8303\u56F4\u8BA1\u7B97\u516C\u5F0F\u4E3A\uFF1A"),t(74,"code"),e(75,"48+8n"),n(),e(76,"\u3002"),n(),t(77,"li"),e(78,"\u4FA7\u8FB9\u5BFC\u822A\u5BBD\u5EA6\u7684\u8303\u56F4\u8BA1\u7B97\u516C\u5F0F\uFF1A"),t(79,"code"),e(80,"200+8n"),n(),e(81,"\u3002"),n()(),t(82,"h3",25)(83,"span"),e(84,"\u4EA4\u4E92"),n(),t(85,"a",26),e(86,"#"),n()(),t(87,"ul")(88,"li"),e(89,"\u4E00\u7EA7\u5BFC\u822A\u548C\u672B\u7EA7\u7684\u5BFC\u822A\u9700\u8981\u5728\u53EF\u89C6\u5316\u7684\u5C42\u9762\u88AB\u5F3A\u8C03\u51FA\u6765\uFF1B"),n(),t(90,"li"),e(91,"\u5F53\u524D\u9879\u5E94\u8BE5\u5728\u5448\u73B0\u4E0A\u4F18\u5148\u7EA7\u6700\u9AD8\uFF1B"),n(),t(92,"li"),e(93,"\u5F53\u5BFC\u822A\u6536\u8D77\u7684\u65F6\u5019\uFF0C\u5F53\u524D\u9879\u7684\u6837\u5F0F\u81EA\u52A8\u8D4B\u4E88\u7ED9\u5B83\u7684\u4E0A\u4E00\u4E2A\u5C42\u7EA7\uFF1B"),n(),t(94,"li"),e(95,"\u5DE6\u4FA7\u5BFC\u822A\u680F\u7684\u6536\u653E\u4EA4\u4E92\u540C\u65F6\u652F\u6301\u624B\u98CE\u7434\u548C\u5168\u5C55\u5F00\u7684\u6837\u5F0F\uFF0C\u6839\u636E\u4E1A\u52A1\u7684\u8981\u6C42\u8FDB\u884C\u9002\u5F53\u7684\u9009\u62E9\u3002"),n()(),t(96,"h3",27)(97,"span"),e(98,"\u89C6\u89C9"),n(),t(99,"a",28),e(100,"#"),n()(),t(101,"p"),e(102,"\u5BFC\u822A\u6837\u5F0F\u4E0A\u9700\u8981\u6839\u636E\u4FE1\u606F\u5C42\u7EA7\u5408\u7406\u7684\u9009\u62E9\u6837\u5F0F\uFF1A"),n(),t(103,"ul")(104,"li")(105,"p")(106,"strong"),e(107,"\u5927\u8272\u5757\u5F3A\u8C03"),n()(),t(108,"p"),e(109,"\u5EFA\u8BAE\u7528\u4E8E\u5E95\u8272\u4E3A\u6DF1\u8272\u7CFB\u65F6\uFF0C\u5F53\u524D\u9875\u9762\u7236\u7EA7\u7684\u5BFC\u822A\u9879\u3002"),n()(),t(110,"li")(111,"p")(112,"strong"),e(113,"\u9AD8\u4EAE\u706B\u67F4\u68CD"),n()(),t(114,"p"),e(115,"\u5F53\u5BFC\u822A\u680F\u5E95\u8272\u4E3A\u6D45\u8272\u7CFB\u65F6\u4F7F\u7528\uFF0C\u53EF\u7528\u4E8E\u5F53\u524D\u9875\u9762\u5BF9\u5E94\u5BFC\u822A\u9879\uFF0C\u5EFA\u8BAE\u5C3D\u91CF\u5728\u5BFC\u822A\u8DEF\u5F84\u7684\u6700\u7EC8\u9879\u4F7F\u7528\u3002"),n()(),t(116,"li")(117,"p")(118,"strong"),e(119,"\u5B57\u4F53\u9AD8\u4EAE\u53D8\u8272"),n()(),t(120,"p"),e(121,"\u4ECE\u53EF\u89C6\u5316\u5C42\u9762\uFF0C\u5B57\u4F53\u9AD8\u4EAE\u7684\u89C6\u89C9\u5F3A\u5316\u529B\u5EA6\u4F4E\u4E8E\u5927\u8272\u5757\uFF0C\u901A\u5E38\u5728\u5F53\u524D\u9879\u7684\u4E0A\u4E00\u7EA7\u4F7F\u7528\u3002"),n()(),t(122,"li")(123,"p")(124,"strong"),e(125,"\u5B57\u4F53\u653E\u5927"),n()(),t(126,"p")(127,"code"),e(128,"12px"),n(),e(129,"\u3001"),t(130,"code"),e(131,"14px"),n(),e(132," \u662F\u5BFC\u822A\u7684\u6807\u51C6\u5B57\u53F7\uFF0C14 \u53F7\u5B57\u4F53\u7528\u5728\u4E00\u3001\u4E8C\u7EA7\u5BFC\u822A\u4E2D\u3002\u5B57\u53F7\u53EF\u4EE5\u8003\u8651\u5BFC\u822A\u9879\u7684\u7B49\u7EA7\u505A\u76F8\u5E94\u9009\u62E9\u3002"),n()()(),t(133,"h2",29)(134,"span"),e(135,"\u7EC4\u4EF6\u6982\u8FF0"),n(),t(136,"a",30),e(137,"#"),n()(),t(138,"ul")(139,"li")(140,"code"),e(141,"nz-layout"),n(),e(142,"\uFF1A\u5E03\u5C40\u5BB9\u5668\uFF0C\u5176\u4E0B\u53EF\u5D4C\u5957 "),t(143,"code"),e(144,"nz-header"),n(),t(145,"code"),e(146,"nz-sider"),n(),t(147,"code"),e(148,"nz-content"),n(),t(149,"code"),e(150,"nz-footer"),n(),e(151," \u6216 "),t(152,"code"),e(153,"nz-layout"),n(),e(154," \u672C\u8EAB\uFF0C\u53EF\u4EE5\u653E\u5728\u4EFB\u4F55\u7236\u5BB9\u5668\u4E2D\u3002"),n(),t(155,"li")(156,"code"),e(157,"nz-header"),n(),e(158,"\uFF1A\u9876\u90E8\u5E03\u5C40\uFF0C\u81EA\u5E26\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5176\u4E0B\u53EF\u5D4C\u5957\u4EFB\u4F55\u5143\u7D20\uFF0C\u53EA\u80FD\u653E\u5728 "),t(159,"code"),e(160,"nz-layout"),n(),e(161," \u4E2D\u3002"),n(),t(162,"li")(163,"code"),e(164,"nz-sider"),n(),e(165,"\uFF1A\u4FA7\u8FB9\u680F\uFF0C\u81EA\u5E26\u9ED8\u8BA4\u6837\u5F0F\u53CA\u57FA\u672C\u529F\u80FD\uFF0C\u5176\u4E0B\u53EF\u5D4C\u5957\u4EFB\u4F55\u5143\u7D20\uFF0C\u53EA\u80FD\u653E\u5728 "),t(166,"code"),e(167,"nz-layout"),n(),e(168," \u4E2D\u3002"),n(),t(169,"li")(170,"code"),e(171,"nz-content"),n(),e(172,"\uFF1A\u5185\u5BB9\u90E8\u5206\uFF0C\u81EA\u5E26\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5176\u4E0B\u53EF\u5D4C\u5957\u4EFB\u4F55\u5143\u7D20\uFF0C\u53EA\u80FD\u653E\u5728 "),t(173,"code"),e(174,"nz-layout"),n(),e(175," \u4E2D\u3002"),n(),t(176,"li")(177,"code"),e(178,"nz-footer"),n(),e(179,"\uFF1A\u5E95\u90E8\u5E03\u5C40\uFF0C\u81EA\u5E26\u9ED8\u8BA4\u6837\u5F0F\uFF0C\u5176\u4E0B\u53EF\u5D4C\u5957\u4EFB\u4F55\u5143\u7D20\uFF0C\u53EA\u80FD\u653E\u5728 "),t(180,"code"),e(181,"nz-layout"),n(),e(182," \u4E2D\u3002"),n()(),t(183,"blockquote")(184,"p"),e(185,"\u6CE8\u610F\uFF1A\u91C7\u7528 flex \u5E03\u5C40\u5B9E\u73B0\uFF0C\u8BF7\u6CE8\u610F"),t(186,"a",31),e(187,"\u6D4F\u89C8\u5668\u517C\u5BB9\u6027"),n(),e(188,"\u95EE\u9898\u3002"),n()(),d(),n(),t(189,"h2")(190,"span"),e(191,"\u4EE3\u7801\u6F14\u793A"),n(),t(192,"nz-icon",32),I("click",function(){return r.expandAllCode()}),n()()(),t(193,"div",33)(194,"div",34)(195,"nz-code-box",35),i(196,"nz-demo-layout-basic",36),t(197,"div",37),p(),t(198,"p"),e(199,"\u5178\u578B\u7684\u9875\u9762\u5E03\u5C40\u3002"),n(),d(),n()(),t(200,"nz-code-box",38),i(201,"nz-demo-layout-top",36),t(202,"div",37),p(),t(203,"p"),e(204,"\u6700\u57FA\u672C\u7684\u300E\u4E0A-\u4E2D-\u4E0B\u300F\u5E03\u5C40\u3002"),n(),t(205,"p"),e(206,"\u4E00\u822C\u4E3B\u5BFC\u822A\u653E\u7F6E\u4E8E\u9875\u9762\u7684\u9876\u7AEF\uFF0C\u4ECE\u5DE6\u81EA\u53F3\u4F9D\u6B21\u4E3A\uFF1Alogo\u3001\u4E00\u7EA7\u5BFC\u822A\u9879\u3001\u8F85\u52A9\u83DC\u5355\uFF08\u7528\u6237\u3001\u8BBE\u7F6E\u3001\u901A\u77E5\u7B49\uFF09\u3002\u901A\u5E38\u5C06\u5185\u5BB9\u653E\u5728\u56FA\u5B9A\u5C3A\u5BF8\uFF08\u4F8B\u5982\uFF1A1200px\uFF09\u5185\uFF0C\u6574\u4E2A\u9875\u9762\u6392\u7248\u7A33\u5B9A\uFF0C\u4E0D\u53D7\u7528\u6237\u7EC8\u7AEF\u663E\u793A\u5668\u5F71\u54CD\uFF1B\u4E0A\u4E0B\u7EA7\u7684\u7ED3\u6784\u7B26\u5408\u7528\u6237\u4E0A\u4E0B\u6D4F\u89C8\u7684\u4E60\u60EF\uFF0C\u4E5F\u662F\u8F83\u4E3A\u7ECF\u5178\u7684\u7F51\u7AD9\u5BFC\u822A\u6A21\u5F0F\u3002\u9875\u9762\u4E0A\u4E0B\u5207\u5206\u7684\u65B9\u5F0F\u63D0\u9AD8\u4E86\u4E3B\u5DE5\u4F5C\u533A\u57DF\u7684\u4FE1\u606F\u5C55\u793A\u6548\u7387\uFF0C\u4F46\u5728\u7EB5\u5411\u7A7A\u95F4\u4E0A\u4F1A\u6709\u4E00\u4E9B\u727A\u7272\u3002\u6B64\u5916\uFF0C\u7531\u4E8E\u5BFC\u822A\u680F\u6C34\u5E73\u7A7A\u95F4\u7684\u9650\u5236\uFF0C\u4E0D\u9002\u5408\u90A3\u4E9B\u4E00\u7EA7\u5BFC\u822A\u9879\u5F88\u591A\u7684\u4FE1\u606F\u7ED3\u6784\u3002"),n(),d(),n()(),t(207,"nz-code-box",39),i(208,"nz-demo-layout-top-side-2",36),t(209,"div",37),p(),t(210,"p"),e(211,"\u540C\u6837\u62E5\u6709\u9876\u90E8\u5BFC\u822A\u53CA\u4FA7\u8FB9\u680F\uFF0C\u533A\u522B\u662F\u4E24\u8FB9\u672A\u7559\u8FB9\u8DDD\uFF0C\u591A\u7528\u4E8E\u5E94\u7528\u578B\u7684\u7F51\u7AD9\u3002"),n(),d(),n()(),t(212,"nz-code-box",40),i(213,"nz-demo-layout-top-side",36),t(214,"div",37),p(),t(215,"p"),e(216,"\u62E5\u6709\u9876\u90E8\u5BFC\u822A\u53CA\u4FA7\u8FB9\u680F\u7684\u9875\u9762\uFF0C\u591A\u7528\u4E8E\u5C55\u793A\u7C7B\u7F51\u7AD9\u3002"),n(),d(),n()(),t(217,"nz-code-box",41),i(218,"nz-demo-layout-side",36),t(219,"div",37),p(),t(220,"p"),e(221,"\u4FA7\u8FB9\u4E24\u5217\u5F0F\u5E03\u5C40\u3002\u9875\u9762\u6A2A\u5411\u7A7A\u95F4\u6709\u9650\u65F6\uFF0C\u4FA7\u8FB9\u5BFC\u822A\u53EF\u6536\u8D77\u3002"),n(),t(222,"p"),e(223,"\u4FA7\u8FB9\u5BFC\u822A\u5728\u9875\u9762\u5E03\u5C40\u4E0A\u91C7\u7528\u7684\u662F\u5DE6\u53F3\u7684\u7ED3\u6784\uFF0C\u4E00\u822C\u4E3B\u5BFC\u822A\u653E\u7F6E\u4E8E\u9875\u9762\u7684\u5DE6\u4FA7\u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u8F85\u52A9\u83DC\u5355\u653E\u7F6E\u4E8E\u5DE5\u4F5C\u533A\u9876\u90E8\u3002\u5185\u5BB9\u6839\u636E\u6D4F\u89C8\u5668\u7EC8\u7AEF\u8FDB\u884C\u81EA\u9002\u5E94\uFF0C\u80FD\u63D0\u9AD8\u6A2A\u5411\u7A7A\u95F4\u7684\u4F7F\u7528\u7387\uFF0C\u4F46\u662F\u6574\u4E2A\u9875\u9762\u6392\u7248\u4E0D\u7A33\u5B9A\u3002\u4FA7\u8FB9\u5BFC\u822A\u7684\u6A21\u5F0F\u5C42\u7EA7\u6269\u5C55\u6027\u5F3A\uFF0C\u4E00\u3001\u4E8C\u3001\u4E09\u7EA7\u5BFC\u822A\u9879\u76EE\u53EF\u4EE5\u66F4\u4E3A\u987A\u7545\u4E14\u5177\u5173\u8054\u6027\u7684\u88AB\u5C55\u793A\uFF0C\u540C\u65F6\u4FA7\u8FB9\u5BFC\u822A\u53EF\u4EE5\u56FA\u5B9A\uFF0C\u4F7F\u5F97\u7528\u6237\u5728\u64CD\u4F5C\u548C\u6D4F\u89C8\u4E2D\u53EF\u4EE5\u5FEB\u901F\u7684\u5B9A\u4F4D\u548C\u5207\u6362\u5F53\u524D\u4F4D\u7F6E\uFF0C\u6709\u5F88\u9AD8\u7684\u64CD\u4F5C\u6548\u7387\u3002\u4F46\u8FD9\u7C7B\u5BFC\u822A\u6A2A\u5411\u9875\u9762\u5185\u5BB9\u7684\u7A7A\u95F4\u4F1A\u88AB\u727A\u7272\u4E00\u90E8\u4EFD\u3002"),n(),d(),n()(),t(224,"nz-code-box",42),i(225,"nz-demo-layout-custom-trigger",36),t(226,"div",37),p(),t(227,"p"),e(228,"\u8981\u4F7F\u7528\u81EA\u5B9A\u4E49\u89E6\u53D1\u5668\uFF0C\u53EF\u4EE5\u8BBE\u7F6E "),t(229,"code"),e(230,'[nzTrigger]="null"'),n(),e(231," \u6765\u9690\u85CF\u9ED8\u8BA4\u8BBE\u5B9A\u3002"),n(),d(),n()(),t(232,"nz-code-box",43),i(233,"nz-demo-layout-responsive",36),t(234,"div",37),p(),t(235,"p"),e(236,"nz-sider \u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002"),n(),t(237,"blockquote")(238,"p"),e(239,"\u8BF4\u660E\uFF1A\u914D\u7F6E "),t(240,"code"),e(241,"nzBreakpoint"),n(),e(242," \u5C5E\u6027\u5373\u751F\u6548\uFF0C\u89C6\u7A97\u5BBD\u5EA6\u5C0F\u4E8E "),t(243,"code"),e(244,"nzBreakpoint"),n(),e(245," \u65F6 "),t(246,"code"),e(247,"nz-sider"),n(),e(248," \u7F29\u5C0F\u4E3A "),t(249,"code"),e(250,"nzCollapsedWidth"),n(),e(251," \u5BBD\u5EA6\uFF0C\u82E5\u5C06 "),t(252,"code"),e(253,"nzCollapsedWidth"),n(),e(254," \u8BBE\u7F6E\u4E3A\u96F6\uFF0C\u4F1A\u51FA\u73B0\u7279\u6B8A trigger\u3002"),n()(),d(),n()(),t(255,"nz-code-box",44),i(256,"nz-demo-layout-fixed",36),t(257,"div",37),p(),t(258,"p"),e(259,"\u4E00\u822C\u7528\u4E8E\u56FA\u5B9A\u9876\u90E8\u5BFC\u822A\uFF0C\u65B9\u4FBF\u9875\u9762\u5207\u6362\u3002"),n(),d(),n()(),t(260,"nz-code-box",45),i(261,"nz-demo-layout-fixed-sider",36),t(262,"div",37),p(),t(263,"p"),e(264,"\u5F53\u5185\u5BB9\u8F83\u957F\u65F6\uFF0C\u4F7F\u7528\u56FA\u5B9A\u4FA7\u8FB9\u680F\u53EF\u4EE5\u63D0\u4F9B\u66F4\u597D\u7684\u4F53\u9A8C\u3002"),n(),d(),n()()()(),t(265,"section",46),p(),t(266,"h2",47)(267,"span"),e(268,"API"),n(),t(269,"a",48),e(270,"#"),n()(),t(271,"pre")(272,"code",49)(273,"span",50)(274,"span",50)(275,"span",19),e(276,"<"),n(),e(277,"nz-layout"),n(),t(278,"span",19),e(279,">"),n()(),e(280,`
`),t(281,"span",50)(282,"span",50)(283,"span",19),e(284,"<"),n(),e(285,"nz-header"),n(),t(286,"span",19),e(287,">"),n()(),e(288,"header"),t(289,"span",50)(290,"span",50)(291,"span",19),e(292,"</"),n(),e(293,"nz-header"),n(),t(294,"span",19),e(295,">"),n()(),e(296,`
`),t(297,"span",50)(298,"span",50)(299,"span",19),e(300,"<"),n(),e(301,"nz-layout"),n(),t(302,"span",19),e(303,">"),n()(),e(304,`
`),t(305,"span",50)(306,"span",50)(307,"span",19),e(308,"<"),n(),e(309,"nz-sider"),n(),t(310,"span",19),e(311,">"),n()(),e(312,"left sidebar"),t(313,"span",50)(314,"span",50)(315,"span",19),e(316,"</"),n(),e(317,"nz-sider"),n(),t(318,"span",19),e(319,">"),n()(),e(320,`
`),t(321,"span",50)(322,"span",50)(323,"span",19),e(324,"<"),n(),e(325,"nz-content"),n(),t(326,"span",19),e(327,">"),n()(),e(328,"main content"),t(329,"span",50)(330,"span",50)(331,"span",19),e(332,"</"),n(),e(333,"nz-content"),n(),t(334,"span",19),e(335,">"),n()(),e(336,`
`),t(337,"span",50)(338,"span",50)(339,"span",19),e(340,"<"),n(),e(341,"nz-sider"),n(),t(342,"span",19),e(343,">"),n()(),e(344,"right sidebar"),t(345,"span",50)(346,"span",50)(347,"span",19),e(348,"</"),n(),e(349,"nz-sider"),n(),t(350,"span",19),e(351,">"),n()(),e(352,`
`),t(353,"span",50)(354,"span",50)(355,"span",19),e(356,"</"),n(),e(357,"nz-layout"),n(),t(358,"span",19),e(359,">"),n()(),e(360,`
`),t(361,"span",50)(362,"span",50)(363,"span",19),e(364,"<"),n(),e(365,"nz-footer"),n(),t(366,"span",19),e(367,">"),n()(),e(368,"footer"),t(369,"span",50)(370,"span",50)(371,"span",19),e(372,"</"),n(),e(373,"nz-footer"),n(),t(374,"span",19),e(375,">"),n()(),e(376,`
`),t(377,"span",50)(378,"span",50)(379,"span",19),e(380,"</"),n(),e(381,"nz-layout"),n(),t(382,"span",19),e(383,">"),n()(),e(384,`
`),n()(),t(385,"h3",51)(386,"span"),e(387,"nz-sider"),n(),t(388,"label",52),e(389,"component"),n(),t(390,"a",53),e(391,"#"),n()(),t(392,"p"),e(393,"\u4FA7\u8FB9\u680F\u3002"),n(),t(394,"table")(395,"thead")(396,"tr")(397,"th"),e(398,"\u53C2\u6570"),n(),t(399,"th"),e(400,"\u8BF4\u660E"),n(),t(401,"th"),e(402,"\u7C7B\u578B"),n(),t(403,"th"),e(404,"\u9ED8\u8BA4\u503C"),n()()(),t(405,"tbody")(406,"tr")(407,"td")(408,"code"),e(409,"[nzBreakpoint]"),n()(),t(410,"td"),e(411,"\u89E6\u53D1\u54CD\u5E94\u5F0F\u5E03\u5C40\u7684\u65AD\u70B9"),n(),t(412,"td")(413,"code"),e(414,"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"),n()(),t(415,"td"),e(416,"-"),n()(),t(417,"tr")(418,"td")(419,"code"),e(420,"[nzCollapsedWidth]"),n()(),t(421,"td"),e(422,"\u6536\u7F29\u5BBD\u5EA6\uFF0C\u8BBE\u7F6E\u4E3A 0 \u4F1A\u51FA\u73B0\u7279\u6B8A "),t(423,"code"),e(424,"trigger"),n()(),t(425,"td")(426,"code"),e(427,"number"),n()(),t(428,"td")(429,"code"),e(430,"64"),n()()(),t(431,"tr")(432,"td")(433,"code"),e(434,"[nzCollapsible]"),n()(),t(435,"td"),e(436,"\u662F\u5426\u53EF\u6536\u8D77"),n(),t(437,"td")(438,"code"),e(439,"boolean"),n()(),t(440,"td")(441,"code"),e(442,"false"),n()()(),t(443,"tr")(444,"td")(445,"code"),e(446,"[nzCollapsed]"),n()(),t(447,"td"),e(448,"\u5F53\u524D\u6536\u8D77\u72B6\u6001\uFF0C\u53EF\u53CC\u5411\u7ED1\u5B9A"),n(),t(449,"td")(450,"code"),e(451,"boolean"),n()(),t(452,"td")(453,"code"),e(454,"false"),n()()(),t(455,"tr")(456,"td")(457,"code"),e(458,"[nzReverseArrow]"),n()(),t(459,"td"),e(460,"\u7FFB\u8F6C\u6298\u53E0\u63D0\u793A\u7BAD\u5934\u7684\u65B9\u5411\uFF0C\u5F53 "),t(461,"code"),e(462,"Sider"),n(),e(463," \u5728\u53F3\u8FB9\u65F6\u53EF\u4EE5\u4F7F\u7528"),n(),t(464,"td")(465,"code"),e(466,"boolean"),n()(),t(467,"td")(468,"code"),e(469,"false"),n()()(),t(470,"tr")(471,"td")(472,"code"),e(473,"[nzTrigger]"),n()(),t(474,"td"),e(475,"\u81EA\u5B9A\u4E49 "),t(476,"code"),e(477,"trigger"),n(),e(478,"\uFF0C\u8BBE\u7F6E\u4E3A "),t(479,"code"),e(480,"null"),n(),e(481," \u65F6\u9690\u85CF "),t(482,"code"),e(483,"trigger"),n()(),t(484,"td")(485,"code"),e(486,"TemplateRef<void>"),n()(),t(487,"td"),e(488,"-"),n()(),t(489,"tr")(490,"td")(491,"code"),e(492,"[nzZeroTrigger]"),n()(),t(493,"td"),e(494,"\u81EA\u5B9A\u4E49 "),t(495,"code"),e(496,"nzCollapsedWidth"),n(),e(497," \u4E3A 0 \u65F6\u7684 \u7279\u6B8A"),t(498,"code"),e(499,"trigger"),n()(),t(500,"td")(501,"code"),e(502,"TemplateRef<void>"),n()(),t(503,"td"),e(504,"-"),n()(),t(505,"tr")(506,"td")(507,"code"),e(508,"[nzWidth]"),n()(),t(509,"td"),e(510,"\u5BBD\u5EA6"),n(),t(511,"td")(512,"code"),e(513,"number | string"),n()(),t(514,"td")(515,"code"),e(516,"200"),n()()(),t(517,"tr")(518,"td")(519,"code"),e(520,"[nzTheme]"),n()(),t(521,"td"),e(522,"\u4E3B\u9898\u989C\u8272"),n(),t(523,"td")(524,"code"),e(525,"'light' | 'dark'"),n()(),t(526,"td")(527,"code"),e(528,"dark"),n()()(),t(529,"tr")(530,"td")(531,"code"),e(532,"(nzCollapsedChange)"),n()(),t(533,"td"),e(534,"\u5C55\u5F00-\u6536\u8D77\u65F6\u7684\u56DE\u8C03\u51FD\u6570"),n(),t(535,"td")(536,"code"),e(537,"EventEmitter<boolean>"),n()(),t(538,"td"),e(539,"-"),n()()()(),t(540,"h4",54)(541,"span"),e(542,"breakpoint width"),n(),t(543,"a",55),e(544,"#"),n()(),t(545,"pre")(546,"code",56)(547,"span",19),e(548,"{"),n(),e(549,`
`),t(550,"span",57),e(551,"xs"),n(),t(552,"span",58),e(553,":"),n(),e(554," "),t(555,"span",20),e(556,"'480px'"),n(),t(557,"span",19),e(558,","),n(),e(559,`
`),t(560,"span",57),e(561,"sm"),n(),t(562,"span",58),e(563,":"),n(),e(564," "),t(565,"span",20),e(566,"'768px'"),n(),t(567,"span",19),e(568,","),n(),e(569,`
`),t(570,"span",57),e(571,"md"),n(),t(572,"span",58),e(573,":"),n(),e(574," "),t(575,"span",20),e(576,"'992px'"),n(),t(577,"span",19),e(578,","),n(),e(579,`
`),t(580,"span",57),e(581,"lg"),n(),t(582,"span",58),e(583,":"),n(),e(584," "),t(585,"span",20),e(586,"'1200px'"),n(),t(587,"span",19),e(588,","),n(),e(589,`
`),t(590,"span",57),e(591,"xl"),n(),t(592,"span",58),e(593,":"),n(),e(594," "),t(595,"span",20),e(596,"'1600px'"),n(),t(597,"span",19),e(598,","),n(),e(599,`
`),t(600,"span",57),e(601,"xxl"),n(),t(602,"span",58),e(603,":"),n(),e(604," "),t(605,"span",20),e(606,"'1600px'"),n(),e(607,`
`),t(608,"span",19),e(609,"}"),n(),e(610,`
`),n()(),d(),n()()),o&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(191),a("nzGutter",8),m(),a("nzSpan",24),m(),a("nzId","components-layout-demo-basic")("nzLink","components-layout-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/basic.md"),m(5),a("nzId","components-layout-demo-top")("nzLink","components-layout-demo-top")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top.md"),m(7),a("nzId","components-layout-demo-top-side-2")("nzLink","components-layout-demo-top-side-2")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side-2.md"),m(5),a("nzId","components-layout-demo-top-side")("nzLink","components-layout-demo-top-side")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side.md"),m(5),a("nzId","components-layout-demo-side")("nzLink","components-layout-demo-side")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/side.md"),m(7),a("nzId","components-layout-demo-custom-trigger")("nzLink","components-layout-demo-custom-trigger")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/custom-trigger.md"),m(8),a("nzId","components-layout-demo-responsive")("nzLink","components-layout-demo-responsive")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/responsive.md"),m(23),a("nzId","components-layout-demo-fixed")("nzLink","components-layout-demo-fixed")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed.md"),m(5),a("nzId","components-layout-demo-fixed-sider")("nzLink","components-layout-demo-fixed-sider")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed-sider.md"))},dependencies:[ne,T,ee,te,$,X,K,J,y,H,_,O,P,R,G,Z,W,Q],encapsulation:2})};var oe=class l{expanded=!1;codeBoxes;goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>u.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||l)};static \u0275cmp=s({type:l,selectors:[["nz-demo-layout"]],viewQuery:function(o,r){if(o&1&&V(T,5),o&2){let v;j(v=Y())&&(r.codeBoxes=v)}},decls:627,vars:49,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-layout-demo-basic","nzTitle","Basic Structure"],["nzHref","#components-layout-demo-top","nzTitle","Header-Content-Footer"],["nzHref","#components-layout-demo-top-side-2","nzTitle","Header Sider 2"],["nzHref","#components-layout-demo-top-side","nzTitle","Header-Sider"],["nzHref","#components-layout-demo-side","nzTitle","Sider"],["nzHref","#components-layout-demo-custom-trigger","nzTitle","Custom trigger"],["nzHref","#components-layout-demo-responsive","nzTitle","Responsive"],["nzHref","#components-layout-demo-fixed","nzTitle","Fixed Header"],["nzHref","#components-layout-demo-fixed-sider","nzTitle","Fixed Sider"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","specification"],["onclick","window.location.hash = 'specification'",1,"anchor"],["id","size"],["onclick","window.location.hash = 'size'",1,"anchor"],["id","interaction_rules"],["onclick","window.location.hash = 'interaction_rules'",1,"anchor"],["id","visualization_rules"],["onclick","window.location.hash = 'visualization_rules'",1,"anchor"],["id","component_overview"],["onclick","window.location.hash = 'component_overview'",1,"anchor"],["href","http://caniuse.com/#search=flex","target","_blank","rel","noopener"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic Structure","nzSelector","nz-demo-layout-basic","nzGenerateCommand","ng g ng-zorro-antd:layout-basic <name>","nzComponentName","NzDemoLayoutBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Header-Content-Footer","nzSelector","nz-demo-layout-top","nzGenerateCommand","ng g ng-zorro-antd:layout-top <name>","nzComponentName","NzDemoLayoutTopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Header Sider 2","nzSelector","nz-demo-layout-top-side-2","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side-2 <name>","nzComponentName","NzDemoLayoutTopSide2Component","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Header-Sider","nzSelector","nz-demo-layout-top-side","nzGenerateCommand","ng g ng-zorro-antd:layout-top-side <name>","nzComponentName","NzDemoLayoutTopSideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Sider","nzSelector","nz-demo-layout-side","nzGenerateCommand","ng g ng-zorro-antd:layout-side <name>","nzComponentName","NzDemoLayoutSideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom trigger","nzSelector","nz-demo-layout-custom-trigger","nzGenerateCommand","ng g ng-zorro-antd:layout-custom-trigger <name>","nzComponentName","NzDemoLayoutCustomTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Responsive","nzSelector","nz-demo-layout-responsive","nzGenerateCommand","ng g ng-zorro-antd:layout-responsive <name>","nzComponentName","NzDemoLayoutResponsiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Fixed Header","nzSelector","nz-demo-layout-fixed","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed <name>","nzComponentName","NzDemoLayoutFixedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Fixed Sider","nzSelector","nz-demo-layout-fixed-sider","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed-sider <name>","nzComponentName","NzDemoLayoutFixedSiderComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],["id","nz-sider"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-sider'",1,"anchor"],["id","breakpoint_width"],["onclick","window.location.hash = 'breakpoint_width'",1,"anchor"],[1,"language-js"],[1,"token","literal-property","property"],[1,"token","operator"]],template:function(o,r){o&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),I("nzClick",function(L){return r.goLink(L)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),n()(),t(13,"section",12)(14,"h1"),e(15,"Layout"),i(16,"span",13)(17,"span",14),t(18,"a",15),i(19,"nz-icon",16),n()(),t(20,"section",12),p(),t(21,"p"),e(22,"Handling the overall layout of a page."),n(),t(23,"pre")(24,"code",17)(25,"span",18),e(26,"import"),n(),e(27," "),t(28,"span",19),e(29,"{"),n(),e(30," NzLayoutModule "),t(31,"span",19),e(32,"}"),n(),e(33," "),t(34,"span",18),e(35,"from"),n(),e(36," "),t(37,"span",20),e(38,"'ng-zorro-antd/layout'"),n(),t(39,"span",19),e(40,";"),n(),e(41,`
`),n()(),t(42,"h2",21)(43,"span"),e(44,"Specification"),n(),t(45,"a",22),e(46,"#"),n()(),t(47,"h3",23)(48,"span"),e(49,"Size"),n(),t(50,"a",24),e(51,"#"),n()(),t(52,"p"),e(53,"The first level navigation is inclined left near a logo, and the secondary menu is inclined right."),n(),t(54,"ul")(55,"li"),e(56,"Top Navigation (almost systems): the height of the first level navigation "),t(57,"code"),e(58,"64px"),n(),e(59,", the second level navigation "),t(60,"code"),e(61,"48px"),n(),e(62,"."),n(),t(63,"li"),e(64,"Top Navigation(contents page): the height of the first level navigation "),t(65,"code"),e(66,"80px"),n(),e(67,", the second level navigation "),t(68,"code"),e(69,"56px"),n(),e(70,"."),n(),t(71,"li"),e(72,"Calculation formula of a top navigation: "),t(73,"code"),e(74,"48+8n"),n(),e(75,"."),n(),t(76,"li"),e(77,"Calculation formula of an aside navigation: "),t(78,"code"),e(79,"200+8n"),n(),e(80,"."),n()(),t(81,"h3",25)(82,"span"),e(83,"Interaction rules"),n(),t(84,"a",26),e(85,"#"),n()(),t(86,"ul")(87,"li"),e(88,"The first level navigation and the last level navigation should be distincted by visualization;"),n(),t(89,"li"),e(90,"The current item should have the highest priority of visualization;"),n(),t(91,"li"),e(92,"When the current navigation item is collapsed, the style of the current navigation item will be applied to its parent level;"),n(),t(93,"li"),e(94,"The left side navigation bar has support for both the accordion and expanding styles, you can choose the one that fits your case best."),n()(),t(95,"h2",27)(96,"span"),e(97,"Visualization rules"),n(),t(98,"a",28),e(99,"#"),n()(),t(100,"p"),e(101,"Style of a navigation should conform to the its level."),n(),t(102,"ul")(103,"li")(104,"p")(105,"strong"),e(106,"Emphasis by colorblock"),n()(),t(107,"p"),e(108,"When background color is a deep color, you can use this pattern for the parent level navigation item of current page."),n()(),t(109,"li")(110,"p")(111,"strong"),e(112,"The highlight match stick"),n()(),t(113,"p"),e(114,"When background color is a light color, you can use this pattern for the current page navigation item, we recommed using it for the last item of the navigation path."),n()(),t(115,"li")(116,"p")(117,"strong"),e(118,"Hightlighted font"),n()(),t(119,"p"),e(120,"From the visualization aspect, hightlighted font is stronger than colorblock, this pattern is often used for the parent level of the current item."),n()(),t(121,"li")(122,"p")(123,"strong"),e(124,"Enlarge the size of the font"),n()(),t(125,"p")(126,"code"),e(127,"12px"),n(),e(128,"\u3001"),t(129,"code"),e(130,"14px"),n(),e(131," is a standard font size of navigations\uFF0C"),t(132,"code"),e(133,"14px"),n(),e(134," is used for the first and the second level of the navigation. You can choose a approprigate font size in terms of the level of your navigation."),n()()(),t(135,"h2",29)(136,"span"),e(137,"Component Overview"),n(),t(138,"a",30),e(139,"#"),n()(),t(140,"ul")(141,"li")(142,"code"),e(143,"nz-layout"),n(),e(144,": The layout wrapper, in which "),t(145,"code"),e(146,"nz-header"),n(),t(147,"code"),e(148,"nz-sider"),n(),t(149,"code"),e(150,"nz-content"),n(),t(151,"code"),e(152,"nz-footer"),n(),e(153," or "),t(154,"code"),e(155,"nz-layout"),n(),e(156," itself can be nested, and can be placed in any parent container."),n(),t(157,"li")(158,"code"),e(159,"nz-header"),n(),e(160,": The top layout with default style, in which any element can be nested, and must be placed in "),t(161,"code"),e(162,"nz-layout"),n(),e(163,"."),n(),t(164,"li")(165,"code"),e(166,"nz-sider"),n(),e(167,": The sidebar with default style and basic functions, in which any element can be nested, and must be placed in "),t(168,"code"),e(169,"nz-layout"),n(),e(170,"."),n(),t(171,"li")(172,"code"),e(173,"nz-content"),n(),e(174,": The content layout with default style, in which any element can be nested, and must be placed in "),t(175,"code"),e(176,"nz-layout"),n(),e(177,"."),n(),t(178,"li")(179,"code"),e(180,"nz-footer"),n(),e(181,": The bottom layout with default style, in which any element can be nested, and must be placed in "),t(182,"code"),e(183,"nz-layout"),n(),e(184,"."),n()(),t(185,"blockquote")(186,"p"),e(187,"Based on "),t(188,"code"),e(189,"flex layout"),n(),e(190,", please pay attention to the "),t(191,"a",31),e(192,"compatibility"),n(),e(193,"."),n()(),d(),n(),t(194,"h2")(195,"span"),e(196,"Examples"),n(),t(197,"nz-icon",32),I("click",function(){return r.expandAllCode()}),n()()(),t(198,"div",33)(199,"div",34)(200,"nz-code-box",35),i(201,"nz-demo-layout-basic",36),t(202,"div",37),p(),t(203,"p"),e(204,"Classic page layouts."),n(),d(),n()(),t(205,"nz-code-box",38),i(206,"nz-demo-layout-top",36),t(207,"div",37),p(),t(208,"p"),e(209,'The most basic "header-content-footer" layout.'),n(),t(210,"p"),e(211,`Generally, the mainnav is placed at the top of the page, and includes the logo, the first level navigation, and the secondary menu (users, settings, notifications) from left to right in it.
We always put contents in a fixed size navigation (eg: `),t(212,"code"),e(213,"1200px"),n(),e(214,"), the layout of the whole page is stable, it's not affected by viewing area."),n(),t(215,"p"),e(216,"Top-bottom structure is conform with the top-bottom viewing habit, it's a classical navigation pattern of websites. This pattern demonstrates efficiency in the main workarea, while using some vertical space. And because the horizontal space of the navigation is limited, this pattern is not suitable for cases when the first level navigation contains many elements or links"),n(),d(),n()(),t(217,"nz-code-box",39),i(218,"nz-demo-layout-top-side-2",36),t(219,"div",37),p(),t(220,"p"),e(221,"Both the top navigation and the sidebar, commonly used in application site."),n(),d(),n()(),t(222,"nz-code-box",40),i(223,"nz-demo-layout-top-side",36),t(224,"div",37),p(),t(225,"p"),e(226,"Both the top navigation and the sidebar, commonly used in documentation site."),n(),d(),n()(),t(227,"nz-code-box",41),i(228,"nz-demo-layout-side",36),t(229,"div",37),p(),t(230,"p"),e(231,"Two-columns layout. The sider menu can be collapsed when horizontal space is limited."),n(),t(232,"p"),e(233,"Generally, the mainnav is placed on the left side of the page, and the secondary menu is placed on the top of the working area. Contents will adapt the layout to the viewing area to improve the horizontal space usage, while the layout of the whole page is not stable."),n(),t(234,"p"),e(235,"The level of the aisde navigation is scalable. The first, second, and third level navigations could be present more fluently and relevantly, and aside navigation can be fixed, allowing the user to quickly switch and spot the current position, improving the user experience. However, this navigation occupies some horizontal space of the contents"),n(),d(),n()(),t(236,"nz-code-box",42),i(237,"nz-demo-layout-custom-trigger",36),t(238,"div",37),p(),t(239,"p"),e(240,"If you want to use a customized trigger, you can hide the default one by setting "),t(241,"code"),e(242,'[nzTrigger]="null"'),n(),e(243,"."),n(),d(),n()(),t(244,"nz-code-box",43),i(245,"nz-demo-layout-responsive",36),t(246,"div",37),p(),t(247,"p"),e(248,"Layout.Sider supports responsive layout."),n(),t(249,"blockquote")(250,"p"),e(251,"Note: You can get a responsive layout by setting "),t(252,"code"),e(253,"nzBreakpoint"),n(),e(254,", the "),t(255,"code"),e(256,"nz-sider"),n(),e(257," will collapse to the width of "),t(258,"code"),e(259,"nzCollapsedWidth"),n(),e(260," when window width is below the "),t(261,"code"),e(262,"nzBreakpoint"),n(),e(263,". And a special trigger will appear if the "),t(264,"code"),e(265,"nzCollapsedWidth"),n(),e(266," is set to "),t(267,"code"),e(268,"0"),n(),e(269,"."),n()(),d(),n()(),t(270,"nz-code-box",44),i(271,"nz-demo-layout-fixed",36),t(272,"div",37),p(),t(273,"p"),e(274,"Fixed Header is generally used to fix the top navigation to facilitate page switching."),n(),d(),n()(),t(275,"nz-code-box",45),i(276,"nz-demo-layout-fixed-sider",36),t(277,"div",37),p(),t(278,"p"),e(279,"When dealing with long content, a fixed sider can provide a better user experience."),n(),d(),n()()()(),t(280,"section",46),p(),t(281,"h2",47)(282,"span"),e(283,"API"),n(),t(284,"a",48),e(285,"#"),n()(),t(286,"pre")(287,"code",49)(288,"span",50)(289,"span",50)(290,"span",19),e(291,"<"),n(),e(292,"nz-layout"),n(),t(293,"span",19),e(294,">"),n()(),e(295,`
`),t(296,"span",50)(297,"span",50)(298,"span",19),e(299,"<"),n(),e(300,"nz-header"),n(),t(301,"span",19),e(302,">"),n()(),e(303,"header"),t(304,"span",50)(305,"span",50)(306,"span",19),e(307,"</"),n(),e(308,"nz-header"),n(),t(309,"span",19),e(310,">"),n()(),e(311,`
`),t(312,"span",50)(313,"span",50)(314,"span",19),e(315,"<"),n(),e(316,"nz-layout"),n(),t(317,"span",19),e(318,">"),n()(),e(319,`
`),t(320,"span",50)(321,"span",50)(322,"span",19),e(323,"<"),n(),e(324,"nz-sider"),n(),t(325,"span",19),e(326,">"),n()(),e(327,"left sidebar"),t(328,"span",50)(329,"span",50)(330,"span",19),e(331,"</"),n(),e(332,"nz-sider"),n(),t(333,"span",19),e(334,">"),n()(),e(335,`
`),t(336,"span",50)(337,"span",50)(338,"span",19),e(339,"<"),n(),e(340,"nz-content"),n(),t(341,"span",19),e(342,">"),n()(),e(343,"main content"),t(344,"span",50)(345,"span",50)(346,"span",19),e(347,"</"),n(),e(348,"nz-content"),n(),t(349,"span",19),e(350,">"),n()(),e(351,`
`),t(352,"span",50)(353,"span",50)(354,"span",19),e(355,"<"),n(),e(356,"nz-sider"),n(),t(357,"span",19),e(358,">"),n()(),e(359,"right sidebar"),t(360,"span",50)(361,"span",50)(362,"span",19),e(363,"</"),n(),e(364,"nz-sider"),n(),t(365,"span",19),e(366,">"),n()(),e(367,`
`),t(368,"span",50)(369,"span",50)(370,"span",19),e(371,"</"),n(),e(372,"nz-layout"),n(),t(373,"span",19),e(374,">"),n()(),e(375,`
`),t(376,"span",50)(377,"span",50)(378,"span",19),e(379,"<"),n(),e(380,"nz-footer"),n(),t(381,"span",19),e(382,">"),n()(),e(383,"footer"),t(384,"span",50)(385,"span",50)(386,"span",19),e(387,"</"),n(),e(388,"nz-footer"),n(),t(389,"span",19),e(390,">"),n()(),e(391,`
`),t(392,"span",50)(393,"span",50)(394,"span",19),e(395,"</"),n(),e(396,"nz-layout"),n(),t(397,"span",19),e(398,">"),n()(),e(399,`
`),n()(),t(400,"h3",51)(401,"span"),e(402,"nz-sider"),n(),t(403,"label",52),e(404,"component"),n(),t(405,"a",53),e(406,"#"),n()(),t(407,"p"),e(408,"The sidebar."),n(),t(409,"table")(410,"thead")(411,"tr")(412,"th"),e(413,"Property"),n(),t(414,"th"),e(415,"Description"),n(),t(416,"th"),e(417,"Type"),n(),t(418,"th"),e(419,"Default"),n()()(),t(420,"tbody")(421,"tr")(422,"td")(423,"code"),e(424,"[nzBreakpoint]"),n()(),t(425,"td"),e(426,"breakpoints of the responsive layout"),n(),t(427,"td")(428,"code"),e(429,"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"),n()(),t(430,"td"),e(431,"-"),n()(),t(432,"tr")(433,"td")(434,"code"),e(435,"[nzCollapsedWidth]"),n()(),t(436,"td"),e(437,"width of the collapsed sidebar, by setting to "),t(438,"code"),e(439,"0"),n(),e(440," a special "),t(441,"code"),e(442,"trigger"),n(),e(443," will appear"),n(),t(444,"td")(445,"code"),e(446,"number"),n()(),t(447,"td")(448,"code"),e(449,"64"),n()()(),t(450,"tr")(451,"td")(452,"code"),e(453,"[nzCollapsible]"),n()(),t(454,"td"),e(455,"whether can be collapsed"),n(),t(456,"td")(457,"code"),e(458,"boolean"),n()(),t(459,"td")(460,"code"),e(461,"false"),n()()(),t(462,"tr")(463,"td")(464,"code"),e(465,"[nzCollapsed]"),n()(),t(466,"td"),e(467,"the collapsed status can be double binding"),n(),t(468,"td")(469,"code"),e(470,"boolean"),n()(),t(471,"td")(472,"code"),e(473,"false"),n()()(),t(474,"tr")(475,"td")(476,"code"),e(477,"[nzReverseArrow]"),n()(),t(478,"td"),e(479,"reverse direction of arrow, for a sider that expands from the right"),n(),t(480,"td")(481,"code"),e(482,"boolean"),n()(),t(483,"td")(484,"code"),e(485,"false"),n()()(),t(486,"tr")(487,"td")(488,"code"),e(489,"[nzTrigger]"),n()(),t(490,"td"),e(491,"specify the customized "),t(492,"code"),e(493,"trigger"),n(),e(494,", set to "),t(495,"code"),e(496,"null"),n(),e(497," to hide the "),t(498,"code"),e(499,"trigger"),n()(),t(500,"td")(501,"code"),e(502,"string | TemplateRef<void>"),n()(),t(503,"td"),e(504,"-"),n()(),t(505,"tr")(506,"td")(507,"code"),e(508,"[nzZeroTrigger]"),n()(),t(509,"td"),e(510,"specify the customized trigger when "),t(511,"code"),e(512,"nzCollapsedWidth"),n(),e(513," setting to "),t(514,"code"),e(515,"0"),n()(),t(516,"td")(517,"code"),e(518,"TemplateRef<void>"),n()(),t(519,"td"),e(520,"-"),n()(),t(521,"tr")(522,"td")(523,"code"),e(524,"[nzWidth]"),n()(),t(525,"td"),e(526,"width of the sidebar"),n(),t(527,"td")(528,"code"),e(529,"number | string"),n()(),t(530,"td")(531,"code"),e(532,"200"),n()()(),t(533,"tr")(534,"td")(535,"code"),e(536,"[nzTheme]"),n()(),t(537,"td"),e(538,"color theme of the sidebar"),n(),t(539,"td")(540,"code"),e(541,"'light' | 'dark'"),n()(),t(542,"td")(543,"code"),e(544,"dark"),n()()(),t(545,"tr")(546,"td")(547,"code"),e(548,"(nzCollapsedChange)"),n()(),t(549,"td"),e(550,"the callback function"),n(),t(551,"td")(552,"code"),e(553,"EventEmitter<boolean>"),n()(),t(554,"td"),e(555,"-"),n()()()(),t(556,"h4",54)(557,"span"),e(558,"breakpoint width"),n(),t(559,"a",55),e(560,"#"),n()(),t(561,"pre")(562,"code",56)(563,"span",19),e(564,"{"),n(),e(565,`
`),t(566,"span",57),e(567,"xs"),n(),t(568,"span",58),e(569,":"),n(),e(570," "),t(571,"span",20),e(572,"'575px'"),n(),t(573,"span",19),e(574,","),n(),e(575,`
`),t(576,"span",57),e(577,"sm"),n(),t(578,"span",58),e(579,":"),n(),e(580," "),t(581,"span",20),e(582,"'576px'"),n(),t(583,"span",19),e(584,","),n(),e(585,`
`),t(586,"span",57),e(587,"md"),n(),t(588,"span",58),e(589,":"),n(),e(590," "),t(591,"span",20),e(592,"'768px'"),n(),t(593,"span",19),e(594,","),n(),e(595,`
`),t(596,"span",57),e(597,"lg"),n(),t(598,"span",58),e(599,":"),n(),e(600," "),t(601,"span",20),e(602,"'992px'"),n(),t(603,"span",19),e(604,","),n(),e(605,`
`),t(606,"span",57),e(607,"xl"),n(),t(608,"span",58),e(609,":"),n(),e(610," "),t(611,"span",20),e(612,"'1200px'"),n(),t(613,"span",19),e(614,","),n(),e(615,`
`),t(616,"span",57),e(617,"xxl"),n(),t(618,"span",58),e(619,":"),n(),e(620," "),t(621,"span",20),e(622,"'1600px'"),n(),e(623,`
`),t(624,"span",19),e(625,"}"),n(),e(626,`
`),n()(),d(),n()()),o&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(196),a("nzGutter",8),m(),a("nzSpan",24),m(),a("nzId","components-layout-demo-basic")("nzLink","components-layout-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/basic.md"),m(5),a("nzId","components-layout-demo-top")("nzLink","components-layout-demo-top")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top.md"),m(12),a("nzId","components-layout-demo-top-side-2")("nzLink","components-layout-demo-top-side-2")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side-2.md"),m(5),a("nzId","components-layout-demo-top-side")("nzLink","components-layout-demo-top-side")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side.md"),m(5),a("nzId","components-layout-demo-side")("nzLink","components-layout-demo-side")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/side.md"),m(9),a("nzId","components-layout-demo-custom-trigger")("nzLink","components-layout-demo-custom-trigger")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/custom-trigger.md"),m(8),a("nzId","components-layout-demo-responsive")("nzLink","components-layout-demo-responsive")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/responsive.md"),m(26),a("nzId","components-layout-demo-fixed")("nzLink","components-layout-demo-fixed")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed.md"),m(5),a("nzId","components-layout-demo-fixed-sider")("nzLink","components-layout-demo-fixed-sider")("nzIframe",!0)("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed-sider.md"))},dependencies:[ne,T,ee,te,$,X,K,J,y,H,_,O,P,R,G,Z,W,Q],encapsulation:2})};var ze=[{path:"en",component:oe},{path:"zh",component:ie}],At=ze;export{At as default};