-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathchunk-62UW7ZGE.js
32 lines (32 loc) · 62.1 KB
/
chunk-62UW7ZGE.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
import{a as c,b as C,c as z,d as h,e as E,f as x}from"./chunk-CJKD4PTZ.js";import{b,c as A,d as B}from"./chunk-DSZ5P5VQ.js";import"./chunk-FPTJTSUI.js";import{c as S,d as k,e as g,h as f}from"./chunk-EXCAEERN.js";import"./chunk-HVFPNQ3B.js";import"./chunk-6AJOFIIP.js";import"./chunk-3LAVY7RV.js";import{a as T,g as Q,h as q,j as U}from"./chunk-PNYJKZIQ.js";import"./chunk-UJZP7RYT.js";import{Ca as y,Ea as F,Hc as G,Ic as Z,Lc as W,ec as R}from"./chunk-YWVGY2C2.js";import{Aa as p,Ac as O,Bc as _,Cc as P,Hc as e,Ib as s,Mc as ne,Nc as ie,Oc as oe,Wb as a,ic as t,jc as n,kc as i,rb as l,rc as N,za as d}from"./chunk-GBKJFEQZ.js";import"./chunk-EQDQRRRY.js";var V=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-layout-basic"]],decls:37,vars:0,template:function(m,r){m&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:[x,E,z,c,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}"]})}}return o})();var j=(()=>{class o{constructor(){this.isCollapsed=!1}static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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"],["nz-icon","",1,"trigger",3,"click","nzType"],[1,"inner-content"]],template:function(m,r){m&1&&(t(0,"nz-layout")(1,"nz-sider",0),oe("nzCollapsedChange",function(I){return ie(r.isCollapsed,I)||(r.isCollapsed=I),I}),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,"span",7),N("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()()()),m&2&&(l(),ne("nzCollapsed",r.isCollapsed),a("nzTrigger",null),l(23),a("nzType",r.isCollapsed?"menu-unfold":"menu-fold"))},dependencies:[B,A,b,F,y,f,g,S,k,x,E,z,c,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}"]})}}return o})();var Y=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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,f,g,S,x,E,z,c,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}"]})}}return o})();var J=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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,f,g,S,x,E,z,c,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}"]})}}return o})();var K=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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()()()),m&2&&(l(),a("nzCollapsedWidth",0))},dependencies:[F,y,f,g,S,x,E,z,c,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}"]})}}return o})();var X=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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,f,g,S,k,x,E,z,c,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}"]})}}return o})();var $=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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,f,g,S,k,x,E,z,c,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}"]})}}return o})();var ee=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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,f,g,S,k,x,E,z,c,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}"]})}}return o})();var te=(()=>{class o{static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,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(m,r){m&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,f,g,S,x,E,z,c,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}"]})}}return o})();var me=(()=>{class o{constructor(){this.expanded=!1}goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>u.expandCode(this.expanded))}static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-layout"]],viewQuery:function(m,r){if(m&1&&O(T,5),m&2){let v;_(v=P())&&(r.codeBoxes=v)}},decls:596,vars:40,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"],["nz-icon","","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","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","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","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","nzIframeHeight","nzHref"],["nzTitle","\u4FA7\u8FB9\u5E03\u5C40","nzSelector","nz-demo-layout-side","nzGenerateCommand","ng g ng-zorro-antd:layout-side <name>","nzComponentName","NzDemoLayoutSideComponent","nzIframeSource","/iframe/#/layout-side",3,"nzId","nzLink","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","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","/iframe/#/layout-responsive",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u56FA\u5B9A\u5934\u90E8","nzSelector","nz-demo-layout-fixed","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed <name>","nzComponentName","NzDemoLayoutFixedComponent","nzIframeSource","/iframe/#/layout-fixed",3,"nzId","nzLink","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","/iframe/#/layout-fixed-sider",3,"nzId","nzLink","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"]],template:function(m,r){m&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),N("nzClick",function(I){return r.goLink(I)}),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",17)(25,"code")(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()()(),t(42,"h2",21)(43,"span"),e(44,"\u8BBE\u8BA1\u89C4\u5219"),n(),t(45,"a",22),e(46,"#"),n()(),t(47,"h3",23)(48,"span"),e(49,"\u5C3A\u5BF8"),n(),t(50,"a",24),e(51,"#"),n()(),t(52,"p"),e(53,"\u4E00\u7EA7\u5BFC\u822A\u9879\u504F\u5DE6\u9760\u8FD1 logo \u653E\u7F6E\uFF0C\u8F85\u52A9\u83DC\u5355\u504F\u53F3\u653E\u7F6E\u3002"),n(),t(54,"ul")(55,"li"),e(56,"\u9876\u90E8\u5BFC\u822A\uFF08\u5927\u90E8\u5206\u7CFB\u7EDF\uFF09\uFF1A\u4E00\u7EA7\u5BFC\u822A\u9AD8\u5EA6 "),t(57,"code"),e(58,"64px"),n(),e(59,"\uFF0C\u4E8C\u7EA7\u5BFC\u822A "),t(60,"code"),e(61,"48px"),n(),e(62,"\u3002"),n(),t(63,"li"),e(64,"\u9876\u90E8\u5BFC\u822A\uFF08\u5C55\u793A\u7C7B\u9875\u9762\uFF09\uFF1A\u4E00\u7EA7\u5BFC\u822A\u9AD8\u5EA6 "),t(65,"code"),e(66,"80px"),n(),e(67,"\uFF0C\u4E8C\u7EA7\u5BFC\u822A "),t(68,"code"),e(69,"56px"),n(),e(70,"\u3002"),n(),t(71,"li"),e(72,"\u9876\u90E8\u5BFC\u822A\u9AD8\u5EA6\u7684\u8303\u56F4\u8BA1\u7B97\u516C\u5F0F\u4E3A\uFF1A"),t(73,"code"),e(74,"48+8n"),n(),e(75,"\u3002"),n(),t(76,"li"),e(77,"\u4FA7\u8FB9\u5BFC\u822A\u5BBD\u5EA6\u7684\u8303\u56F4\u8BA1\u7B97\u516C\u5F0F\uFF1A"),t(78,"code"),e(79,"200+8n"),n(),e(80,"\u3002"),n()(),t(81,"h3",25)(82,"span"),e(83,"\u4EA4\u4E92"),n(),t(84,"a",26),e(85,"#"),n()(),t(86,"ul")(87,"li"),e(88,"\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(89,"li"),e(90,"\u5F53\u524D\u9879\u5E94\u8BE5\u5728\u5448\u73B0\u4E0A\u4F18\u5148\u7EA7\u6700\u9AD8\uFF1B"),n(),t(91,"li"),e(92,"\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(93,"li"),e(94,"\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(95,"h3",27)(96,"span"),e(97,"\u89C6\u89C9"),n(),t(98,"a",28),e(99,"#"),n()(),t(100,"p"),e(101,"\u5BFC\u822A\u6837\u5F0F\u4E0A\u9700\u8981\u6839\u636E\u4FE1\u606F\u5C42\u7EA7\u5408\u7406\u7684\u9009\u62E9\u6837\u5F0F\uFF1A"),n(),t(102,"ul")(103,"li")(104,"p")(105,"strong"),e(106,"\u5927\u8272\u5757\u5F3A\u8C03"),n()(),t(107,"p"),e(108,"\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(109,"li")(110,"p")(111,"strong"),e(112,"\u9AD8\u4EAE\u706B\u67F4\u68CD"),n()(),t(113,"p"),e(114,"\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(115,"li")(116,"p")(117,"strong"),e(118,"\u5B57\u4F53\u9AD8\u4EAE\u53D8\u8272"),n()(),t(119,"p"),e(120,"\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(121,"li")(122,"p")(123,"strong"),e(124,"\u5B57\u4F53\u653E\u5927"),n()(),t(125,"p")(126,"code"),e(127,"12px"),n(),e(128,"\u3001"),t(129,"code"),e(130,"14px"),n(),e(131," \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(132,"h2",29)(133,"span"),e(134,"\u7EC4\u4EF6\u6982\u8FF0"),n(),t(135,"a",30),e(136,"#"),n()(),t(137,"ul")(138,"li")(139,"code"),e(140,"nz-layout"),n(),e(141,"\uFF1A\u5E03\u5C40\u5BB9\u5668\uFF0C\u5176\u4E0B\u53EF\u5D4C\u5957 "),t(142,"code"),e(143,"nz-header"),n(),t(144,"code"),e(145,"nz-sider"),n(),t(146,"code"),e(147,"nz-content"),n(),t(148,"code"),e(149,"nz-footer"),n(),e(150," \u6216 "),t(151,"code"),e(152,"nz-layout"),n(),e(153," \u672C\u8EAB\uFF0C\u53EF\u4EE5\u653E\u5728\u4EFB\u4F55\u7236\u5BB9\u5668\u4E2D\u3002"),n(),t(154,"li")(155,"code"),e(156,"nz-header"),n(),e(157,"\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(158,"code"),e(159,"nz-layout"),n(),e(160," \u4E2D\u3002"),n(),t(161,"li")(162,"code"),e(163,"nz-sider"),n(),e(164,"\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(165,"code"),e(166,"nz-layout"),n(),e(167," \u4E2D\u3002"),n(),t(168,"li")(169,"code"),e(170,"nz-content"),n(),e(171,"\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(172,"code"),e(173,"nz-layout"),n(),e(174," \u4E2D\u3002"),n(),t(175,"li")(176,"code"),e(177,"nz-footer"),n(),e(178,"\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(179,"code"),e(180,"nz-layout"),n(),e(181," \u4E2D\u3002"),n()(),t(182,"blockquote")(183,"p"),e(184,"\u6CE8\u610F\uFF1A\u91C7\u7528 flex \u5E03\u5C40\u5B9E\u73B0\uFF0C\u8BF7\u6CE8\u610F"),t(185,"a",31),e(186,"\u6D4F\u89C8\u5668\u517C\u5BB9\u6027"),n(),e(187,"\u95EE\u9898\u3002"),n()(),d(),n(),t(188,"h2")(189,"span"),e(190,"\u4EE3\u7801\u6F14\u793A"),n(),t(191,"span",32),N("click",function(){return r.expandAllCode()}),n()()(),t(192,"div",33)(193,"div",34)(194,"nz-code-box",35),i(195,"nz-demo-layout-basic",36),t(196,"div",37),p(),t(197,"p"),e(198,"\u5178\u578B\u7684\u9875\u9762\u5E03\u5C40\u3002"),n(),d(),n()(),t(199,"nz-code-box",38),i(200,"nz-demo-layout-top",36),t(201,"div",37),p(),t(202,"p"),e(203,"\u6700\u57FA\u672C\u7684\u300E\u4E0A-\u4E2D-\u4E0B\u300F\u5E03\u5C40\u3002"),n(),t(204,"p"),e(205,"\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(206,"nz-code-box",39),i(207,"nz-demo-layout-top-side-2",36),t(208,"div",37),p(),t(209,"p"),e(210,"\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(211,"nz-code-box",40),i(212,"nz-demo-layout-top-side",36),t(213,"div",37),p(),t(214,"p"),e(215,"\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(216,"nz-code-box",41),i(217,"nz-demo-layout-side",36),t(218,"div",37),p(),t(219,"p"),e(220,"\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(221,"p"),e(222,"\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(223,"nz-code-box",42),i(224,"nz-demo-layout-custom-trigger",36),t(225,"div",37),p(),t(226,"p"),e(227,"\u8981\u4F7F\u7528\u81EA\u5B9A\u4E49\u89E6\u53D1\u5668\uFF0C\u53EF\u4EE5\u8BBE\u7F6E "),t(228,"code"),e(229,'[nzTrigger]="null"'),n(),e(230," \u6765\u9690\u85CF\u9ED8\u8BA4\u8BBE\u5B9A\u3002"),n(),d(),n()(),t(231,"nz-code-box",43),i(232,"nz-demo-layout-responsive",36),t(233,"div",37),p(),t(234,"p"),e(235,"nz-sider \u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002"),n(),t(236,"blockquote")(237,"p"),e(238,"\u8BF4\u660E\uFF1A\u914D\u7F6E "),t(239,"code"),e(240,"nzBreakpoint"),n(),e(241," \u5C5E\u6027\u5373\u751F\u6548\uFF0C\u89C6\u7A97\u5BBD\u5EA6\u5C0F\u4E8E "),t(242,"code"),e(243,"nzBreakpoint"),n(),e(244," \u65F6 "),t(245,"code"),e(246,"nz-sider"),n(),e(247," \u7F29\u5C0F\u4E3A "),t(248,"code"),e(249,"nzCollapsedWidth"),n(),e(250," \u5BBD\u5EA6\uFF0C\u82E5\u5C06 "),t(251,"code"),e(252,"nzCollapsedWidth"),n(),e(253," \u8BBE\u7F6E\u4E3A\u96F6\uFF0C\u4F1A\u51FA\u73B0\u7279\u6B8A trigger\u3002"),n()(),d(),n()(),t(254,"nz-code-box",44),i(255,"nz-demo-layout-fixed",36),t(256,"div",37),p(),t(257,"p"),e(258,"\u4E00\u822C\u7528\u4E8E\u56FA\u5B9A\u9876\u90E8\u5BFC\u822A\uFF0C\u65B9\u4FBF\u9875\u9762\u5207\u6362\u3002"),n(),d(),n()(),t(259,"nz-code-box",45),i(260,"nz-demo-layout-fixed-sider",36),t(261,"div",37),p(),t(262,"p"),e(263,"\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(264,"section",46),p(),t(265,"h2",47)(266,"span"),e(267,"API"),n(),t(268,"a",48),e(269,"#"),n()(),t(270,"pre",49)(271,"code")(272,"span",50)(273,"span",50)(274,"span",19),e(275,"<"),n(),e(276,"nz-layout"),n(),t(277,"span",19),e(278,">"),n()(),e(279,`
`),t(280,"span",50)(281,"span",50)(282,"span",19),e(283,"<"),n(),e(284,"nz-header"),n(),t(285,"span",19),e(286,">"),n()(),e(287,"header"),t(288,"span",50)(289,"span",50)(290,"span",19),e(291,"</"),n(),e(292,"nz-header"),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-layout"),n(),t(301,"span",19),e(302,">"),n()(),e(303,`
`),t(304,"span",50)(305,"span",50)(306,"span",19),e(307,"<"),n(),e(308,"nz-sider"),n(),t(309,"span",19),e(310,">"),n()(),e(311,"left sidebar"),t(312,"span",50)(313,"span",50)(314,"span",19),e(315,"</"),n(),e(316,"nz-sider"),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-content"),n(),t(325,"span",19),e(326,">"),n()(),e(327,"main content"),t(328,"span",50)(329,"span",50)(330,"span",19),e(331,"</"),n(),e(332,"nz-content"),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-sider"),n(),t(341,"span",19),e(342,">"),n()(),e(343,"right sidebar"),t(344,"span",50)(345,"span",50)(346,"span",19),e(347,"</"),n(),e(348,"nz-sider"),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-layout"),n(),t(357,"span",19),e(358,">"),n()(),e(359,`
`),t(360,"span",50)(361,"span",50)(362,"span",19),e(363,"<"),n(),e(364,"nz-footer"),n(),t(365,"span",19),e(366,">"),n()(),e(367,"footer"),t(368,"span",50)(369,"span",50)(370,"span",19),e(371,"</"),n(),e(372,"nz-footer"),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-layout"),n(),t(381,"span",19),e(382,">"),n()()()(),t(383,"h3",51)(384,"span"),e(385,"nz-sider"),n(),t(386,"label",52),e(387,"component"),n(),t(388,"a",53),e(389,"#"),n()(),t(390,"p"),e(391,"\u4FA7\u8FB9\u680F\u3002"),n(),t(392,"table")(393,"thead")(394,"tr")(395,"th"),e(396,"\u53C2\u6570"),n(),t(397,"th"),e(398,"\u8BF4\u660E"),n(),t(399,"th"),e(400,"\u7C7B\u578B"),n(),t(401,"th"),e(402,"\u9ED8\u8BA4\u503C"),n()()(),t(403,"tbody")(404,"tr")(405,"td")(406,"code"),e(407,"[nzBreakpoint]"),n()(),t(408,"td"),e(409,"\u89E6\u53D1\u54CD\u5E94\u5F0F\u5E03\u5C40\u7684\u65AD\u70B9"),n(),t(410,"td")(411,"code"),e(412,"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"),n()(),t(413,"td"),e(414,"-"),n()(),t(415,"tr")(416,"td")(417,"code"),e(418,"[nzCollapsedWidth]"),n()(),t(419,"td"),e(420,"\u6536\u7F29\u5BBD\u5EA6\uFF0C\u8BBE\u7F6E\u4E3A 0 \u4F1A\u51FA\u73B0\u7279\u6B8A "),t(421,"code"),e(422,"trigger"),n()(),t(423,"td")(424,"code"),e(425,"number"),n()(),t(426,"td")(427,"code"),e(428,"64"),n()()(),t(429,"tr")(430,"td")(431,"code"),e(432,"[nzCollapsible]"),n()(),t(433,"td"),e(434,"\u662F\u5426\u53EF\u6536\u8D77"),n(),t(435,"td")(436,"code"),e(437,"boolean"),n()(),t(438,"td")(439,"code"),e(440,"false"),n()()(),t(441,"tr")(442,"td")(443,"code"),e(444,"[nzCollapsed]"),n()(),t(445,"td"),e(446,"\u5F53\u524D\u6536\u8D77\u72B6\u6001\uFF0C\u53EF\u53CC\u5411\u7ED1\u5B9A"),n(),t(447,"td")(448,"code"),e(449,"boolean"),n()(),t(450,"td")(451,"code"),e(452,"false"),n()()(),t(453,"tr")(454,"td")(455,"code"),e(456,"[nzReverseArrow]"),n()(),t(457,"td"),e(458,"\u7FFB\u8F6C\u6298\u53E0\u63D0\u793A\u7BAD\u5934\u7684\u65B9\u5411\uFF0C\u5F53 "),t(459,"code"),e(460,"Sider"),n(),e(461," \u5728\u53F3\u8FB9\u65F6\u53EF\u4EE5\u4F7F\u7528"),n(),t(462,"td")(463,"code"),e(464,"boolean"),n()(),t(465,"td")(466,"code"),e(467,"false"),n()()(),t(468,"tr")(469,"td")(470,"code"),e(471,"[nzTrigger]"),n()(),t(472,"td"),e(473,"\u81EA\u5B9A\u4E49 "),t(474,"code"),e(475,"trigger"),n(),e(476,"\uFF0C\u8BBE\u7F6E\u4E3A "),t(477,"code"),e(478,"null"),n(),e(479," \u65F6\u9690\u85CF "),t(480,"code"),e(481,"trigger"),n()(),t(482,"td")(483,"code"),e(484,"TemplateRef<void>"),n()(),t(485,"td"),e(486,"-"),n()(),t(487,"tr")(488,"td")(489,"code"),e(490,"[nzZeroTrigger]"),n()(),t(491,"td"),e(492,"\u81EA\u5B9A\u4E49 "),t(493,"code"),e(494,"nzCollapsedWidth"),n(),e(495," \u4E3A 0 \u65F6\u7684 \u7279\u6B8A"),t(496,"code"),e(497,"trigger"),n()(),t(498,"td")(499,"code"),e(500,"TemplateRef<void>"),n()(),t(501,"td"),e(502,"-"),n()(),t(503,"tr")(504,"td")(505,"code"),e(506,"[nzWidth]"),n()(),t(507,"td"),e(508,"\u5BBD\u5EA6"),n(),t(509,"td")(510,"code"),e(511,"number | string"),n()(),t(512,"td")(513,"code"),e(514,"200"),n()()(),t(515,"tr")(516,"td")(517,"code"),e(518,"[nzTheme]"),n()(),t(519,"td"),e(520,"\u4E3B\u9898\u989C\u8272"),n(),t(521,"td")(522,"code"),e(523,"'light' | 'dark'"),n()(),t(524,"td")(525,"code"),e(526,"dark"),n()()(),t(527,"tr")(528,"td")(529,"code"),e(530,"(nzCollapsedChange)"),n()(),t(531,"td"),e(532,"\u5C55\u5F00-\u6536\u8D77\u65F6\u7684\u56DE\u8C03\u51FD\u6570"),n(),t(533,"td")(534,"code"),e(535,"EventEmitter<boolean>"),n()(),t(536,"td"),e(537,"-"),n()()()(),t(538,"h4",54)(539,"span"),e(540,"breakpoint width"),n(),t(541,"a",55),e(542,"#"),n()(),t(543,"pre",56)(544,"code")(545,"span",19),e(546,"{"),n(),e(547,`
xs`),t(548,"span",19),e(549,":"),n(),e(550," "),t(551,"span",20),e(552,"'480px'"),n(),t(553,"span",19),e(554,","),n(),e(555,`
sm`),t(556,"span",19),e(557,":"),n(),e(558," "),t(559,"span",20),e(560,"'768px'"),n(),t(561,"span",19),e(562,","),n(),e(563,`
md`),t(564,"span",19),e(565,":"),n(),e(566," "),t(567,"span",20),e(568,"'992px'"),n(),t(569,"span",19),e(570,","),n(),e(571,`
lg`),t(572,"span",19),e(573,":"),n(),e(574," "),t(575,"span",20),e(576,"'1200px'"),n(),t(577,"span",19),e(578,","),n(),e(579,`
xl`),t(580,"span",19),e(581,":"),n(),e(582," "),t(583,"span",20),e(584,"'1600px'"),n(),t(585,"span",19),e(586,","),n(),e(587,`
xxl`),t(588,"span",19),e(589,":"),n(),e(590," "),t(591,"span",20),e(592,"'1600px'"),n(),e(593,`
`),t(594,"span",19),e(595,"}"),n()()(),d(),n()()),m&2&&(l(),a("nzOffsetTop",16),l(),a("nzAffix",!1),l(190),a("nzGutter",8),l(),a("nzSpan",24),l(),a("nzId","components-layout-demo-basic")("nzLink","components-layout-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/basic.md"),l(5),a("nzId","components-layout-demo-top")("nzLink","components-layout-demo-top")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top.md"),l(7),a("nzId","components-layout-demo-top-side-2")("nzLink","components-layout-demo-top-side-2")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side-2.md"),l(5),a("nzId","components-layout-demo-top-side")("nzLink","components-layout-demo-top-side")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side.md"),l(5),a("nzId","components-layout-demo-side")("nzLink","components-layout-demo-side")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/side.md"),l(7),a("nzId","components-layout-demo-custom-trigger")("nzLink","components-layout-demo-custom-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/custom-trigger.md"),l(8),a("nzId","components-layout-demo-responsive")("nzLink","components-layout-demo-responsive")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/responsive.md"),l(23),a("nzId","components-layout-demo-fixed")("nzLink","components-layout-demo-fixed")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed.md"),l(5),a("nzId","components-layout-demo-fixed-sider")("nzLink","components-layout-demo-fixed-sider")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed-sider.md"))},dependencies:[U,T,Q,q,W,Z,G,R,y,V,j,Y,J,K,X,$,ee,te],encapsulation:2})}}return o})();var le=(()=>{class o{constructor(){this.expanded=!1}goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>u.expandCode(this.expanded))}static{this.\u0275fac=function(m){return new(m||o)}}static{this.\u0275cmp=s({type:o,selectors:[["nz-demo-layout"]],viewQuery:function(m,r){if(m&1&&O(T,5),m&2){let v;_(v=P())&&(r.codeBoxes=v)}},decls:612,vars:40,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"],["nz-icon","","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","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","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","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","nzIframeHeight","nzHref"],["nzTitle","Sider","nzSelector","nz-demo-layout-side","nzGenerateCommand","ng g ng-zorro-antd:layout-side <name>","nzComponentName","NzDemoLayoutSideComponent","nzIframeSource","/iframe/#/layout-side",3,"nzId","nzLink","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","nzIframeHeight","nzHref"],["nzTitle","Responsive","nzSelector","nz-demo-layout-responsive","nzGenerateCommand","ng g ng-zorro-antd:layout-responsive <name>","nzComponentName","NzDemoLayoutResponsiveComponent","nzIframeSource","/iframe/#/layout-responsive",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Fixed Header","nzSelector","nz-demo-layout-fixed","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed <name>","nzComponentName","NzDemoLayoutFixedComponent","nzIframeSource","/iframe/#/layout-fixed",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Fixed Sider","nzSelector","nz-demo-layout-fixed-sider","nzGenerateCommand","ng g ng-zorro-antd:layout-fixed-sider <name>","nzComponentName","NzDemoLayoutFixedSiderComponent","nzIframeSource","/iframe/#/layout-fixed-sider",3,"nzId","nzLink","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"]],template:function(m,r){m&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),N("nzClick",function(I){return r.goLink(I)}),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",17)(24,"code")(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()()(),t(41,"h2",21)(42,"span"),e(43,"Specification"),n(),t(44,"a",22),e(45,"#"),n()(),t(46,"h3",23)(47,"span"),e(48,"Size"),n(),t(49,"a",24),e(50,"#"),n()(),t(51,"p"),e(52,"The first level navigation is inclined left near a logo, and the secondary menu is inclined right."),n(),t(53,"ul")(54,"li"),e(55,"Top Navigation (almost systems): the height of the first level navigation "),t(56,"code"),e(57,"64px"),n(),e(58,", the second level navigation "),t(59,"code"),e(60,"48px"),n(),e(61,"."),n(),t(62,"li"),e(63,"Top Navigation(contents page): the height of the first level navigation "),t(64,"code"),e(65,"80px"),n(),e(66,", the second level navigation "),t(67,"code"),e(68,"56px"),n(),e(69,"."),n(),t(70,"li"),e(71,"Calculation formula of a top navigation: "),t(72,"code"),e(73,"48+8n"),n(),e(74,"."),n(),t(75,"li"),e(76,"Calculation formula of an aside navigation: "),t(77,"code"),e(78,"200+8n"),n(),e(79,"."),n()(),t(80,"h3",25)(81,"span"),e(82,"Interaction rules"),n(),t(83,"a",26),e(84,"#"),n()(),t(85,"ul")(86,"li"),e(87,"The first level navigation and the last level navigation should be distincted by visualization;"),n(),t(88,"li"),e(89,"The current item should have the highest priority of visualization;"),n(),t(90,"li"),e(91,"When the current navigation item is collapsed, the style of the current navigation item will be applied to its parent level;"),n(),t(92,"li"),e(93,"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(94,"h2",27)(95,"span"),e(96,"Visualization rules"),n(),t(97,"a",28),e(98,"#"),n()(),t(99,"p"),e(100,"Style of a navigation should conform to the its level."),n(),t(101,"ul")(102,"li")(103,"p")(104,"strong"),e(105,"Emphasis by colorblock"),n()(),t(106,"p"),e(107,"When background color is a deep color, you can use this pattern for the parent level navigation item of current page."),n()(),t(108,"li")(109,"p")(110,"strong"),e(111,"The highlight match stick"),n()(),t(112,"p"),e(113,"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(114,"li")(115,"p")(116,"strong"),e(117,"Hightlighted font"),n()(),t(118,"p"),e(119,"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(120,"li")(121,"p")(122,"strong"),e(123,"Enlarge the size of the font"),n()(),t(124,"p")(125,"code"),e(126,"12px"),n(),e(127,"\u3001"),t(128,"code"),e(129,"14px"),n(),e(130," is a standard font size of navigations\uFF0C"),t(131,"code"),e(132,"14px"),n(),e(133," 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(134,"h2",29)(135,"span"),e(136,"Component Overview"),n(),t(137,"a",30),e(138,"#"),n()(),t(139,"ul")(140,"li")(141,"code"),e(142,"nz-layout"),n(),e(143,": The layout wrapper, in which "),t(144,"code"),e(145,"nz-header"),n(),t(146,"code"),e(147,"nz-sider"),n(),t(148,"code"),e(149,"nz-content"),n(),t(150,"code"),e(151,"nz-footer"),n(),e(152," or "),t(153,"code"),e(154,"nz-layout"),n(),e(155," itself can be nested, and can be placed in any parent container."),n(),t(156,"li")(157,"code"),e(158,"nz-header"),n(),e(159,": The top layout with default style, in which any element can be nested, and must be placed in "),t(160,"code"),e(161,"nz-layout"),n(),e(162,"."),n(),t(163,"li")(164,"code"),e(165,"nz-sider"),n(),e(166,": The sidebar with default style and basic functions, in which any element can be nested, and must be placed in "),t(167,"code"),e(168,"nz-layout"),n(),e(169,"."),n(),t(170,"li")(171,"code"),e(172,"nz-content"),n(),e(173,": The content layout with default style, in which any element can be nested, and must be placed in "),t(174,"code"),e(175,"nz-layout"),n(),e(176,"."),n(),t(177,"li")(178,"code"),e(179,"nz-footer"),n(),e(180,": The bottom layout with default style, in which any element can be nested, and must be placed in "),t(181,"code"),e(182,"nz-layout"),n(),e(183,"."),n()(),t(184,"blockquote")(185,"p"),e(186,"Based on "),t(187,"code"),e(188,"flex layout"),n(),e(189,", please pay attention to the "),t(190,"a",31),e(191,"compatibility"),n(),e(192,"."),n()(),d(),n(),t(193,"h2")(194,"span"),e(195,"Examples"),n(),t(196,"span",32),N("click",function(){return r.expandAllCode()}),n()()(),t(197,"div",33)(198,"div",34)(199,"nz-code-box",35),i(200,"nz-demo-layout-basic",36),t(201,"div",37),p(),t(202,"p"),e(203,"Classic page layouts."),n(),d(),n()(),t(204,"nz-code-box",38),i(205,"nz-demo-layout-top",36),t(206,"div",37),p(),t(207,"p"),e(208,'The most basic "header-content-footer" layout.'),n(),t(209,"p"),e(210,`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(211,"code"),e(212,"1200px"),n(),e(213,"), the layout of the whole page is stable, it's not affected by viewing area."),n(),t(214,"p"),e(215,"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(216,"nz-code-box",39),i(217,"nz-demo-layout-top-side-2",36),t(218,"div",37),p(),t(219,"p"),e(220,"Both the top navigation and the sidebar, commonly used in application site."),n(),d(),n()(),t(221,"nz-code-box",40),i(222,"nz-demo-layout-top-side",36),t(223,"div",37),p(),t(224,"p"),e(225,"Both the top navigation and the sidebar, commonly used in documentation site."),n(),d(),n()(),t(226,"nz-code-box",41),i(227,"nz-demo-layout-side",36),t(228,"div",37),p(),t(229,"p"),e(230,"Two-columns layout. The sider menu can be collapsed when horizontal space is limited."),n(),t(231,"p"),e(232,"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(233,"p"),e(234,"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(235,"nz-code-box",42),i(236,"nz-demo-layout-custom-trigger",36),t(237,"div",37),p(),t(238,"p"),e(239,"If you want to use a customized trigger, you can hide the default one by setting "),t(240,"code"),e(241,'[nzTrigger]="null"'),n(),e(242,"."),n(),d(),n()(),t(243,"nz-code-box",43),i(244,"nz-demo-layout-responsive",36),t(245,"div",37),p(),t(246,"p"),e(247,"Layout.Sider supports responsive layout."),n(),t(248,"blockquote")(249,"p"),e(250,"Note: You can get a responsive layout by setting "),t(251,"code"),e(252,"nzBreakpoint"),n(),e(253,", the "),t(254,"code"),e(255,"nz-sider"),n(),e(256," will collapse to the width of "),t(257,"code"),e(258,"nzCollapsedWidth"),n(),e(259," when window width is below the "),t(260,"code"),e(261,"nzBreakpoint"),n(),e(262,". And a special trigger will appear if the "),t(263,"code"),e(264,"nzCollapsedWidth"),n(),e(265," is set to "),t(266,"code"),e(267,"0"),n(),e(268,"."),n()(),d(),n()(),t(269,"nz-code-box",44),i(270,"nz-demo-layout-fixed",36),t(271,"div",37),p(),t(272,"p"),e(273,"Fixed Header is generally used to fix the top navigation to facilitate page switching."),n(),d(),n()(),t(274,"nz-code-box",45),i(275,"nz-demo-layout-fixed-sider",36),t(276,"div",37),p(),t(277,"p"),e(278,"When dealing with long content, a fixed sider can provide a better user experience."),n(),d(),n()()()(),t(279,"section",46),p(),t(280,"h2",47)(281,"span"),e(282,"API"),n(),t(283,"a",48),e(284,"#"),n()(),t(285,"pre",49)(286,"code")(287,"span",50)(288,"span",50)(289,"span",19),e(290,"<"),n(),e(291,"nz-layout"),n(),t(292,"span",19),e(293,">"),n()(),e(294,`
`),t(295,"span",50)(296,"span",50)(297,"span",19),e(298,"<"),n(),e(299,"nz-header"),n(),t(300,"span",19),e(301,">"),n()(),e(302,"header"),t(303,"span",50)(304,"span",50)(305,"span",19),e(306,"</"),n(),e(307,"nz-header"),n(),t(308,"span",19),e(309,">"),n()(),e(310,`
`),t(311,"span",50)(312,"span",50)(313,"span",19),e(314,"<"),n(),e(315,"nz-layout"),n(),t(316,"span",19),e(317,">"),n()(),e(318,`
`),t(319,"span",50)(320,"span",50)(321,"span",19),e(322,"<"),n(),e(323,"nz-sider"),n(),t(324,"span",19),e(325,">"),n()(),e(326,"left sidebar"),t(327,"span",50)(328,"span",50)(329,"span",19),e(330,"</"),n(),e(331,"nz-sider"),n(),t(332,"span",19),e(333,">"),n()(),e(334,`
`),t(335,"span",50)(336,"span",50)(337,"span",19),e(338,"<"),n(),e(339,"nz-content"),n(),t(340,"span",19),e(341,">"),n()(),e(342,"main content"),t(343,"span",50)(344,"span",50)(345,"span",19),e(346,"</"),n(),e(347,"nz-content"),n(),t(348,"span",19),e(349,">"),n()(),e(350,`
`),t(351,"span",50)(352,"span",50)(353,"span",19),e(354,"<"),n(),e(355,"nz-sider"),n(),t(356,"span",19),e(357,">"),n()(),e(358,"right sidebar"),t(359,"span",50)(360,"span",50)(361,"span",19),e(362,"</"),n(),e(363,"nz-sider"),n(),t(364,"span",19),e(365,">"),n()(),e(366,`
`),t(367,"span",50)(368,"span",50)(369,"span",19),e(370,"</"),n(),e(371,"nz-layout"),n(),t(372,"span",19),e(373,">"),n()(),e(374,`
`),t(375,"span",50)(376,"span",50)(377,"span",19),e(378,"<"),n(),e(379,"nz-footer"),n(),t(380,"span",19),e(381,">"),n()(),e(382,"footer"),t(383,"span",50)(384,"span",50)(385,"span",19),e(386,"</"),n(),e(387,"nz-footer"),n(),t(388,"span",19),e(389,">"),n()(),e(390,`
`),t(391,"span",50)(392,"span",50)(393,"span",19),e(394,"</"),n(),e(395,"nz-layout"),n(),t(396,"span",19),e(397,">"),n()()()(),t(398,"h3",51)(399,"span"),e(400,"nz-sider"),n(),t(401,"label",52),e(402,"component"),n(),t(403,"a",53),e(404,"#"),n()(),t(405,"p"),e(406,"The sidebar."),n(),t(407,"table")(408,"thead")(409,"tr")(410,"th"),e(411,"Property"),n(),t(412,"th"),e(413,"Description"),n(),t(414,"th"),e(415,"Type"),n(),t(416,"th"),e(417,"Default"),n()()(),t(418,"tbody")(419,"tr")(420,"td")(421,"code"),e(422,"[nzBreakpoint]"),n()(),t(423,"td"),e(424,"breakpoints of the responsive layout"),n(),t(425,"td")(426,"code"),e(427,"'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"),n()(),t(428,"td"),e(429,"-"),n()(),t(430,"tr")(431,"td")(432,"code"),e(433,"[nzCollapsedWidth]"),n()(),t(434,"td"),e(435,"width of the collapsed sidebar, by setting to "),t(436,"code"),e(437,"0"),n(),e(438," a special "),t(439,"code"),e(440,"trigger"),n(),e(441," will appear"),n(),t(442,"td")(443,"code"),e(444,"number"),n()(),t(445,"td")(446,"code"),e(447,"64"),n()()(),t(448,"tr")(449,"td")(450,"code"),e(451,"[nzCollapsible]"),n()(),t(452,"td"),e(453,"whether can be collapsed"),n(),t(454,"td")(455,"code"),e(456,"boolean"),n()(),t(457,"td")(458,"code"),e(459,"false"),n()()(),t(460,"tr")(461,"td")(462,"code"),e(463,"[nzCollapsed]"),n()(),t(464,"td"),e(465,"the collapsed status can be double binding"),n(),t(466,"td")(467,"code"),e(468,"boolean"),n()(),t(469,"td")(470,"code"),e(471,"false"),n()()(),t(472,"tr")(473,"td")(474,"code"),e(475,"[nzReverseArrow]"),n()(),t(476,"td"),e(477,"reverse direction of arrow, for a sider that expands from the right"),n(),t(478,"td")(479,"code"),e(480,"boolean"),n()(),t(481,"td")(482,"code"),e(483,"false"),n()()(),t(484,"tr")(485,"td")(486,"code"),e(487,"[nzTrigger]"),n()(),t(488,"td"),e(489,"specify the customized "),t(490,"code"),e(491,"trigger"),n(),e(492,", set to "),t(493,"code"),e(494,"null"),n(),e(495," to hide the "),t(496,"code"),e(497,"trigger"),n()(),t(498,"td")(499,"code"),e(500,"string | TemplateRef<void>"),n()(),t(501,"td"),e(502,"-"),n()(),t(503,"tr")(504,"td")(505,"code"),e(506,"[nzZeroTrigger]"),n()(),t(507,"td"),e(508,"specify the customized trigger when "),t(509,"code"),e(510,"nzCollapsedWidth"),n(),e(511," setting to "),t(512,"code"),e(513,"0"),n()(),t(514,"td")(515,"code"),e(516,"TemplateRef<void>"),n()(),t(517,"td"),e(518,"-"),n()(),t(519,"tr")(520,"td")(521,"code"),e(522,"[nzWidth]"),n()(),t(523,"td"),e(524,"width of the sidebar"),n(),t(525,"td")(526,"code"),e(527,"number | string"),n()(),t(528,"td")(529,"code"),e(530,"200"),n()()(),t(531,"tr")(532,"td")(533,"code"),e(534,"[nzTheme]"),n()(),t(535,"td"),e(536,"color theme of the sidebar"),n(),t(537,"td")(538,"code"),e(539,"'light' | 'dark'"),n()(),t(540,"td")(541,"code"),e(542,"dark"),n()()(),t(543,"tr")(544,"td")(545,"code"),e(546,"(nzCollapsedChange)"),n()(),t(547,"td"),e(548,"the callback function"),n(),t(549,"td")(550,"code"),e(551,"EventEmitter<boolean>"),n()(),t(552,"td"),e(553,"-"),n()()()(),t(554,"h4",54)(555,"span"),e(556,"breakpoint width"),n(),t(557,"a",55),e(558,"#"),n()(),t(559,"pre",56)(560,"code")(561,"span",19),e(562,"{"),n(),e(563,`
xs`),t(564,"span",19),e(565,":"),n(),e(566," "),t(567,"span",20),e(568,"'575px'"),n(),t(569,"span",19),e(570,","),n(),e(571,`
sm`),t(572,"span",19),e(573,":"),n(),e(574," "),t(575,"span",20),e(576,"'576px'"),n(),t(577,"span",19),e(578,","),n(),e(579,`
md`),t(580,"span",19),e(581,":"),n(),e(582," "),t(583,"span",20),e(584,"'768px'"),n(),t(585,"span",19),e(586,","),n(),e(587,`
lg`),t(588,"span",19),e(589,":"),n(),e(590," "),t(591,"span",20),e(592,"'992px'"),n(),t(593,"span",19),e(594,","),n(),e(595,`
xl`),t(596,"span",19),e(597,":"),n(),e(598," "),t(599,"span",20),e(600,"'1200px'"),n(),t(601,"span",19),e(602,","),n(),e(603,`
xxl`),t(604,"span",19),e(605,":"),n(),e(606," "),t(607,"span",20),e(608,"'1600px'"),n(),e(609,`
`),t(610,"span",19),e(611,"}"),n()()(),d(),n()()),m&2&&(l(),a("nzOffsetTop",16),l(),a("nzAffix",!1),l(195),a("nzGutter",8),l(),a("nzSpan",24),l(),a("nzId","components-layout-demo-basic")("nzLink","components-layout-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/basic.md"),l(5),a("nzId","components-layout-demo-top")("nzLink","components-layout-demo-top")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top.md"),l(12),a("nzId","components-layout-demo-top-side-2")("nzLink","components-layout-demo-top-side-2")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side-2.md"),l(5),a("nzId","components-layout-demo-top-side")("nzLink","components-layout-demo-top-side")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/top-side.md"),l(5),a("nzId","components-layout-demo-side")("nzLink","components-layout-demo-side")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/side.md"),l(9),a("nzId","components-layout-demo-custom-trigger")("nzLink","components-layout-demo-custom-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/custom-trigger.md"),l(8),a("nzId","components-layout-demo-responsive")("nzLink","components-layout-demo-responsive")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/responsive.md"),l(26),a("nzId","components-layout-demo-fixed")("nzLink","components-layout-demo-fixed")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed.md"),l(5),a("nzId","components-layout-demo-fixed-sider")("nzLink","components-layout-demo-fixed-sider")("nzIframeHeight",360)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/layout/demo/fixed-sider.md"))},dependencies:[U,T,Q,q,W,Z,G,R,y,V,j,Y,J,K,X,$,ee,te],encapsulation:2})}}return o})();var se=[{path:"en",component:le},{path:"zh",component:me}],bt=se;export{bt as default};