基于屏幕尺寸的响应式网格系统和列布局<//title> <style sty-id="sc-docs-root">@charset "UTF-8";html.ios{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html{--ion-font-family:var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card .ion-page>ion-header>ion-toolbar:first-of-type{padding-top:0px}html.ios ion-modal .ion-page{border-radius:inherit}.ion-color-primary{--ion-color-base:var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast:var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint:var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast:var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint:var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast:var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint:var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base:var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb:var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast:var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint:var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base:var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast:var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint:var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base:var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast:var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint:var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base:var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb:var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast:var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade:var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint:var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base:var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb:var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast:var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-medium-shade, #808289) !important;--ion-color-tint:var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base:var(--ion-color-dark, #222428) !important;--ion-color-base-rgb:var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast:var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade:var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint:var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;contain:layout size style;overflow:hidden;z-index:0}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden,[hidden]{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top: 20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top: constant(safe-area-inset-top)){html{--ion-safe-area-top:constant(safe-area-inset-top);--ion-safe-area-bottom:constant(safe-area-inset-bottom);--ion-safe-area-left:constant(safe-area-inset-left);--ion-safe-area-right:constant(safe-area-inset-right)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.menu-content-open{cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;pointer-events:none}.ios .menu-content-reveal{-webkit-box-shadow:-8px 0 42px rgba(0, 0, 0, 0.08);box-shadow:-8px 0 42px rgba(0, 0, 0, 0.08)}[dir=rtl].ios .menu-content-reveal{-webkit-box-shadow:8px 0 42px rgba(0, 0, 0, 0.08);box-shadow:8px 0 42px rgba(0, 0, 0, 0.08)}.md .menu-content-reveal{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}.md .menu-content-push{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}.ion-no-padding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.ion-padding{--padding-start:var(--ion-padding, 16px);--padding-end:var(--ion-padding, 16px);--padding-top:var(--ion-padding, 16px);--padding-bottom:var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}.ion-padding-top{--padding-top:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start:var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding-start{padding-left:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}}.ion-padding-end{--padding-end:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding-end{padding-right:unset;-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}.ion-padding-bottom{--padding-bottom:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top:var(--ion-padding, 16px);--padding-bottom:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start:var(--ion-padding, 16px);--padding-end:var(--ion-padding, 16px);padding-left:var(--ion-padding, 16px);padding-right:var(--ion-padding, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-padding-horizontal{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}}.ion-no-margin{--margin-start:0;--margin-end:0;--margin-top:0;--margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.ion-margin{--margin-start:var(--ion-margin, 16px);--margin-end:var(--ion-margin, 16px);--margin-top:var(--ion-margin, 16px);--margin-bottom:var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}.ion-margin-top{--margin-top:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start:var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin-start{margin-left:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}}.ion-margin-end{--margin-end:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin-end{margin-right:unset;-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}.ion-margin-bottom{--margin-bottom:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top:var(--ion-margin, 16px);--margin-bottom:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start:var(--ion-margin, 16px);--margin-end:var(--ion-margin, 16px);margin-left:var(--ion-margin, 16px);margin-right:var(--ion-margin, 16px)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.ion-margin-horizontal{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}}.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}[dir=rtl] .ion-float-start,:host-context([dir=rtl]) .ion-float-start{float:right !important}.ion-float-end{float:right !important}[dir=rtl] .ion-float-end,:host-context([dir=rtl]) .ion-float-end{float:left !important}@media (min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}[dir=rtl] .ion-float-sm-start,:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}.ion-float-sm-end{float:right !important}[dir=rtl] .ion-float-sm-end,:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}}@media (min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}[dir=rtl] .ion-float-md-start,:host-context([dir=rtl]) .ion-float-md-start{float:right !important}.ion-float-md-end{float:right !important}[dir=rtl] .ion-float-md-end,:host-context([dir=rtl]) .ion-float-md-end{float:left !important}}@media (min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}[dir=rtl] .ion-float-lg-start,:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}.ion-float-lg-end{float:right !important}[dir=rtl] .ion-float-lg-end,:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}}@media (min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}[dir=rtl] .ion-float-xl-start,:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}.ion-float-xl-end{float:right !important}[dir=rtl] .ion-float-xl-end,:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}}.ion-text-center{text-align:center !important}.ion-text-justify{text-align:justify !important}.ion-text-start{text-align:start !important}.ion-text-end{text-align:end !important}.ion-text-left{text-align:left !important}.ion-text-right{text-align:right !important}.ion-text-nowrap{white-space:nowrap !important}.ion-text-wrap{white-space:normal !important}@media (min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}@media (min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}.ion-align-self-start{-ms-flex-item-align:start !important;align-self:flex-start !important}.ion-align-self-end{-ms-flex-item-align:end !important;align-self:flex-end !important}.ion-align-self-center{-ms-flex-item-align:center !important;align-self:center !important}.ion-align-self-stretch{-ms-flex-item-align:stretch !important;align-self:stretch !important}.ion-align-self-baseline{-ms-flex-item-align:baseline !important;align-self:baseline !important}.ion-align-self-auto{-ms-flex-item-align:auto !important;align-self:auto !important}.ion-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.ion-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.ion-wrap-reverse{-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.ion-justify-content-start{-ms-flex-pack:start !important;justify-content:flex-start !important}.ion-justify-content-center{-ms-flex-pack:center !important;justify-content:center !important}.ion-justify-content-end{-ms-flex-pack:end !important;justify-content:flex-end !important}.ion-justify-content-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.ion-justify-content-between{-ms-flex-pack:justify !important;justify-content:space-between !important}.ion-justify-content-evenly{-ms-flex-pack:space-evenly !important;justify-content:space-evenly !important}.ion-align-items-start{-ms-flex-align:start !important;align-items:flex-start !important}.ion-align-items-center{-ms-flex-align:center !important;align-items:center !important}.ion-align-items-end{-ms-flex-align:end !important;align-items:flex-end !important}.ion-align-items-stretch{-ms-flex-align:stretch !important;align-items:stretch !important}.ion-align-items-baseline{-ms-flex-align:baseline !important;align-items:baseline !important}:root{--accent-color:#3880ff;--accent-color-rgb:56, 128, 255;--accent-color-100:#4d8dff;--accent-color-200:#639cff;--accent-color-300:#4d8dff;--accent-color-400:#7cabff;--accent-color-500:#97bdff;--accent-color-600:#b2ceff;--accent-color-700:#cddfff;--accent-color-800:#e3edff;--accent-color-900:#f0f6ff;--background:#ffffff;--code-background:#f5f7fa;--code-color:var(--text-color--dark);--code-font-family:"SFMono-Regular", "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI emoji";--header-height:56px;--heading-font-family:var(--font-family);--line-rule-color:#edf2f6;--menu-width:240px;--offset-background:#fdfdff;--offset-background--dark:#f7f7ff;--page-margin-left:var(--menu-width);--text-color:#303943;--text-color--darker:#24282e;--text-color--dark:#020814;--text-color--lighter:#abb2bf;--text-color--light:#73849a}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:var(--background);color:var(--text-color);font-family:var(--font-family);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}ion-grid{margin:1em 0}figure{margin:0}figure>*{display:block;margin:0 auto}figure.device{max-width:400px;margin:0 auto}figcaption{text-align:center}img{display:block;max-width:100%}a{color:var(--accent-color);font-weight:400;text-decoration:none}a.outbound svg{fill:currentColor;height:1em;width:1em;margin-bottom:-0.15em}.intro{color:var(--text-color--light);font-size:1.2em;margin-bottom:1.2em;max-width:40em}.intro code{font-size:15px;font-weight:500}.intro strong{font-weight:500;color:var(--text-color)}ol,ul{padding-left:2em}h1,h2,h3,h4,h5,h6{color:var(--text-color--dark);font-family:var(--heading-font-family);letter-spacing:0;line-height:1.1;padding-top:2em}h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:700}h1{font-size:3.5rem;padding-top:0}@media (max-width: 768px){h1{font-size:3rem}}h2{font-size:1.825rem;margin-bottom:0.2em}h3{font-size:1.375rem;margin-bottom:0.2em}h4{font-size:1.15rem}h5,h6{font-size:1rem}h2+h3,h3+h4{margin-top:-1em}h2+p>small,h3+p>small,h4+p>small{display:block;margin-top:-2em}blockquote{background:rgba(255, 250, 237, 0.8);border-left:4px solid #ffcc5f;border-radius:2px 4px 4px 2px;color:#736545;font-size:14px;line-height:1.8;margin:1em 0;padding:2em}blockquote a{border-bottom:dotted 1px currentColor;color:#e09f16}blockquote>*:first-child{margin-top:0;padding-top:0}blockquote>*:last-child{margin-bottom:0;padding-bottom:0}blockquote code{background:#f7f1e6;color:#381600;font-weight:500}mark{background-color:#ffd780;color:var(--text-color--dark)}hr{border-color:var(--line-rule-color);border-style:solid;border-width:1px 0 0 0;margin:3rem 0}code,kbd{background-color:var(--code-background);border-radius:4px;color:var(--code-color);font-family:var(--code-font-family);font-size:15px;font-weight:500;letter-spacing:0;padding:4px 6px;white-space:pre-wrap}pre{background-color:var(--code-background);border-radius:4px;line-height:1.2;margin:2rem 0;overflow:auto;padding:2em}pre code{background-color:transparent;color:inherit;font-size:13px;padding:0;white-space:inherit}kbd{border:1px solid #ccc;white-space:nowrap;margin:0 1px}table{border-width:1px 0 0 1px;font-size:13px;margin:2em 0;overflow-x:auto;width:100%}table,td,th{border-collapse:collapse;border-color:var(--line-rule-color);border-style:solid}td,th{border-width:0 1px 1px 0;line-height:1.5;padding:1em;text-align:left}tbody tr:nth-child(odd){background-color:var(--offset-background)}iframe{background-color:rgba(0, 0, 0, 0.02);-webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 20px rgba(0, 0, 0, 0.1)}:root{--ion-color-primary:#3880ff;--ion-color-primary-rgb:56, 128, 255;--ion-color-primary-contrast:#ffffff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#3171e0;--ion-color-primary-tint:#4c8dff;--ion-color-secondary:#3dc2ff;--ion-color-secondary-rgb:61, 194, 255;--ion-color-secondary-contrast:#ffffff;--ion-color-secondary-contrast-rgb:255, 255, 255;--ion-color-secondary-shade:#36abe0;--ion-color-secondary-tint:#50c8ff;--ion-color-tertiary:#5260ff;--ion-color-tertiary-rgb:82, 96, 255;--ion-color-tertiary-contrast:#ffffff;--ion-color-tertiary-contrast-rgb:255, 255, 255;--ion-color-tertiary-shade:#4854e0;--ion-color-tertiary-tint:#6370ff;--ion-color-success:#2dd36f;--ion-color-success-rgb:45, 211, 111;--ion-color-success-contrast:#ffffff;--ion-color-success-contrast-rgb:255, 255, 255;--ion-color-success-shade:#28ba62;--ion-color-success-tint:#42d77d;--ion-color-warning:#ffc409;--ion-color-warning-rgb:255, 196, 9;--ion-color-warning-contrast:#000000;--ion-color-warning-contrast-rgb:0, 0, 0;--ion-color-warning-shade:#e0ac08;--ion-color-warning-tint:#ffca22;--ion-color-danger:#eb445a;--ion-color-danger-rgb:235, 68, 90;--ion-color-danger-contrast:#ffffff;--ion-color-danger-contrast-rgb:255, 255, 255;--ion-color-danger-shade:#cf3c4f;--ion-color-danger-tint:#ed576b;--ion-color-dark:#222428;--ion-color-dark-rgb:34, 36, 40;--ion-color-dark-contrast:#ffffff;--ion-color-dark-contrast-rgb:255, 255, 255;--ion-color-dark-shade:#1e2023;--ion-color-dark-tint:#383a3e;--ion-color-medium:#92949c;--ion-color-medium-rgb:146, 148, 156;--ion-color-medium-contrast:#ffffff;--ion-color-medium-contrast-rgb:255, 255, 255;--ion-color-medium-shade:#808289;--ion-color-medium-tint:#9d9fa6;--ion-color-light:#f4f5f8;--ion-color-light-rgb:244, 245, 248;--ion-color-light-contrast:#000000;--ion-color-light-contrast-rgb:0, 0, 0;--ion-color-light-shade:#d7d8da;--ion-color-light-tint:#f5f6f9}.page-components{--page-width:1040px}.page-components docs-cards{font-size:14px;margin-top:5rem}.page-index docs-cards{margin-top:48px;font-size:14px;grid-template-columns:repeat(auto-fit, minmax(240px, 45%))}.page-index docs-card .Card-icon{background:#f6f8fb;-o-object-fit:none;object-fit:none}.page-index docs-card .Card-icon-hover{background:#e7f4ff}.page-building-migration figure,.page-building-migration figure file-tree{height:100%}.page-appflow{--page-width:1000px}.page-appflow docs-cards>docs-card:nth-child(1){font-size:1.25em}.page-appflow-cookbook-intro,.page-appflow-deploy-intro,.page-appflow-package-intro,.page-appflow-automation-intro,.page-appflow-quickstart{--page-width:800px}.page-appflow-quickstart-connect img{max-height:400px}.page-appflow-quickstart-native-config img,.page-appflow-quickstart-ionic-remote img,.page-appflow-quickstart-package img,.page-appflow-quickstart-automation img,.page-appflow-quickstart-environment img{max-height:500px}.page-intro-browser-support tbody{font-size:18px}.page-native,.page-enterprise{--page-width:1000px}.page-native h1,.page-enterprise h1{margin-bottom:-10px}.page-native docs-cards,.page-enterprise docs-cards{margin-top:40px;font-size:14px;letter-spacing:-0.01em;color:#5B708B}.page-native blockquote,.page-enterprise blockquote{margin-top:40px;padding:1em}[class^=page-native] .Card[href] docs-button button,[class*=" page-native"] .Card[href] docs-button button,[class^=page-enterprise] .Card[href] docs-button button,[class*=" page-enterprise"] .Card[href] docs-button button{cursor:pointer}[class^=page-native] ion-icon[aria-label=alert],[class*=" page-native"] ion-icon[aria-label=alert],[class^=page-enterprise] ion-icon[aria-label=alert],[class*=" page-enterprise"] ion-icon[aria-label=alert]{color:var(--ion-color-danger)}.native-ee-detail{float:right;cursor:pointer}.cordova-ee-img{width:50px;float:left;margin-right:20px}.cordova-ee-card{max-width:100%}.native-ee-pricing svg{width:1em;height:1em;color:#00d287;fill:#00d287}.native-ee-pricing .table-wrap{overflow-x:auto;max-width:100%}.native-ee-pricing-table{font-size:18px;color:#020814;font-weight:700;margin:0;letter-spacing:-0.01em}.native-ee-pricing table,.native-ee-pricing .table{margin-bottom:0;border-style:none}.native-ee-pricing thead tr td:first-child,.native-ee-pricing thead tr th:first-child,.native-ee-pricing tbody tr td:first-child,.native-ee-pricing tbody tr th:first-child{padding-left:36px}.native-ee-pricing thead tr td:last-child,.native-ee-pricing thead tr th:last-child,.native-ee-pricing tbody tr td:last-child,.native-ee-pricing tbody tr th:last-child{padding-right:36px}.native-ee-pricing thead th,.native-ee-pricing tbody td{width:30%}.native-ee-pricing thead th,.native-ee-pricing thead td{background:#fff;border-bottom:1px solid rgba(232, 235, 241, 0.6);padding-bottom:20px;vertical-align:bottom;border:0}.native-ee-pricing thead th{text-align:center}.native-ee-pricing thead th h2{padding-top:0;margin-bottom:0}.native-ee-pricing thead .eyebrow{font-size:10px;color:#94a0b7;text-transform:uppercase;letter-spacing:0.05em;font-weight:700;margin-bottom:4px;display:inline-block}.native-ee-pricing thead h2{font-size:18px;font-weight:700;margin:0;letter-spacing:-0.01em;color:#020814}.native-ee-pricing thead .price{font-weight:600;font-size:14px;line-height:20px;color:#5B708B}.native-ee-pricing thead .price strong{font-size:16px;font-weight:600}.native-ee-pricing thead .btn{margin-top:8px}.native-ee-pricing thead .btn--primary{background:#3880FF;color:#fff}.native-ee-pricing thead .btn--primary:hover{background:#478aff}.native-ee-pricing thead .btn--dark{background:#213049;color:#CDDFFF;border:0}.native-ee-pricing thead .btn--dark:hover{background:#31476c}.native-ee-pricing thead .plan-wrap{display:inline-block;text-align:center;border:0}.native-ee-pricing tbody th,.native-ee-pricing tbody td{padding-top:14px;padding-bottom:14px;padding-left:16px;padding-right:16px}.native-ee-pricing tbody .pill{margin-top:-2px;margin-left:2px;background:none}.native-ee-pricing tbody .pill--blue{margin-left:8px}.native-ee-pricing tbody tr.combined th,.native-ee-pricing tbody tr.combined td{padding-top:45px;padding-bottom:22px}.native-ee-pricing tbody tr.combined th{font-size:16px;line-height:22px;font-weight:700;color:#333}.native-ee-pricing tbody th{font-weight:400;vertical-align:middle;border:0}.native-ee-pricing tbody th[colspan="4"] span{display:inline-block;font-size:16px;line-height:22px;font-weight:600;color:#020814;border-top:none;padding-top:30px;padding-bottom:8px}.native-ee-pricing tbody th:not([colspan="4"]){color:#4E5B6A}.native-ee-pricing tbody th strong{font-size:14px;font-weight:600;display:block;color:#565c67}.native-ee-pricing tbody th strong b{font-weight:600;color:#171a20}.native-ee-pricing tbody th strong b a{-webkit-transition:border 0.3s;transition:border 0.3s;display:inline-block;color:#171a20;border-bottom:1px solid rgba(23, 26, 32, 0.2);line-height:1}.native-ee-pricing tbody th strong b a:hover{border-bottom:1px solid rgba(23, 26, 32, 0.7)}.native-ee-pricing tbody th a{display:block;font-weight:600}.native-ee-pricing tbody th span{font-size:12px;font-weight:500;color:#999}.native-ee-pricing tbody td,.native-ee-pricing tbody th{background:#fff}.native-ee-pricing tbody .stripe td,.native-ee-pricing tbody .stripe th{background:#f8f9fb}.native-ee-pricing tbody .small td,.native-ee-pricing tbody .small th{border-bottom:1px solid #E9EDF3;padding-top:6px;padding-bottom:6px}.native-ee-pricing tbody .small th:first-child{color:#73849A;position:relative}.native-ee-pricing tbody .small .check:before{font-size:12px}.native-ee-pricing tbody td{vertical-align:middle;text-align:center;font-weight:400;border:0;font-size:13px;color:#4E5B6A}.native-ee-pricing tbody .dash:before{content:"—";color:#c3ccdb}.native-ee-pricing tbody .check:before{font-family:"Ionicons";content:"";color:#00d287;font-size:16px;line-height:1em}.native-ee-pricing tbody tr:last-child td{padding-top:24px}.native-ee-pricing tbody .btn{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background:#3880ff;color:#FFF;font-size:14px;font-weight:700;border-radius:6px;padding:12px 18px 14px;width:100%;white-space:nowrap;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12);box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12)}.native-ee-pricing tbody .btn:hover{-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08);box-shadow:0 7px 14px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08);background:#4d8dfd;color:#fff;outline:0}.native-ee-pricing tbody .btn.sm{font-size:12px;letter-spacing:0.1em}.native-ee-pricing tbody .btn.dark{background-color:#213049;color:#CDDFFF}.native-ee-pricing tbody .btn.dark:hover{background-color:#293c5b}.native-ee-pricing .btn-secondary{background-color:#e1efff;color:#3880ff;-webkit-box-shadow:none;box-shadow:none}.native-ee-pricing .btn-secondary:hover{background-color:#eaf3fd}.native-ee-pricing .btn-secondary:active,.native-ee-pricing .btn-secondary:active:focus,.native-ee-pricing .btn-secondary:active:hover{background-color:#d8eafe}.native-ee-pricing .pinned table{padding-top:140px;display:block}.native-ee-pricing .pinned thead{position:fixed;top:0;left:0;width:100%;z-index:1000}.native-ee-pricing .pinned thead tr{display:-ms-flexbox;display:flex;width:100%;max-width:1110px;margin:0 auto;padding:0 15px;position:relative}.native-ee-pricing .pinned thead td{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}.native-ee-pricing .pinned tbody{display:block}.native-ee-pricing .pinned tbody tr{display:-ms-flexbox;display:flex;width:100%}.native-ee-pricing .pinned tbody th{-ms-flex:1 0 auto;flex:1 0 auto}.native-ee-pricing .pinned-at-point thead{position:absolute}.native-ee-pricing .pinned-at-point thead tr{padding:0}.native-solutions-img{width:48px;height:48px;border-radius:50%;margin-bottom:10px}.page-reference-release-notes .intro{margin-bottom:2.2em}.page-reference-release-notes .release-note{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:top;align-items:top;padding-bottom:80px}.page-reference-release-notes h2 a[href^="#"]:hover:before,.page-reference-release-notes h3 a[href^="#"]:hover:before,.page-reference-release-notes h4 a[href^="#"]:hover:before,.page-reference-release-notes h5 a[href^="#"]:hover:before,.page-reference-release-notes h6 a[href^="#"]:hover:before{opacity:0}.page-reference-release-notes h2{margin:0;font-size:32px}.page-reference-release-notes h3{margin-top:32px;margin-bottom:0;font-size:20px}.page-reference-release-notes h2,.page-reference-release-notes h3{padding-top:0}.page-reference-release-notes ul{margin-top:0.8em}.page-reference-release-notes ul li{line-height:1.5;margin-bottom:8px}.page-reference-release-notes .release-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-reference-release-notes .release-header h2{font-family:var(--font-family);margin-right:8px}.page-reference-release-notes .release-header .release-version{font-weight:500}.page-reference-release-notes .release-published h3{font-family:var(--font-family);font-weight:300;margin-top:4px;color:#4E5B6A}.page-reference-release-notes .release-badge{margin-right:8px;margin-top:5px;margin-bottom:4px;text-transform:uppercase;background:transparent;color:#b2becd;border:1px solid #b2becd;border-radius:14px;height:24px;padding:2px 8px;font-weight:600;font-size:10px;line-height:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;letter-spacing:0.08em}.page-reference-release-notes .release-note-major .release-badge{background:var(--text-color--dark);border-color:var(--text-color--dark);color:white}.page-reference-release-notes .release-note-minor .release-badge{background:#b2becd;border-color:#b2becd;color:white}.page-reference-release-notes .release-badge.release-badge-latest{background:transparent;color:#43c465;border-color:#43c465}.page-reference-release-notes .release-tag-wrapper h2{font-size:15px;margin-right:30px}.page-reference-release-notes .release-note-patch .release-tag-wrapper:after{content:"";background-image:-webkit-gradient(linear, left top, left bottom, from(#ebf0f6), to(#ebf0f6));background-image:linear-gradient(to bottom, #ebf0f6, #ebf0f6);width:2px;position:absolute;top:0;bottom:0;left:calc((65px / 2) - 1px);z-index:-1}.page-reference-release-notes .release-tag{line-height:200%;color:var(--accent-color-200);padding:6px 12px;display:inline-block;text-align:center;font-weight:600;border-radius:16px;width:64px;height:64px;background:var(--background);color:var(--accent-color-200);border:2px solid var(--accent-color-200);line-height:normal}.page-reference-release-notes .release-tag:hover{background:var(--accent-color-800)}.page-reference-release-notes .release-note-major .release-tag,.page-reference-release-notes .release-note-minor .release-tag{background:var(--accent-color-200);color:#fff}.page-reference-release-notes .release-note-major:hover .release-tag,.page-reference-release-notes .release-note-minor:hover .release-tag{background:var(--accent-color-100)}.page-reference-release-notes .release-tag .release-symbol{font-family:var(--font-family);font-weight:300;display:block;font-size:24px;margin-top:3px;margin-bottom:-7px}.page-reference-release-notes .release-tag .release-version{font-family:var(--code-font-family);font-size:10px;letter-spacing:-0.08em}.page-reference-release-notes blockquote{margin-left:0;background:rgba(var(--accent-color-rgb), 0.05);border-color:var(--accent-color)}.page-reference-release-notes a{color:var(--accent-color)}.page-studio docs-cards>docs-card:nth-child(1){font-size:1.25em}.page-react,.page-angular{--page-width:900px}.page-react command-line,.page-angular command-line{max-width:720px;margin:50px auto}.page-react strong,.page-angular strong{color:#44b4ff}.page-react .pull-left h3,.page-angular .pull-left h3{font-size:4rem;padding-top:0}.page-react .flex,.page-angular .flex{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding:50px 0px}.page-react .main-flex h1,.page-angular .main-flex h1{margin-botton:0px}.page-react .main-flex ul,.page-angular .main-flex ul{padding-left:0;list-style:none;line-height:1}.page-react .main-flex .pull-right img,.page-angular .main-flex .pull-right img{width:150px}.page-react .pull-right img,.page-angular .pull-right img{display:block;max-width:250px;width:100%;margin:auto}@media (min-width: 1058px){.page-react .flex,.page-angular .flex{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:75px 0}.page-react .flex.reverse,.page-angular .flex.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.page-react .pull-left,.page-angular .pull-left{width:450px}.page-react .pull-right,.page-angular .pull-right{-ms-flex:1;flex:1;text-align:center}.page-react .pull-right img,.page-angular .pull-right img{display:initial;max-width:250px}.page-react .main-flex .pull-right img,.page-angular .main-flex .pull-right img{max-width:375px;width:100%}.page-react h2,.page-angular h2{margin-top:0;padding-top:0}}.page-react .cli,.page-angular .cli{width:150px !important}.Layout{display:-ms-flexbox;display:flex;overflow-x:hidden}.Layout>stencil-route{width:100%}.Layout.is-menu-toggled{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-margin-left:0}@media (max-width: 768px){.Layout{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-padding:1.5rem;--page-margin-left:0}.Layout.is-menu-toggled{--menu-transform:none;--page-transform:translateX(var(--menu-width))}.Layout.is-menu-toggled docs-page>*{opacity:0.2;pointer-events:none}body.scroll-lock{overflow-y:hidden}}</style> <style sty-id="sc-stencil-route">stencil-route.inactive{display:none}</style> <style sty-id="sc-docs-header">docs-header{background-color:var(--background);-webkit-box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);color:var(--text-color--light);display:block;font-size:14px;font-weight:500;line-height:1;position:fixed;top:0;left:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 200ms ease;transition:-webkit-transform 200ms ease;transition:transform 200ms ease;transition:transform 200ms ease, -webkit-transform 200ms ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;white-space:nowrap;z-index:2}@media (min-width: 768px){.Layout:not(.is-menu-toggled) docs-header.hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@media (max-width: 768px){.Layout.is-menu-toggled docs-header.hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}docs-header header{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:var(--header-height);padding:0 1.4rem 0 0.8rem}docs-header a{color:inherit;font-weight:500;padding:10px 0}docs-header ion-icon{font-size:16px;color:#B2BECD}docs-header .link-active{color:var(--text-color--dark)}@media (hover: hover){docs-header a:not(.link-active):hover{color:var(--text-color)}}docs-header docs-menu-toggle{-ms-flex:none;flex:none;margin-right:0.75em}.HeaderLogo{color:var(--text-color--dark);font-family:var(--heading-font-family);height:25px;margin-right:0.125em}.SectionNav stencil-route{display:-ms-flexbox;display:flex}.SectionNav .Dropdown{-ms-flex-item-align:center;align-self:center;color:var(--text-color);margin-right:0.75em}.SectionNav .Dropdown-button{border:solid 1px #DEE3EA;border-radius:6px;color:var(--text-color--dark);padding:10px;-webkit-transition:border-color 100ms ease;transition:border-color 100ms ease}.SectionNav .Dropdown.is-open .Dropdown-button{border-color:var(--line-rule-color)}.SectionNav .Dropdown-panel{min-width:180px}.SectionNav .Dropdown-panel a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.SectionNav .Dropdown-panel svg{height:1em;width:1em}.SectionNav .Dropdown-panel .Nav-link{margin-left:0;margin-right:0}.SectionNav-tabs>*{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;height:var(--header-height);margin-right:1em;position:relative}.SectionNav-tabs .link-active:after{background-color:currentColor;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;width:100%}.jobs{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background:-webkit-gradient(linear, left top, right top, color-stop(1.23%, #62BDFF), color-stop(99.18%, #7489FF));background:linear-gradient(90deg, #62BDFF 1.23%, #7489FF 99.18%);border-radius:100px;padding:5px 8px}.jobs-wrapper{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}@media (max-width: 1260px){.jobs-wrapper{display:none}}.jobs{font-size:.75rem}.jobs .start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#F3FAFF;font-weight:400;-webkit-margin-end:8px;margin-inline-end:8px}.jobs .start svg{-webkit-margin-end:4px;margin-inline-end:4px}.jobs .end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#FFFFFF;font-weight:600}.jobs .end svg{-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out, -webkit-transform .1s ease-out}.jobs:hover .end svg{-webkit-transform:translateX(1px);transform:translateX(1px)}.UtilNav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px;margin-left:auto}.UtilNav>*{margin-left:1em}.UtilNav .Dropdown.is-open{color:var(--text-color)}.UtilNav .Dropdown-button{padding:10px 0}@media (hover: hover){.UtilNav .Dropdown-button:hover{color:var(--text-color)}}.UtilNav .Dropdown-panel{font-size:14px}</style> <style sty-id="sc-docs-menu">docs-menu{background-color:var(--background);border-right:solid 1px var(--line-rule-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100vh;left:0;position:fixed;top:0;-webkit-transition:-webkit-transform 200ms cubic-bezier(0.2, 1, 0.2, 1);transition:-webkit-transform 200ms cubic-bezier(0.2, 1, 0.2, 1);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.2, 1, 0.2, 1);-webkit-transform:var(--menu-transform, none);transform:var(--menu-transform, none);width:var(--menu-width);z-index:1}docs-menu>header{-ms-flex-align:center;align-items:center;border-bottom:solid 1px var(--line-rule-color);display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;height:var(--header-height);padding:0 1.4rem 0 0.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}docs-menu docs-menu-toggle{margin-right:0.75em}docs-menu .MenuLogo{color:var(--text-color--dark);font-family:var(--heading-font-family);height:25px}docs-menu>.Menu{overflow-y:auto;-webkit-overflow-scrolling:touch}docs-menu nav{padding:2rem 1.5rem}.MenuControls{border-bottom:solid 1px var(--line-rule-color);-webkit-box-shadow:0 5px 10px -10px rgba(0, 0, 0, 0.1);box-shadow:0 5px 10px -10px rgba(0, 0, 0, 0.1);font-size:13px;padding:1em}.FrameworkSelect,.FrameworkSelect .Dropdown,.FrameworkSelect .Dropdown-button{width:100%}.FrameworkSelect-framework{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.FrameworkSelect-icon{height:14px;width:14px;margin-right:0.5em}.FrameworkSelect .Select-option{padding-left:0.75em}</style> <style sty-id="sc-docs-menu-toggle">docs-menu-toggle{background-color:rgba(0, 0, 0, var(--bg-alpha, 0));border-radius:50%;color:var(--text-color--light);cursor:pointer;height:40px;padding:8px;width:40px}@media (hover: hover){docs-menu-toggle:focus,docs-menu-toggle:hover{--bg-alpha:0.03;outline:none}docs-menu-toggle:active{--bg-alpha:0.06}}docs-menu-toggle svg{fill:currentColor}</style> <style sty-id="sc-header-mobile-collapse">header-mobile-collapse,header-mobile-collapse .header-mobile-collapse__content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}header-mobile-collapse .ionic-sub-header__mobile-toggle{display:none;padding-top:14px;pointer-events:none;padding-left:8px}header-mobile-collapse .ionic-sub-header__mobile-toggle svg{height:20px;width:20px}header-mobile-collapse .UtilNav{margin-left:auto}header-mobile-collapse>ionic-search{padding-right:8px;padding-top:4px;display:none}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:none}@media (max-width: 800px){header-mobile-collapse .ionic-sub-header__mobile-toggle{display:block;cursor:pointer;padding-top:14px;pointer-events:all;-webkit-transition:.2s transform ease .1s;transition:.2s transform ease .1s;-webkit-transform-origin:66% 50%;transform-origin:66% 50%}header-mobile-collapse .header-mobile-collapse__backdrop{position:fixed;top:100%;height:100vh;left:0;right:0;background:rgba(0,0,0,.1);cursor:pointer;opacity:0;pointer-events:none;-webkit-transition:.4s opacity;transition:.4s opacity}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__backdrop{opacity:1;pointer-events:all}header-mobile-collapse>ionic-search{display:block}header-mobile-collapse .header-mobile-collapse__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;position:fixed;width:100vw;left:0;background:white;-webkit-box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);top:56px;padding:16px 16px 8px;max-height:calc(100vh - 64px);overflow:auto;pointer-events:none;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:opacity .2s linear, -webkit-transform .2s cubic-bezier(.36,.66,.04,1);transition:opacity .2s linear, -webkit-transform .2s cubic-bezier(.36,.66,.04,1);transition:transform .2s cubic-bezier(.36,.66,.04,1), opacity .2s linear;transition:transform .2s cubic-bezier(.36,.66,.04,1), opacity .2s linear, -webkit-transform .2s cubic-bezier(.36,.66,.04,1)}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__content{opacity:1;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .1s linear, -webkit-transform .25s cubic-bezier(.17,.67,.52,1);transition:opacity .1s linear, -webkit-transform .25s cubic-bezier(.17,.67,.52,1);transition:transform .25s cubic-bezier(.17,.67,.52,1), opacity .1s linear;transition:transform .25s cubic-bezier(.17,.67,.52,1), opacity .1s linear, -webkit-transform .25s cubic-bezier(.17,.67,.52,1)}header-mobile-collapse .docs-dropdown,header-mobile-collapse .SectionNav .Dropdown{-ms-flex-item-align:stretch;align-self:stretch}header-mobile-collapse .Dropdown .Dropdown-button,header-mobile-collapse .UtilNav .sm-only{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;color:#5B708B;font-size:20px;line-height:24px;letter-spacing:-0.03em;padding:13px 0 14px}header-mobile-collapse .Dropdown--left .Dropdown-button{padding-left:16px;padding-right:14px;margin-bottom:10px;padding-top:10px;height:44px;-webkit-box-shadow:0px 1px 2px rgba(2, 8, 20, 0.04);box-shadow:0px 1px 2px rgba(2, 8, 20, 0.04)}header-mobile-collapse .Dropdown .Dropdown-button .Dropdown-arrow{height:26px;width:20px;margin-right:-4px}header-mobile-collapse .SectionNav .Dropdown,header-mobile-collapse .SectionNav-tabs>*{margin-right:0}header-mobile-collapse .Dropdown:focus{outline:none}header-mobile-collapse .SectionNav-tabs stencil-route-link{height:45px}header-mobile-collapse .Dropdown--right .Dropdown-button{text-align:left}header-mobile-collapse .SectionNav stencil-route,header-mobile-collapse .SectionNav-tabs,header-mobile-collapse .UtilNav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;-ms-flex-align:stretch;align-items:stretch}header-mobile-collapse .UtilNav>*{margin-left:0;border-bottom:1px solid #E6E6E8}header-mobile-collapse .UtilNav>:last-child{border-bottom:none}header-mobile-collapse .Dropdown-panel{position:static;border-bottom:1px solid var(--text-color--lighter)}header-mobile-collapse .SectionNav-tabs a{font-size:20px;line-height:24px;letter-spacing:-0.02em;color:#5B708B;padding-left:16px;padding-right:14px;font-weight:400}header-mobile-collapse .UtilNav a{padding:0}header-mobile-collapse .SectionNav-tabs .link-active{background:rgba(81,167,255, .12);color:#3880FF;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;border-radius:8px}header-mobile-collapse .SectionNav-tabs .link-active::after{content:"\2713";position:static;background:none;width:auto;font-size:16px}header-mobile-collapse .SectionNav-tabs{position:relative;padding-bottom:8px;margin-bottom:18px;margin-top:5px}header-mobile-collapse .SectionNav-tabs::after{position:absolute;bottom:0;left:-16px;width:100vw;border-bottom:1px solid #E6E6E8;content:''}header-mobile-collapse .header-mobile-collapse__content ionic-search{display:none}header-mobile-collapse .UtilNav::before{content:'More';font-size:20px;line-height:24px;letter-spacing:0.01em;color:#000;padding:6px 2px 8px}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:block}header-mobile-collapse .label-sm-only .Dropdown-icon,header-mobile-collapse .lg-only{display:none}header-mobile-collapse .label-sm-only .Dropdown-icon+.Dropdown-arrow{fill:#5B708B}header-mobile-collapse .UtilNav .sm-only .Dropdown-arrow{height:26px;width:20px;margin-right:-4px;fill:#B2BECD}header-mobile-collapse .Dropdown-panel a{padding:8px;font-size:16px}header-mobile-collapse .Dropdown.is-open .Dropdown-panel{position:static}}</style> <style sty-id="sc-ionic-search">.Search__Defaults{padding-bottom:32px;max-height:calc(100vh - 160px);overflow-y:auto;border-top:1px solid #E6E7E9}.Search__Defaults::after{content:'';display:block;clear:both}.Search__Defaults__Section{padding:32px 44px 0;float:left;width:49%}.Search__Defaults__Section h4{font-size:11px;line-height:160%;letter-spacing:0.08em;text-transform:uppercase;color:#92A1B3;margin-top:0;padding-top:0}.Search__Defaults__Section strong{display:inline-block;font-weight:500;color:#1A232F;font-size:14px;margin-bottom:.4em}.Search__Defaults__Section ul{padding:0;border-top:none}.Search__Defaults__Section ul a{display:inline-block;padding:11px 10px 9px 40px;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);border-radius:6px;-webkit-transition:.2s background-color;transition:.2s background-color;position:relative;color:#B2BECD;font-size:12px;font-weight:400}.Search__Defaults__Section ul li a:hover{color:var(--accent-color-500)}@media (max-width: 660px){.Search__Defaults__Section{width:100%;float:none}}@-webkit-keyframes ionic-search-scan{from{left:0}to{left:100%}}@keyframes ionic-search-scan{from{left:0}to{left:100%}}@-webkit-keyframes ionic-search-scan-mobile{from{left:calc(0% + 8px)}to{left:calc(100% - 16px)}}@keyframes ionic-search-scan-mobile{from{left:calc(0% + 8px)}to{left:calc(100% - 16px)}}ionic-search{display:block;display:inline-block}ionic-search .SearchBtn{-webkit-transition:.2s opacity;transition:.2s opacity}ionic-search .SearchBtn.active{cursor:default;opacity:.7}ionic-search .SearchBtn__lg{border:1px solid #E9EDF3;border-radius:16px;padding:4px;display:-ms-flexbox;display:flex;min-width:180px;padding:5px 9px 7px;cursor:pointer;-webkit-transition:.4s border-color ease, .4s box-shadow;transition:.4s border-color ease, .4s box-shadow}ionic-search .SearchBtn__lg:hover{border-color:#ddd;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.02);box-shadow:0 2px 8px rgba(0,0,0,.02)}ionic-search .SearchBtn__lg__icon{height:14px;fill:#B2BECD;margin:2px 6px 0 1px}ionic-search .SearchBtn__lg__text{font-size:12px;line-height:14px;letter-spacing:-0.03em;color:#B2BECD;margin-top:2px}ionic-search .SearchBtn__lg__key{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:4px;font-size:11px;line-height:1em;letter-spacing:-0.03em;color:#B2BECD;margin-left:auto;padding:1px 5px 3px}ionic-search .SearchBtn__sm{fill:rgb(115, 132, 154);height:20px;cursor:pointer;-webkit-transition:.2s color;transition:.2s color}ionic-search .SearchBtn__sm:hover{fill:var(--text-color)}@media (min-width: 992px){ionic-search .SearchBtn__sm{display:none}}@media (max-width: 991px){ionic-search .SearchBtn__lg{display:none}}ionic-search .slot.hidden{display:none}ionic-search .search-box{background:white;border-radius:10px;position:absolute;left:calc(50% - 330px);width:660px;max-width:calc(100% - 20px);top:80px;background:white;border-radius:10px;opacity:0;z-index:1;padding-top:2px;pointer-events:none;-webkit-box-shadow:0 8px 16px rgba(0,0,0,.08);box-shadow:0 8px 16px rgba(0,0,0,.08);-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}@media (max-width: 660px){ionic-search .search-box{left:10px}}ionic-search .search-box.active{pointer-events:all;opacity:1}ionic-search .search-static{position:absolute;top:42px;left:15px;height:20px;z-index:2;color:#92A1B3;pointer-events:none;-webkit-transform:translate3d(0, -25px, 0);transform:translate3d(0, -25px, 0);-webkit-transition:.4s transform cubic-bezier(0.23, 1, 0.32, 1), .1s opacity;transition:.4s transform cubic-bezier(0.23, 1, 0.32, 1), .1s opacity}ionic-search .close{right:18px;top:20px;position:absolute;z-index:2;opacity:0;pointer-events:none;-webkit-transition:.3s opacity;transition:.3s opacity}ionic-search .close.active{pointer-events:all;opacity:1;cursor:pointer;-webkit-transform:none;transform:none}ionic-search input{width:100%;margin-left:0;padding-left:40px;padding-right:40px;outline:none;border:none;z-index:2;background:transparent;padding:13px 30px 15px 41px;font-size:20px;line-height:24px;letter-spacing:-0.02em;position:relative;-webkit-transition:.2s opacity, .4s transform cubic-bezier(0.23, 1, 0.32, 1);transition:.2s opacity, .4s transform cubic-bezier(0.23, 1, 0.32, 1)}ionic-search input::-webkit-input-placeholder{color:#B2BECD}ionic-search input::-moz-placeholder{color:#B2BECD}ionic-search input:-ms-input-placeholder{color:#B2BECD}ionic-search input::-ms-input-placeholder{color:#B2BECD}ionic-search input::placeholder{color:#B2BECD}ionic-search .slot .hidden{display:none}ionic-search ul{list-style:none;margin-top:0;margin-bottom:0;text-align:left;border-top:1px solid #E6E7E9;padding:20px;-webkit-transition:.5s transform cubic-bezier(0.23, 1, 0.32, 1), .2s opacity;transition:.5s transform cubic-bezier(0.23, 1, 0.32, 1), .2s opacity}ionic-search span,ionic-search strong,ionic-search em,ionic-search ul path{-webkit-transition:.2s color, .2s fill;transition:.2s color, .2s fill}ionic-search strong{display:block;font-weight:500;color:#1A232F;font-size:14px;margin-bottom:.4em}ionic-search span{color:#B2BECD;font-size:12px;font-weight:400}ionic-search span em{color:#92A1B3}ionic-search span .no-results{padding:8px 40px;color:#2a2f38}ionic-search ul a{display:inline-block;padding:10px 20px 10px 40px;width:100%;border-radius:6px;-webkit-transition:.2s background-color;transition:.2s background-color;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ionic-search ul a:hover,ionic-search ul a.active{background-color:#F4FAFF}ionic-search ul a:hover strong,ionic-search ul a.active strong{color:#3880FF}ionic-search ul a:hover span,ionic-search ul a.active span{color:var(--accent-color-500)}ionic-search ul a:hover em,ionic-search ul a.active em{color:var(--accent-color-300)}ionic-search ul a:hover svg path,ionic-search ul a.active svg path{fill:#639CFF}ionic-search ul a:hover svg path:last-child,ionic-search ul a.active svg path:last-child{fill:#97BDFF}ionic-search ul a svg{position:absolute;left:12px;top:11px;height:14px;width:16px;display:block}ionic-search .searching{position:absolute;height:1px;width:8px;background:#3880ff;top:54px;left:0;-webkit-animation:ionic-search-scan 1s ease-in-out infinite;animation:ionic-search-scan 1s ease-in-out infinite}ionic-search .search-box.active .close{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:.4s;transition-delay:.4s}ionic-search .SearchResults{max-height:calc(100vh - 160px);overflow-y:auto}ionic-search .backdrop{background:rgba(0, 12, 34, 0.1);position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;min-height:calc(100vh + 200px);pointer-events:none;-webkit-transition:.4s all ease;transition:.4s all ease}ionic-search .backdrop.active{opacity:1;pointer-events:all}ionic-search .SearchMore__link{color:var(--text-color);padding:10px 25px;border-top:1px solid rgba(0,20,56,.06);background:#fafafa;cursor:pointer;width:100%;font-weight:600;display:block;border-radius:0 0 6px 6px;-webkit-transition:.3s background-color, .3s color;transition:.3s background-color, .3s color}ionic-search .SearchMore__link svg{fill:var(--text-color);height:1.2em;vertical-align:-3px;float:right;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.3s transform ease;transition:.3s transform ease}ionic-search .search-box .SearchMore__link:hover{color:var(--accent-color-300);background:#F4FAFF}ionic-search .search-box .SearchMore__link:hover svg{fill:var(--accent-color)}ionic-search .SearchMore__list{display:none}ionic-search .SearchMore.active .SearchMore__link{border-radius:0}ionic-search .SearchMore.active .SearchMore__link svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}ionic-search .SearchMore.active .SearchMore__list{display:block}ionic-search[mobile]{display:block}ionic-search[mobile] .search{color:#999;right:auto;left:0;bottom:0;font-size:28px;padding:22px;top:auto;z-index:3;position:fixed}ionic-search[mobile] .backdrop{top:0;background:rgba(0,0,0,.5);z-index:2}ionic-search[mobile] .search-box{width:auto;left:2px;right:2px;top:42px;bottom:0;padding:60px 12px 48px;position:fixed;z-index:3;background:white;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:.4s transform cubic-bezier(0.23, 1, 0.32, 1);transition:.4s transform cubic-bezier(0.23, 1, 0.32, 1)}ionic-search[mobile] .search-box.active{-webkit-transform:none;transform:none}ionic-search[mobile] .mobile-close{-webkit-transition-delay:0;transition-delay:0;left:calc(50% - 24px);top:0;left:0;right:0;position:absolute}ionic-search[mobile] .mobile-close svg{position:absolute;top:8px;width:40px;height:40px;left:calc(50% - 20px)}ionic-search[mobile] .searching{top:113px;z-index:3;-webkit-animation:ionic-search-scan-mobile 1s ease-in-out infinite;animation:ionic-search-scan-mobile 1s ease-in-out infinite}ionic-search[mobile] ul{opacity:1;-webkit-transform:none;transform:none;z-index:3;top:auto;-webkit-box-shadow:none;box-shadow:none;width:100%;max-height:calc(100vh - 154px);overflow:touch}ionic-search[mobile] .search-static{-webkit-transform:none;transform:none;opacity:1;z-index:3;top:71px;left:22px}ionic-search[mobile] a{padding-left:20px;padding-right:20px}ionic-search[mobile] input{margin:0 0 10px;padding:10px 40px 8px;background:#eceef2;border-radius:12px;width:100%}ionic-search[mobile]~.mobile-nav__pane{min-height:100%;background:white;-webkit-transition:.4s transform ease, .4s border-radius step-end;transition:.4s transform ease, .4s border-radius step-end}ionic-search[mobile].active~.mobile-nav__pane{border-radius:12px;-webkit-transform:scale3d(0.97, 0.97, 1);transform:scale3d(0.97, 0.97, 1);-webkit-transition:.4s transform ease;transition:.4s transform ease}.mobile-nav{background:black !important}</style> <style sty-id="sc-docs-dropdown">.Dropdown{display:inline-block;position:relative;z-index:1}.Dropdown-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:initial;white-space:nowrap}.Dropdown-button .Dropdown-icon{height:14px;width:22px;fill:#CED6E0}.Dropdown-button .Dropdown-icon+.Dropdown-arrow{margin-left:0px;fill:#CED6E0;vertical-align:2px}.Dropdown:focus,.Dropdown-button:focus{outline:none}.Dropdown-button:hover{cursor:pointer}.Dropdown-arrow{fill:currentColor;height:0.8em;margin-bottom:-0.0875em;width:0.8em;margin-left:.8em}.Dropdown.is-open .Dropdown-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Dropdown-panel{background-color:var(--background);border-radius:6px;border:none;-webkit-box-shadow:0px 4px 12px 0px rgba(0,0,0,0.08), 0px 2px 4px 0px rgba(0,0,0,0.08);box-shadow:0px 4px 12px 0px rgba(0,0,0,0.08), 0px 2px 4px 0px rgba(0,0,0,0.08);display:none;min-width:100%;overflow:hidden;pointer-events:none;position:absolute;top:100%;visibility:hidden}.Dropdown.is-open .Dropdown-panel{display:initial;pointer-events:auto;visibility:visible}.Dropdown--left .Dropdown-panel{left:0}.Dropdown--right .Dropdown-panel{right:0}.Dropdown--center .Dropdown-panel{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Dropdown-panel a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0.5em 1em}.Dropdown-panel svg{height:1em;width:1em;margin-left:4px}@media (hover: hover){.Dropdown-panel a:hover{background-color:rgba(0, 0, 0, 0.025)}}.Dropdown-panel>section{padding:0.5em 0}.Dropdown-panel>section:not(:last-child){border-bottom:solid 1px var(--line-rule-color)}</style> <style sty-id="sc-ion-icon">/*!@:host*/.sc-ion-icon-h{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}/*!@:host .ionicon*/.sc-ion-icon-h .ionicon.sc-ion-icon{stroke:currentColor}/*!@.ionicon-fill-none*/.ionicon-fill-none.sc-ion-icon{fill:none}/*!@.ionicon-stroke-width*/.ionicon-stroke-width.sc-ion-icon{stroke-width:32px;stroke-width:var(--ionicon-stroke-width, 32px)}/*!@.icon-inner, .ionicon, svg*/.icon-inner.sc-ion-icon,.ionicon.sc-ion-icon,svg.sc-ion-icon{display:block;height:100%;width:100%}/*!@:host(.flip-rtl) .icon-inner*/.flip-rtl.sc-ion-icon-h .icon-inner.sc-ion-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}/*!@:host(.icon-small)*/.icon-small.sc-ion-icon-h{font-size:18px !important}/*!@:host(.icon-large)*/.icon-large.sc-ion-icon-h{font-size:32px !important}/*!@:host(.ion-color)*/.ion-color.sc-ion-icon-h{color:var(--ion-color-base) !important}/*!@:host(.ion-color-primary)*/.ion-color-primary.sc-ion-icon-h{--ion-color-base:var(--ion-color-primary, #3880ff)}/*!@:host(.ion-color-secondary)*/.ion-color-secondary.sc-ion-icon-h{--ion-color-base:var(--ion-color-secondary, #0cd1e8)}/*!@:host(.ion-color-tertiary)*/.ion-color-tertiary.sc-ion-icon-h{--ion-color-base:var(--ion-color-tertiary, #f4a942)}/*!@:host(.ion-color-success)*/.ion-color-success.sc-ion-icon-h{--ion-color-base:var(--ion-color-success, #10dc60)}/*!@:host(.ion-color-warning)*/.ion-color-warning.sc-ion-icon-h{--ion-color-base:var(--ion-color-warning, #ffce00)}/*!@:host(.ion-color-danger)*/.ion-color-danger.sc-ion-icon-h{--ion-color-base:var(--ion-color-danger, #f14141)}/*!@:host(.ion-color-light)*/.ion-color-light.sc-ion-icon-h{--ion-color-base:var(--ion-color-light, #f4f5f8)}/*!@:host(.ion-color-medium)*/.ion-color-medium.sc-ion-icon-h{--ion-color-base:var(--ion-color-medium, #989aa2)}/*!@:host(.ion-color-dark)*/.ion-color-dark.sc-ion-icon-h{--ion-color-base:var(--ion-color-dark, #222428)}</style> <style sty-id="sc-docs-nav">docs-nav{display:block}docs-nav ul{list-style:none;margin:0;padding:0}docs-nav a{color:inherit;font-weight:inherit}.Nav{--item-spacing:10px;color:var(--text-color--dark);font-size:14px;font-weight:500;line-height:1.25;padding:1rem 0 .3rem}.Nav-subnav{--item-spacing:6px;color:var(--text-color--light);font-size:13px}.Nav-header{font-size:15px;font-weight:600;color:#27323f;letter-spacing:0.02em}.Nav-link,.Nav-header{background-color:rgba(0,0,0, var(--bg-alpha, 0));display:block;padding-top:var(--item-spacing);padding-right:20px;padding-bottom:var(--item-spacing);padding-left:calc(14px + var(--level, 1) * 10px)}.Nav-link{margin:0 14px;padding-left:calc(var(--level, 1) * 10px);border-radius:4px}.Nav>li{padding-bottom:16px}@media (hover: hover){.Nav-link:not(.Nav-link--active):hover{color:var(--text-color)}}.Nav-link--active{background-color:#f3f9fe;color:var(--accent-color);font-weight:500}.Nav-subnav .Nav-header{color:var(--text-color);font-weight:600}.Nav-link.outbound{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.Nav-link.outbound svg{-ms-flex:none;flex:none;margin-left:0.25em}.Nav span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}@media (max-width: 768px), (pointer: coarse){.Nav{--item-spacing:12px;font-size:15px}.Nav-subnav{--item-spacing:6px;font-size:14px}}</style> <style sty-id="sc-docs-select">.Select{cursor:pointer;display:inline-block;font-weight:500}.Select .Dropdown-button{-ms-flex-align:center;align-items:center;border:solid 1px #DEE3EA;border-radius:6px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px;padding:0.5em 1em}.Select .Dropdown-panel{padding:0.5em 0}.Select .Dropdown-arrow{margin-left:0.5em}.Select-option{--bg-alpha:0;background-color:rgba(0, 0, 0, var(--bg-alpha));padding:0.5em 1.5em}.Select-option:focus{--bg-alpha:0.025;outline:none}.Select-option--selected{--bg-alpha:0.05}.Select-option--selected:focus{--bg-alpha:0.075}@media (hover: hover){.Select-option:hover{--bg-alpha:0.025}.Select-option--selected:hover{--bg-alpha:0.075}}</style> <style sty-id="sc-docs-page">.Error{-ms-flex-align:center;align-items:center;background-color:var(--offset-background);color:var(--text-color--light);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;line-height:1;white-space:nowrap}.Error.full-screen{padding-bottom:3rem}.Error>*{margin:10px}.Error h1,.Error div{color:inherit;font-size:3rem}.Error div{text-shadow:3px 3px 3px rgba(0,0,0,0.1)}.Error p{font-size:18px}docs-page{display:grid;font-size:16px;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;-webkit-transform:var(--page-transform, none);transform:var(--page-transform, none);-webkit-transition:-webkit-transform 200ms cubic-bezier(0.2, 1, 0.2, 1);transition:-webkit-transform 200ms cubic-bezier(0.2, 1, 0.2, 1);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.2, 1, 0.2, 1)}@media (min-width: 1234px){docs-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 3fr}}@media (min-width: 1800px){docs-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr 240px}}docs-page>main{position:relative;grid-column:2;margin-bottom:3rem;padding:var(--page-padding, 2rem 3rem);position:relative}docs-page docs-demo{margin-right:auto}docs-page docs-pagination{grid-column:1 / -1}docs-page .full-screen{grid-column:1 / -1;height:calc(100vh - var(--header-height));margin-bottom:0;overflow:hidden;padding:0}docs-page .page-heading-encapsulation{text-transform:uppercase;background:transparent;color:#2d4665;border:1px solid #dee3ea;border-radius:14px;height:24px;padding:2px 8px;font-weight:600;font-size:10px;line-height:14px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;justify-self:flex-end;letter-spacing:0.08em;float:right}docs-page .page-heading-encapsulation:hover{border-color:#92a1b3}docs-page h1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem;margin-bottom:1rem}docs-page h2 a[href^="#"],docs-page h3 a[href^="#"],docs-page h4 a[href^="#"],docs-page h5 a[href^="#"],docs-page h6 a[href^="#"]{color:inherit;position:relative}docs-page h2 a[href^="#"]:before,docs-page h3 a[href^="#"]:before,docs-page h4 a[href^="#"]:before,docs-page h5 a[href^="#"]:before,docs-page h6 a[href^="#"]:before{content:"#";opacity:0;padding-right:5px;position:absolute;right:100%;-webkit-transition:opacity 100ms ease;transition:opacity 100ms ease}docs-page h2 a[href^="#"]:hover:before,docs-page h3 a[href^="#"]:hover:before,docs-page h4 a[href^="#"]:hover:before,docs-page h5 a[href^="#"]:hover:before,docs-page h6 a[href^="#"]:hover:before{opacity:1}docs-page h2 code,docs-page h3 code,docs-page h4 code,docs-page h5 code,docs-page h6 code{background:none;font-size:inherit}docs-page aside{float:right;margin-left:20px;margin-bottom:20px}@media (min-width: 1234px){docs-page main.no-demo .page-meta{position:fixed;right:0;top:100px;width:240px;-webkit-transition:.2s transform ease;transition:.2s transform ease}docs-header.hidden~stencil-route docs-page main.no-demo .page-meta{-webkit-transform:translateY(-60px);transform:translateY(-60px)}}docs-page main.has-demo .page-meta internal-ad{display:none}</style> <style sty-id="sc-docs-table-of-contents">docs-table-of-contents{display:block;font-size:13px;margin-bottom:2rem}docs-table-of-contents .Nav-header{color:var(--text-color--lighter);font-size:0.75em;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-left:0}docs-table-of-contents ul{padding:0;list-style:none;line-height:1.23em}docs-table-of-contents .Nav-link{padding-left:0;margin-left:0}docs-table-of-contents a{color:inherit;display:inline-block;-webkit-transition:.2s color, .3s transform ease-out;transition:.2s color, .3s transform ease-out}docs-table-of-contents .Nav-link.selected a{color:var(--accent-color);-webkit-transform:translateX(2px);transform:translateX(2px)}</style> <style sty-id="sc-docs-code">code[class*="language-"],pre[class*="language-"]{color:#4d4d4c;background:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:hsl(30, 20%, 25%)}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30, 20%, 40%);border-radius:.5em;-webkit-box-shadow:1px 1px .5em black inset;box-shadow:1px 1px .5em black inset}:not(pre)>code[class*="language-"]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30, 20%, 40%);-webkit-box-shadow:1px 1px .3em -.1em black inset;box-shadow:1px 1px .3em -.1em black inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8c9296}.token.punctuation{opacity:.7}.namespace{opacity:.7}.token.tag{color:#91c5ff}.token.tag .token.tag{color:#2b90ff}.token.property,.token.attr-name,.token.boolean,.token.number,.token.constant,.token.symbol{color:#8454ff}.token.selector,.token.char,.token.function,.token.builtin,.token.inserted{color:#ff6810}.token.operator,.token.string,.token.entity,.token.url,.token.attr-value,.language-css .token.string,.style .token.string,.token.variable{color:#42b983}.token.atrule{color:#ffbb01}.token.regex,.token.keyword,.token.important{color:#f55073}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}docs-code[language="shell"]>pre{background-color:var(--text-color--dark);border-radius:7px}docs-code[language="shell"]:before{display:none}docs-code[language="shell"] code{color:rgba(255, 255, 255, 0.7);font-size:13px}docs-code[language="shell"] .token{color:inherit}docs-code[language="shell"] .token.prompt{color:#fb96f9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}docs-code[language="shell"] .token.comment{color:rgba(255, 255, 255, 0.45)}docs-code{display:block;position:relative}docs-code:before{color:#bdc5d1;content:attr(language);font-family:var(--code-font-family);font-size:10px;letter-spacing:0.05em;line-height:1;padding:0.75em;position:absolute;right:0;text-transform:uppercase;top:0}docs-code[language="shell"] pre{white-space:pre-wrap}.code-text__copy{position:absolute;right:0;top:-1.6rem;height:20px}.code-text__copy-link,.code-text__copy-confirmation{padding:4px 5px;font-size:12px;line-height:12px;font-weight:600;position:absolute;right:0;top:0}.code-text__copy-link{-webkit-transition:0.2s opacity, 0.2s color , 0.2s -webkit-transform;transition:0.2s opacity, 0.2s color , 0.2s -webkit-transform;transition:0.2s transform , 0.2s opacity, 0.2s color;transition:0.2s transform , 0.2s opacity, 0.2s color , 0.2s -webkit-transform;color:#70A4FF;background-color:#E0EEFF;border-radius:4px;display:inline-block;cursor:pointer;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:5}.code-text__copy-link:hover{color:var(--blue)}.code-text__copy-confirmation{-webkit-transition:0.2s opacity , 0.2s -webkit-transform;transition:0.2s opacity , 0.2s -webkit-transform;transition:0.2s transform , 0.2s opacity;transition:0.2s transform , 0.2s opacity , 0.2s -webkit-transform;color:#0ec254;opacity:0;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:20px;padding:0}.code-text__copy-confirmation svg{fill:#0ec254;margin-right:-4px}.show-confirmation .code-text__copy-link{opacity:0;-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);pointer-events:none}.show-confirmation .code-text__copy-confirmation{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}</style> <style sty-id="sc-docs-page-footer">docs-page-footer{margin-top:6rem}docs-page-footer contributor-list{margin-right:0.5em}docs-page-footer .last-updated{color:var(--text-color--light);font-weight:normal;margin-left:auto;text-decoration:underline}docs-page-footer .page-footer__row{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px;margin-top:2rem}</style> <style sty-id="sc-internal-ad">internal-ad{max-width:148px;display:block;margin:48px 0 0}internal-ad p{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0.02em;color:var(--text-color--light);-webkit-transition:.2s color;transition:.2s color}internal-ad a:hover p{color:var(--text-color)}@media (max-width: 1233px){internal-ad{display:none}}</style> <style sty-id="sc-docs-pagination">docs-pagination{border-color:var(--line-rule-color);border-style:solid;border-width:0 0 1px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;padding:var(--page-padding, 2rem 0rem) 0}docs-pagination .next,docs-pagination .previous{max-width:100%;overflow:hidden}docs-pagination .next{margin-left:auto}docs-pagination a{border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;padding:1em 1.5em;color:rgb(var(--accent-color-rgb))}docs-pagination .previous a{padding-left:0}docs-pagination .next a{padding-right:0;-ms-flex-align:end;align-items:flex-end}@media (max-width: 700px){docs-pagination .previous a{padding-right:.5rem}docs-pagination .next a{padding-left:.5rem}}@media (hover: hover){docs-pagination a:hover,docs-pagination a:active{-webkit-filter:brightness(0.8);filter:brightness(0.8)}}docs-pagination .pagination__title{color:var(--text-color--lighter);font-size:12px;display:block}docs-pagination .pagination__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}docs-pagination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}docs-pagination svg{fill:currentColor;-ms-flex:none;flex:none;height:1em;margin-bottom:-0.125em;width:1em}docs-pagination .next svg{margin-left:0.5em}docs-pagination .previous svg{margin-right:0.5em}</style> <style sty-id="sc-contributor-list">contributor-list{display:block}contributor-list ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:end;justify-content:flex-end;list-style:none;margin:0;padding:0}contributor-list li:not(:last-child){margin-left:-10px}contributor-list img{border:solid 2px var(--background);border-radius:50%;height:40px;width:40px;overflow:hidden}contributor-list a{display:block;-webkit-transition:-webkit-transform 50ms ease-out;transition:-webkit-transform 50ms ease-out;transition:transform 50ms ease-out;transition:transform 50ms ease-out, -webkit-transform 50ms ease-out}@media (hover: hover){contributor-list a:hover{-webkit-transform:scale(1.125);transform:scale(1.125);z-index:1}}</style> <style sty-id="sc-docs-button">docs-button{background-color:rgba(var(--accent-color-rgb), var(--bg-alpha, 0.06));border-radius:6px;color:var(--accent-color);display:inline-block;font-weight:600;white-space:nowrap}docs-button a,docs-button button{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;padding:0.75em 1.5em}docs-button button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;line-height:inherit}docs-button svg{fill:currentColor;height:1em;margin-bottom:-0.125em;width:1em}docs-button[round]{border-radius:2em}@media (hover: hover){docs-button:hover{--bg-alpha:0.08}docs-button:active{--bg-alpha:0.10}}</style> <link rel="stylesheet" href="//www.jesscamp.com/docs/build/site.css"> </head> <body> <noscript> <iframe src="https://www.jesscamp.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <docs-root class="hydrated" s-id="1">  <stencil-router class="Layout hydrated" c-id="1.0.0.0" s-id="2">       <stencil-route class="hydrated" c-id="1.1.1.0" s-id="3" style="display: none;">  </stencil-route> <docs-header class="hydrated" c-id="1.2.1.1" s-id="4">  <header c-id="4.0.0.0"> <docs-menu-toggle role="button" tabindex="0" aria-label="Toggle Menu" class="hydrated" c-id="4.1.1.0" s-id="5">  <svg viewbox="0 0 512 512" c-id="5.0.0.0"> <path d="M64 384h384v-42.666H64V384zm0-106.666h384v-42.667H64v42.667zM64 128v42.665h384V128H64z" c-id="5.1.1.0"></path> </svg> </docs-menu-toggle> <a href="//www.jesscamp.com" c-id="4.2.1.1"> <svg viewbox="0 0 78 25" fill="currentColor" class="HeaderLogo" c-id="4.3.2.0"> <title c-id="4.4.3.0"><！ - t.4.5.4.0-betway东盟体育app> www.jesscamp.com<//title> <path d="M19.8517 8.01728C21.2289 8.01728 22.3454 6.9008 22.3454 5.52354C22.3454 4.14628 21.2289 3.02979 19.8517 3.02979C18.4744 3.02979 17.3579 4.14628 17.3579 5.52354C17.3579 6.9008 18.4744 8.01728 19.8517 8.01728Z" c-id="4.6.3.1"></path> <path d="M22.9219 8.02656L22.8187 7.79688L22.65 7.98438C22.2422 8.44844 21.7219 8.80469 21.1453 9.02031L20.9859 9.08125L21.0516 9.23594C21.5484 10.4312 21.8016 11.6969 21.8016 12.9953C21.8016 18.4 17.4047 22.8016 11.9953 22.8016C6.58594 22.8016 2.19375 18.4047 2.19375 13C2.19375 7.59531 6.59531 3.19375 12 3.19375C13.4672 3.19375 14.8828 3.5125 16.2 4.14062L16.3547 4.21562L16.4203 4.06094C16.6594 3.49844 17.0437 2.99687 17.5266 2.60781L17.7234 2.44844L17.4984 2.33125C15.7875 1.45 13.9359 1 12 1C5.38125 1 0 6.38125 0 13C0 19.6187 5.38125 25 12 25C18.6187 25 24 19.6187 24 13C24 11.2703 23.6391 9.59687 22.9219 8.02656Z" c-id="4.7.3.2"></path> <path d="M12.1829 7.53447C9.02353 7.43134 6.43134 10.0235 6.53447 13.1829C6.62822 16.047 8.95322 18.3767 11.8173 18.4657C14.9767 18.5688 17.5688 15.9767 17.4657 12.8173C17.372 9.95322 15.047 7.62822 12.1829 7.53447Z" c-id="4.8.3.3"></path> <text font-size="18" font-weight="bold" letter-spacing="-0.02em" c-id="4.9.3.4" style="white-space: pre;"> <tspan x="27.5" y="19.5" c-id="4.10.4.0"> 文档<//tspan> </text> </svg></a> <header-mobile-collapse class="hydrated" c-id="4.12.1.2" s-id="6">     <div class="header-mobile-collapse__backdrop" c-id="6.0.0.0"></div> <ionic-search class="hydrated" c-id="6.1.0.1" s-id="7">  <div class="search-box" c-id="7.0.0.0"> <input type="text" placeholder="Search Ionic.." c-id="7.1.1.0"> <svg viewbox="0 0 512 512" class="search-static" c-id="7.2.1.1"> <path d="M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z" c-id="7.3.2.0"></path> </svg> <ion-icon class="close sc-ion-icon-h md hydrated" role="img" aria-label="close" name="close" c-id="7.4.1.2" s-id="8">  <div class="icon-inner sc-ion-icon" c-id="8.0.0.0"></div> </ion-icon> <div class="slot" c-id="7.5.1.3"> <div class="Search__Defaults" c-id="7.6.2.0"> <div class="Search__Defaults__Section" c-id="7.7.3.0"> <h4 c-id="7.8.4.0"> 入门<//h4> <ul c-id="7.10.4.1"> <li c-id="7.11.5.0"><a href="//www.jesscamp.com/docs/intro/cli" c-id="7.12.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.13.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.14.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.15.8.1"></path> </svg><strong c-id="7.16.7.1"> 安装指南<//strong> |安装<///a></li> <li c-id="7.19.5.1"><a href="//www.jesscamp.com/docs/developing/previewing" c-id="7.20.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.21.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.22.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.23.8.1"></path> </svg><strong c-id="7.24.7.1"> 运行应用程序<//strong> |建造<///a></li> <li c-id="7.27.5.2"><a href="//www.jesscamp.com/docs/layout/structure" c-id="7.28.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.29.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.30.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.31.8.1"></path> </svg><strong c-id="7.32.7.1"> 应用结构<//strong> |布局<///a></li> <li c-id="7.35.5.3"><a href="//www.jesscamp.com/docs/theming/basics" c-id="7.36.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.37.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.38.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.39.8.1"></path> </svg><strong c-id="7.40.7.1"> 主题基础<//strong> |主题<///a></li> </ul> </div> <div class="Search__Defaults__Section" c-id="7.43.3.1"> <h4 c-id="7.44.4.0"> 常见主题<//h4> <ul c-id="7.46.4.1"> <li c-id="7.47.5.0"><a href="//www.jesscamp.com/docs/angular/testing" c-id="7.48.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.49.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.50.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.51.8.1"></path> </svg><strong c-id="7.52.7.1"> 测试<//strong> |建造<///a></li> <li c-id="7.55.5.1"><a href="//www.jesscamp.com/docs/core-concepts/cross-platform" c-id="7.56.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.57.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.58.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.59.8.1"></path> </svg><strong c-id="7.60.7.1"> 贮存<//strong> |建造<///a></li> <li c-id="7.63.5.2"><a href="//www.jesscamp.com/docs/lifecycle/angular" c-id="7.64.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.65.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.66.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.67.8.1"></path> </svg><strong c-id="7.68.7.1"> 生命周期事件<//strong> |角<///a></li> <li c-id="7.71.5.3"><a href="//www.jesscamp.com/docs/navigation/angular" c-id="7.72.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.73.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.74.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.75.8.1"></path> </svg><strong c-id="7.76.7.1"> 导航<//strong> |角<///a></li> </ul> </div> <div class="Search__Defaults__Section" c-id="7.79.3.2"> <h4 c-id="7.80.4.0"> UI组件<//h4> <ul c-id="7.82.4.1"> <li c-id="7.83.5.0"><a href="//www.jesscamp.com/docs/api/button" c-id="7.84.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.85.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.86.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.87.8.1"></path> </svg><strong c-id="7.88.7.1"> 离子巴顿<//strong> |纽扣<///a></li> <li c-id="7.91.5.1"><a href="//www.jesscamp.com/docs/api/card" c-id="7.92.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.93.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.94.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.95.8.1"></path> </svg><strong c-id="7.96.7.1"> 离子卡<//strong> |牌<///a></li> <li c-id="7.99.5.2"><a href="//www.jesscamp.com/docs/api/loading" c-id="7.100.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.101.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.102.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.103.8.1"></path> </svg><strong c-id="7.104.7.1"> 离子加载<//strong> |进度指标<///a></li> <li c-id="7.107.5.3"><a href="//www.jesscamp.com/docs/api/tabs" c-id="7.108.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.109.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.110.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.111.8.1"></path> </svg><strong c-id="7.112.7.1"> 离子标签<//strong> |标签<///a></li> </ul> </div> <div class="Search__Defaults__Section" c-id="7.115.3.3"> <h4 c-id="7.116.4.0"> 本国的<//h4> <ul c-id="7.118.4.1"> <li c-id="7.119.5.0"><a href="https://ionic.io/docs/premier-plugins/camera" c-id="7.120.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.121.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.122.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.123.8.1"></path> </svg><strong c-id="7.124.7.1"> 相机<//strong> |本地EE<///a></li> <li c-id="7.127.5.1"><a href="https://ionic.io/docs/identity-vault" c-id="7.128.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.129.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.130.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.131.8.1"></path> </svg><strong c-id="7.132.7.1"> 身份库<//strong> |本地EE<///a></li> <li c-id="7.135.5.2"><a href="//www.jesscamp.com/docs/native/firebase" c-id="7.136.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.137.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.138.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.139.8.1"></path> </svg><strong c-id="7.140.7.1"> 火箱<//strong> |本地CE<///a></li> <li c-id="7.143.5.3"><a href="//www.jesscamp.com/docs/native/barcode-scanner" c-id="7.144.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="7.145.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="7.146.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="7.147.8.1"></path> </svg><strong c-id="7.148.7.1"> 条形码扫描器<//strong> |本地CE<///a></li> </ul> </div> </div> </div> </div> <div class="SearchBtn" c-id="7.151.0.1"> <svg viewbox="0 0 512 512" class="SearchBtn__sm" c-id="7.152.1.0"> <path d="M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z" c-id="7.153.2.0"></path> </svg> <div class="SearchBtn__lg" c-id="7.154.1.1"> <svg viewbox="0 0 512 512" class="SearchBtn__lg__icon" c-id="7.155.2.0"> <path d="M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z" c-id="7.156.3.0"></path> </svg> <span class="SearchBtn__lg__text" c-id="7.157.2.1"> 搜索文档<//span> <span class="SearchBtn__lg__key" c-id="7.159.2.2"> /<//span> </div> </div> <div class="backdrop null" c-id="7.161.0.2"></div> </ionic-search> <a class="ionic-sub-header__mobile-toggle" c-id="6.2.0.2"> <svg viewbox="0 0 4 16" c-id="6.3.1.0"> <path d="M4 2C4 0.8999 3.1001 0 2 0C0.8999 0 0 0.8999 0 2C0 3.1001 0.8999 4 2 4C3.1001 4 4 3.1001 4 2ZM4 14C4 12.8999 3.1001 12 2 12C0.8999 12 0 12.8999 0 14C0 15.1001 0.8999 16 2 16C3.1001 16 4 15.1001 4 14ZM4 8C4 6.8999 3.1001 6 2 6C0.8999 6 0 6.8999 0 8C0 9.1001 0.8999 10 2 10C3.1001 10 4 9.1001 4 8Z" fill="#5B708B" c-id="6.4.2.0"></path> </svg></a> <div class="header-mobile-collapse__content" c-id="6.5.0.3">  <nav class="SectionNav" c-id="4.13.2.0"> <stencil-route-switch group="7487-4538-8228-2344" class="hydrated" c-id="4.14.3.0" s-id="9">       <stencil-route class="hydrated" group="7487-4538-8228-2344" c-id="4.15.4.0" s-id="10" style="display: none;">  <docs-dropdown tabindex="0" class="Dropdown Dropdown--left hydrated" c-id="4.16.5.0" s-id="11">    <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="11.0.0.0"><span class="Dropdown-button-label" c-id="11.1.1.0"> 工作室<//span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="11.3.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="11.4.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="11.5.0.1">  <section c-id="4.17.6.0"> <stencil-route-link class="hydrated" c-id="4.18.7.0" s-id="12">   <a class="link-active" href="//www.jesscamp.com/docs/" c-id="12.0.0.0">  框架<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.20.7.1" s-id="13">   <a href="//www.jesscamp.com/docs/native" c-id="13.0.0.0">  本国的<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.22.7.2" s-id="14">   <a href="//www.jesscamp.com/docs/cli" c-id="14.0.0.0">  CLI<//a> </stencil-route-link> </section> <section c-id="4.24.6.1"> <a href="https://ionic.io/docs/appflow" target="_blank" class="Nav-link outbound" c-id="4.25.7.0"><span c-id="4.26.8.0"> AppFlow<//span>  <svg viewbox="0 0 512 512" c-id="4.29.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.30.9.0"></path> </svg></a> <a href="//www.jesscamp.com/capacitor/docs/" target="_blank" class="Nav-link outbound" c-id="4.31.7.1"><span c-id="4.32.8.0"> 电容器<//span>  <svg viewbox="0 0 512 512" c-id="4.35.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.36.9.0"></path> </svg></a> <a href="https://stenciljs.com" target="_blank" class="Nav-link outbound" c-id="4.37.7.2"><span c-id="4.38.8.0"> 模版<//span>  <svg viewbox="0 0 512 512" c-id="4.41.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.42.9.0"></path> </svg></a> <a href="https://ionic.io/docs/identity-vault" target="_blank" class="Nav-link outbound" c-id="4.43.7.3"><span c-id="4.44.8.0"> 身份库<//span>  <svg viewbox="0 0 512 512" c-id="4.47.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.48.9.0"></path> </svg></a> <a href="https://ionic.io/docs/auth-connect" target="_blank" class="Nav-link outbound" c-id="4.49.7.4"><span c-id="4.50.8.0"> Auth Connect<//span>  <svg viewbox="0 0 512 512" c-id="4.53.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.54.9.0"></path> </svg></a> <a href="https://ionic.io/docs/secure-storage" target="_blank" class="Nav-link outbound" c-id="4.55.7.5"><span c-id="4.56.8.0"> 安全存储<//span>  <svg viewbox="0 0 512 512" c-id="4.59.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.60.9.0"></path> </svg></a> <a href="https://ionic.io/docs/premier-plugins" target="_blank" class="Nav-link outbound" c-id="4.61.7.6"><span c-id="4.62.8.0"> 总理插件<//span>  <svg viewbox="0 0 512 512" c-id="4.65.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.66.9.0"></path> </svg></a> </section> </div> </docs-dropdown> </stencil-route> <stencil-route class="hydrated" group="7487-4538-8228-2344" c-id="4.67.4.1" s-id="15" style="display: none;">  <docs-dropdown tabindex="0" class="Dropdown Dropdown--left hydrated" c-id="4.68.5.0" s-id="16">    <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="16.0.0.0"><span class="Dropdown-button-label" c-id="16.1.1.0"> 本国的<//span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="16.3.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="16.4.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="16.5.0.1">  <section c-id="4.69.6.0"> <stencil-route-link class="hydrated" c-id="4.70.7.0" s-id="17">   <a class="link-active" href="//www.jesscamp.com/docs/" c-id="17.0.0.0">  框架<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.72.7.1" s-id="18">    <a href="//www.jesscamp.com/docs/native" c-id="18.0.0.0">  本国的<svg viewbox="0 0 512 512" c-id="4.74.8.1"> <path d="M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z" c-id="4.75.9.0"></path> </svg></a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.76.7.2" s-id="19">   <a href="//www.jesscamp.com/docs/cli" c-id="19.0.0.0">  CLI<//a> </stencil-route-link> </section> <section c-id="4.78.6.1"> <a href="https://ionic.io/docs/appflow" target="_blank" class="Nav-link outbound" c-id="4.79.7.0"><span c-id="4.80.8.0"> AppFlow<//span>  <svg viewbox="0 0 512 512" c-id="4.83.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.84.9.0"></path> </svg></a> <a href="//www.jesscamp.com/capacitor/docs/" target="_blank" class="Nav-link outbound" c-id="4.85.7.1"><span c-id="4.86.8.0"> 电容器<//span>  <svg viewbox="0 0 512 512" c-id="4.89.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.90.9.0"></path> </svg></a> <a href="https://stenciljs.com" target="_blank" class="Nav-link outbound" c-id="4.91.7.2"><span c-id="4.92.8.0"> 模版<//span>  <svg viewbox="0 0 512 512" c-id="4.95.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.96.9.0"></path> </svg></a> <a href="https://ionic.io/docs/identity-vault" target="_blank" class="Nav-link outbound" c-id="4.97.7.3"><span c-id="4.98.8.0"> 身份库<//span>  <svg viewbox="0 0 512 512" c-id="4.101.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.102.9.0"></path> </svg></a> <a href="https://ionic.io/docs/auth-connect" target="_blank" class="Nav-link outbound" c-id="4.103.7.4"><span c-id="4.104.8.0"> Auth Connect<//span>  <svg viewbox="0 0 512 512" c-id="4.107.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.108.9.0"></path> </svg></a> <a href="https://ionic.io/docs/secure-storage" target="_blank" class="Nav-link outbound" c-id="4.109.7.5"><span c-id="4.110.8.0"> 安全存储<//span>  <svg viewbox="0 0 512 512" c-id="4.113.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.114.9.0"></path> </svg></a> <a href="https://ionic.io/docs/premier-plugins" target="_blank" class="Nav-link outbound" c-id="4.115.7.6"><span c-id="4.116.8.0"> 总理插件<//span>  <svg viewbox="0 0 512 512" c-id="4.119.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.120.9.0"></path> </svg></a> </section> </div> </docs-dropdown> </stencil-route> <stencil-route class="hydrated" group="7487-4538-8228-2344" c-id="4.121.4.2" s-id="20" style="display: none;">  <docs-dropdown tabindex="0" class="Dropdown Dropdown--left hydrated" c-id="4.122.5.0" s-id="21">    <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="21.0.0.0"><span class="Dropdown-button-label" c-id="21.1.1.0"> CLI<//span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="21.3.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="21.4.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="21.5.0.1">  <section c-id="4.123.6.0"> <stencil-route-link class="hydrated" c-id="4.124.7.0" s-id="22">   <a class="link-active" href="//www.jesscamp.com/docs/" c-id="22.0.0.0">  框架<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.126.7.1" s-id="23">   <a href="//www.jesscamp.com/docs/native" c-id="23.0.0.0">  本国的<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.128.7.2" s-id="24">    <a href="//www.jesscamp.com/docs/cli" c-id="24.0.0.0">  CLI<svg viewbox="0 0 512 512" c-id="4.130.8.1"> <path d="M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z" c-id="4.131.9.0"></path> </svg></a> </stencil-route-link> </section> <section c-id="4.132.6.1"> <a href="https://ionic.io/docs/appflow" target="_blank" class="Nav-link outbound" c-id="4.133.7.0"><span c-id="4.134.8.0"> AppFlow<//span>  <svg viewbox="0 0 512 512" c-id="4.137.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.138.9.0"></path> </svg></a> <a href="//www.jesscamp.com/capacitor/docs/" target="_blank" class="Nav-link outbound" c-id="4.139.7.1"><span c-id="4.140.8.0"> 电容器<//span>  <svg viewbox="0 0 512 512" c-id="4.143.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.144.9.0"></path> </svg></a> <a href="https://stenciljs.com" target="_blank" class="Nav-link outbound" c-id="4.145.7.2"><span c-id="4.146.8.0"> 模版<//span>  <svg viewbox="0 0 512 512" c-id="4.149.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.150.9.0"></path> </svg></a> <a href="https://ionic.io/docs/identity-vault" target="_blank" class="Nav-link outbound" c-id="4.151.7.3"><span c-id="4.152.8.0"> 身份库<//span>  <svg viewbox="0 0 512 512" c-id="4.155.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.156.9.0"></path> </svg></a> <a href="https://ionic.io/docs/auth-connect" target="_blank" class="Nav-link outbound" c-id="4.157.7.4"><span c-id="4.158.8.0"> Auth Connect<//span>  <svg viewbox="0 0 512 512" c-id="4.161.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.162.9.0"></path> </svg></a> <a href="https://ionic.io/docs/secure-storage" target="_blank" class="Nav-link outbound" c-id="4.163.7.5"><span c-id="4.164.8.0"> 安全存储<//span>  <svg viewbox="0 0 512 512" c-id="4.167.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.168.9.0"></path> </svg></a> <a href="https://ionic.io/docs/premier-plugins" target="_blank" class="Nav-link outbound" c-id="4.169.7.6"><span c-id="4.170.8.0"> 总理插件<//span>  <svg viewbox="0 0 512 512" c-id="4.173.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.174.9.0"></path> </svg></a> </section> </div> </docs-dropdown> </stencil-route> <stencil-route group="7487-4538-8228-2344" class="hydrated" c-id="4.175.4.3" s-id="25">  <docs-dropdown tabindex="0" class="Dropdown Dropdown--left hydrated" c-id="4.176.5.0" s-id="26">     <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="26.0.0.0"><span class="Dropdown-button-label" c-id="26.1.1.0"> 框架<//span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="26.3.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="26.4.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="26.5.0.1">  <section c-id="4.177.6.0"> <stencil-route-link class="hydrated" c-id="4.178.7.0" s-id="27">    <a class="link-active" href="//www.jesscamp.com/docs/" c-id="27.0.0.0">  框架<svg viewbox="0 0 512 512" c-id="4.180.8.1"> <path d="M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z" c-id="4.181.9.0"></path> </svg></a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.182.7.1" s-id="28">   <a href="//www.jesscamp.com/docs/native" c-id="28.0.0.0">  本国的<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.184.7.2" s-id="29">   <a href="//www.jesscamp.com/docs/cli" c-id="29.0.0.0">  CLI<//a> </stencil-route-link> </section> <section c-id="4.186.6.1"> <a href="https://ionic.io/docs/appflow" target="_blank" class="Nav-link outbound" c-id="4.187.7.0"><span c-id="4.188.8.0"> AppFlow<//span>  <svg viewbox="0 0 512 512" c-id="4.191.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.192.9.0"></path> </svg></a> <a href="//www.jesscamp.com/capacitor/docs/" target="_blank" class="Nav-link outbound" c-id="4.193.7.1"><span c-id="4.194.8.0"> 电容器<//span>  <svg viewbox="0 0 512 512" c-id="4.197.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.198.9.0"></path> </svg></a> <a href="https://stenciljs.com" target="_blank" class="Nav-link outbound" c-id="4.199.7.2"><span c-id="4.200.8.0"> 模版<//span>  <svg viewbox="0 0 512 512" c-id="4.203.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.204.9.0"></path> </svg></a> <a href="https://ionic.io/docs/identity-vault" target="_blank" class="Nav-link outbound" c-id="4.205.7.3"><span c-id="4.206.8.0"> 身份库<//span>  <svg viewbox="0 0 512 512" c-id="4.209.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.210.9.0"></path> </svg></a> <a href="https://ionic.io/docs/auth-connect" target="_blank" class="Nav-link outbound" c-id="4.211.7.4"><span c-id="4.212.8.0"> Auth Connect<//span>  <svg viewbox="0 0 512 512" c-id="4.215.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.216.9.0"></path> </svg></a> <a href="https://ionic.io/docs/secure-storage" target="_blank" class="Nav-link outbound" c-id="4.217.7.5"><span c-id="4.218.8.0"> 安全存储<//span>  <svg viewbox="0 0 512 512" c-id="4.221.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.222.9.0"></path> </svg></a> <a href="https://ionic.io/docs/premier-plugins" target="_blank" class="Nav-link outbound" c-id="4.223.7.6"><span c-id="4.224.8.0"> 总理插件<//span>  <svg viewbox="0 0 512 512" c-id="4.227.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.228.9.0"></path> </svg></a> </section> <section c-id="4.229.6.2"> <a href="//www.jesscamp.com/docs/v4/components" target="_blank" class="Nav-link outbound" c-id="4.230.7.0"><span c-id="4.231.8.0"> 框架V4<//span>  <svg viewbox="0 0 512 512" c-id="4.234.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.235.9.0"></path> </svg></a> <a href="//www.jesscamp.com/docs/v3" target="_blank" class="Nav-link outbound" c-id="4.236.7.1"><span c-id="4.237.8.0"> 框架V3<//span>  <svg viewbox="0 0 512 512" c-id="4.240.8.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="4.241.9.0"></path> </svg></a> </section> </div> </docs-dropdown> <div class="SectionNav-tabs" c-id="4.242.5.1"> <stencil-route-link class="hydrated" c-id="4.243.6.0" s-id="30">   <a class="link-active" href="//www.jesscamp.com/docs/" c-id="30.0.0.0">  指导<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.245.6.1" s-id="31">   <a href="//www.jesscamp.com/docs/components" c-id="31.0.0.0">  成分<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.247.6.2" s-id="32">   <a href="//www.jesscamp.com/docs/cli" c-id="32.0.0.0">  CLI<//a> </stencil-route-link> <stencil-route-link class="hydrated" c-id="4.249.6.3" s-id="33">   <a href="//www.jesscamp.com/docs/native" c-id="33.0.0.0">  本国的<//a> </stencil-route-link> </div> </stencil-route> </stencil-route-switch> </nav> <div class="jobs-wrapper" c-id="4.251.2.1"> <a class="jobs" href="https://ionic.io/about/jobs" target="_blank" rel="noopener" c-id="4.252.3.0"><span class="start" c-id="4.253.4.0"> <svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg" c-id="4.254.5.0"> <g clip-path="url(#clip0)" fill="#D0FDFF" c-id="4.255.6.0"> <path d="M4.4 2.9a.65.65 0 011.22 0l.8 2.25c.07.18.22.33.4.4l2.25.8a.65.65 0 010 1.22l-2.25.8a.65.65 0 00-.4.4l-.8 2.25a.65.65 0 01-1.22 0l-.8-2.25a.65.65 0 00-.4-.4l-2.25-.8a.65.65 0 010-1.22l2.25-.8c.18-.07.33-.22.4-.4l.8-2.25zM9.04 1.2c.15-.4.72-.4.87 0l.29.81c.04.13.14.23.27.28l.8.29c.41.14.41.72 0 .87l-.8.28a.46.46 0 00-.27.28l-.3.8c-.14.41-.71.41-.86 0l-.29-.8a.46.46 0 00-.28-.28l-.8-.28a.46.46 0 010-.87l.8-.3a.46.46 0 00.28-.27l.29-.8zM1.5.48c.1-.3.5-.3.6 0l.24.65c.03.1.1.16.2.2l.65.23c.29.1.29.5 0 .61l-.65.24c-.1.03-.17.1-.2.2l-.23.65c-.1.28-.51.28-.62 0l-.23-.66a.32.32 0 00-.2-.2l-.65-.23a.32.32 0 010-.6l.65-.24c.1-.04.17-.1.2-.2l.23-.65z" c-id="4.256.7.0"></path> </g> <defs c-id="4.257.6.1"> <clippath id="clip0" c-id="4.258.7.0"> <path fill="#fff" d="M0 0h12v12H0z" c-id="4.259.8.0"></path> </clippath> </defs> </svg> betway东盟体育app离子正在招聘<//span><span class="end" c-id="4.261.4.1"> 跟我们工作<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="14" height="12" viewbox="0 0 512 512" c-id="4.263.5.1"> <title c-id="4.264.6.0"><！ - T.4.265.7.0->箭头前进<//title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100" c-id="4.266.6.1"></path> </svg></span></a> </div> <nav class="UtilNav" c-id="4.267.2.2"> <ionic-search class="hydrated" c-id="4.268.3.0" s-id="34">  <div class="search-box" c-id="34.0.0.0"> <input type="text" placeholder="Search Ionic.." c-id="34.1.1.0"> <svg viewbox="0 0 512 512" class="search-static" c-id="34.2.1.1"> <path d="M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z" c-id="34.3.2.0"></path> </svg> <ion-icon class="close sc-ion-icon-h md hydrated" role="img" aria-label="close" name="close" c-id="34.4.1.2" s-id="35">  <div class="icon-inner sc-ion-icon" c-id="35.0.0.0"></div> </ion-icon> <div class="slot" c-id="34.5.1.3"> <div class="Search__Defaults" c-id="34.6.2.0"> <div class="Search__Defaults__Section" c-id="34.7.3.0"> <h4 c-id="34.8.4.0"> 入门<//h4> <ul c-id="34.10.4.1"> <li c-id="34.11.5.0"><a href="//www.jesscamp.com/docs/intro/cli" c-id="34.12.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.13.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.14.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.15.8.1"></path> </svg><strong c-id="34.16.7.1"> 安装指南<//strong> |安装<///a></li> <li c-id="34.19.5.1"><a href="//www.jesscamp.com/docs/developing/previewing" c-id="34.20.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.21.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.22.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.23.8.1"></path> </svg><strong c-id="34.24.7.1"> 运行应用程序<//strong> |建造<///a></li> <li c-id="34.27.5.2"><a href="//www.jesscamp.com/docs/layout/structure" c-id="34.28.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.29.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.30.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.31.8.1"></path> </svg><strong c-id="34.32.7.1"> 应用结构<//strong> |布局<///a></li> <li c-id="34.35.5.3"><a href="//www.jesscamp.com/docs/theming/basics" c-id="34.36.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.37.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.38.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.39.8.1"></path> </svg><strong c-id="34.40.7.1"> 主题基础<//strong> |主题<///a></li> </ul> </div> <div class="Search__Defaults__Section" c-id="34.43.3.1"> <h4 c-id="34.44.4.0"> 常见主题<//h4> <ul c-id="34.46.4.1"> <li c-id="34.47.5.0"><a href="//www.jesscamp.com/docs/angular/testing" c-id="34.48.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.49.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.50.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.51.8.1"></path> </svg><strong c-id="34.52.7.1"> 测试<//strong> |建造<///a></li> <li c-id="34.55.5.1"><a href="//www.jesscamp.com/docs/core-concepts/cross-platform" c-id="34.56.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.57.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.58.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.59.8.1"></path> </svg><strong c-id="34.60.7.1"> 贮存<//strong> |建造<///a></li> <li c-id="34.63.5.2"><a href="//www.jesscamp.com/docs/lifecycle/angular" c-id="34.64.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.65.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.66.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.67.8.1"></path> </svg><strong c-id="34.68.7.1"> 生命周期事件<//strong> |角<///a></li> <li c-id="34.71.5.3"><a href="//www.jesscamp.com/docs/navigation/angular" c-id="34.72.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.73.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.74.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.75.8.1"></path> </svg><strong c-id="34.76.7.1"> 导航<//strong> |角<///a></li> </ul> </div> <div class="Search__Defaults__Section" c-id="34.79.3.2"> <h4 c-id="34.80.4.0"> UI组件<//h4> <ul c-id="34.82.4.1"> <li c-id="34.83.5.0"><a href="//www.jesscamp.com/docs/api/button" c-id="34.84.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.85.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.86.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.87.8.1"></path> </svg><strong c-id="34.88.7.1"> 离子巴顿<//strong> |纽扣<///a></li> <li c-id="34.91.5.1"><a href="//www.jesscamp.com/docs/api/card" c-id="34.92.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.93.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.94.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.95.8.1"></path> </svg><strong c-id="34.96.7.1"> 离子卡<//strong> |牌<///a></li> <li c-id="34.99.5.2"><a href="//www.jesscamp.com/docs/api/loading" c-id="34.100.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.101.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.102.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.103.8.1"></path> </svg><strong c-id="34.104.7.1"> 离子加载<//strong> |进度指标<///a></li> <li c-id="34.107.5.3"><a href="//www.jesscamp.com/docs/api/tabs" c-id="34.108.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.109.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.110.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.111.8.1"></path> </svg><strong c-id="34.112.7.1"> 离子标签<//strong> |标签<///a></li> </ul> </div> <div class="Search__Defaults__Section" c-id="34.115.3.3"> <h4 c-id="34.116.4.0"> 本国的<//h4> <ul c-id="34.118.4.1"> <li c-id="34.119.5.0"><a href="https://ionic.io/docs/premier-plugins/camera" c-id="34.120.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.121.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.122.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.123.8.1"></path> </svg><strong c-id="34.124.7.1"> 相机<//strong> |本地EE<///a></li> <li c-id="34.127.5.1"><a href="https://ionic.io/docs/identity-vault" c-id="34.128.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.129.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.130.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.131.8.1"></path> </svg><strong c-id="34.132.7.1"> 身份库<//strong> |本地EE<///a></li> <li c-id="34.135.5.2"><a href="//www.jesscamp.com/docs/native/firebase" c-id="34.136.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.137.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.138.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.139.8.1"></path> </svg><strong c-id="34.140.7.1"> 火箱<//strong> |本地CE<///a></li> <li c-id="34.143.5.3"><a href="//www.jesscamp.com/docs/native/barcode-scanner" c-id="34.144.6.0"> <svg viewbox="0 0 16 14" fill="none" c-id="34.145.7.0"> <path d="M0 0.21875C0 0.21875 1.5 -0.273438 4 0.21875C6.5 0.710938 8 2.1875 8 2.1875V14C8 14 6 13.0156 4 12.5234C2 12.0312 0 12.0312 0 12.0312V0.21875Z" fill="#73849A" c-id="34.146.8.0"></path> <path d="M16 0.21875C16 0.21875 14.5 -0.273438 12 0.21875C9.5 0.710938 8 2.1875 8 2.1875V14C8 14 10 13.0156 12 12.5234C14 12.0312 16 12.0312 16 12.0312V0.21875Z" fill="#B2BECD" c-id="34.147.8.1"></path> </svg><strong c-id="34.148.7.1"> 条形码扫描器<//strong> |本地CE<///a></li> </ul> </div> </div> </div> </div> <div class="SearchBtn" c-id="34.151.0.1"> <svg viewbox="0 0 512 512" class="SearchBtn__sm" c-id="34.152.1.0"> <path d="M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z" c-id="34.153.2.0"></path> </svg> <div class="SearchBtn__lg" c-id="34.154.1.1"> <svg viewbox="0 0 512 512" class="SearchBtn__lg__icon" c-id="34.155.2.0"> <path d="M443.5 420.2L336.7 312.4c20.9-26.2 33.5-59.4 33.5-95.5 0-84.5-68.5-153-153.1-153S64 132.5 64 217s68.5 153 153.1 153c36.6 0 70.1-12.8 96.5-34.2l106.1 107.1c3.2 3.4 7.6 5.1 11.9 5.1 4.1 0 8.2-1.5 11.3-4.5 6.6-6.3 6.8-16.7.6-23.3zm-226.4-83.1c-32.1 0-62.3-12.5-85-35.2-22.7-22.7-35.2-52.9-35.2-84.9 0-32.1 12.5-62.3 35.2-84.9 22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2c22.7 22.7 35.2 52.9 35.2 84.9 0 32.1-12.5 62.3-35.2 84.9-22.7 22.7-52.9 35.2-85 35.2z" c-id="34.156.3.0"></path> </svg> <span class="SearchBtn__lg__text" c-id="34.157.2.1"> 搜索文档<//span> <span class="SearchBtn__lg__key" c-id="34.159.2.2"> /<//span> </div> </div> <div class="backdrop null" c-id="34.161.0.2"></div> </ionic-search> <docs-dropdown tabindex="0" class="Dropdown Dropdown--right hydrated" c-id="4.269.3.1" s-id="36">     <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="36.0.0.0"><span class="Dropdown-button-label" c-id="36.1.1.0"> 社区<//span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="36.3.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="36.4.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="36.5.0.1">  <section c-id="4.270.4.0"> <a href="//www.jesscamp.com/community" target="_blank" c-id="4.271.5.0"> 社区中心<//a> </section> <section c-id="4.273.4.1"> <a href="https://forum.www.jesscamp.com/" target="_blank" c-id="4.274.5.0"> 论坛<//a> <a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" c-id="4.276.5.1"> 聚会<//a> </section> <section c-id="4.278.4.2"> <a href="https://blog.www.jesscamp.com/" target="_blank" c-id="4.279.5.0"> 博客<//a> <a href="https://twitter.com/ionicframework" target="_blank" c-id="4.281.5.1"> 推特<//a> </section> </div> </docs-dropdown> <docs-dropdown tabindex="0" class="Dropdown Dropdown--right hydrated" c-id="4.283.3.2" s-id="37">    <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="37.0.0.0"><span class="Dropdown-button-label" c-id="37.1.1.0"> 支持<//span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="37.3.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="37.4.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="37.5.0.1">  <section c-id="4.284.4.0"> <a href="//www.jesscamp.com/support" target="_blank" c-id="4.285.5.0"> 帮助中心<//a> </section> <section c-id="4.287.4.1"> <a href="https://ionic.zendesk.com/" target="_blank" c-id="4.288.5.0"> 客户支持<//a> <a href="//www.jesscamp.com/advisory" target="_blank" c-id="4.290.5.1"> 企业咨询<//a> </section> </div> </docs-dropdown> <docs-dropdown class="label-sm-only Dropdown Dropdown--right hydrated" tabindex="0" c-id="4.292.3.3" s-id="38">     <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="38.0.0.0"><span class="Dropdown-button-label" c-id="38.1.1.0"> 翻译<//span> <svg viewbox="0 0 22 14" fill="none" class="Dropdown-icon" c-id="38.3.1.1"> <path d="M19.3213 13.9999H22.0001L17.039 1.21558H14.2346L9.2832 13.9999H11.8072L13.0064 10.7307H18.1415L19.3213 13.9999ZM15.5014 3.65195H15.6658L17.5613 8.92339H13.5866L15.5014 3.65195Z" fill="#B2BECD" c-id="38.4.2.0"></path> <path d="M0 1.10938H12.4318L11.5697 3.32812H0V1.10938Z" fill="#B2BECD" c-id="38.5.2.1"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.75268 1.11609C8.75268 1.11609 8.75268 1.11712 9.89332 1.11712C11.034 1.11712 11.034 1.11822 11.034 1.11822L11.034 1.11939L11.034 1.12198L11.0339 1.12805L11.0337 1.14382C11.0335 1.15593 11.0332 1.17122 11.0325 1.1896C11.0313 1.22637 11.029 1.27554 11.0248 1.33642C11.0164 1.45817 11.0003 1.62689 10.9695 1.83709C10.9081 2.25748 10.7879 2.84428 10.5533 3.55314C10.083 4.97375 9.15623 6.87412 7.33744 8.89844L7.30893 8.93017L2.7154 13.3124L1.24023 11.7004L5.63338 7.45082C7.21765 5.67868 7.9949 4.05478 8.37789 2.89777C8.57098 2.31443 8.66471 1.84706 8.71016 1.53633C8.73288 1.38097 8.74352 1.2649 8.74847 1.19324C8.75095 1.15741 8.752 1.13272 8.75243 1.11981L8.75272 1.10938L8.7527 1.11094L8.75269 1.11345L8.75268 1.11609Z" fill="#B2BECD" c-id="38.6.2.2"></path> <rect x="5.5166" width="2.20704" height="1.10937" fill="#B2BECD" c-id="38.7.2.3"></rect> <path d="M4.17075 7.9686C3.09555 6.69872 2.39593 5.48407 1.94141 4.4375H4.40026C4.76103 5.09472 5.24197 5.81584 5.88345 6.5682L5.93101 6.62398L5.96524 6.67692C5.96787 6.68067 5.97319 6.68816 5.98137 6.69921C6.0017 6.72667 6.03969 6.77615 6.09781 6.8448C6.21395 6.98199 6.41098 7.19635 6.70864 7.46479C7.19301 7.9016 8.18265 8.61127 9.29424 9.23901L8.50109 11.2671C6.94927 10.5044 5.9002 9.71638 5.23489 9.11639C4.86256 8.78062 4.5965 8.49477 4.41706 8.28281C4.32738 8.17688 4.25946 8.08955 4.21081 8.02383C4.19559 8.00327 4.18226 7.98483 4.17075 7.9686Z" fill="#B2BECD" c-id="38.8.2.4"></path> </svg> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="38.9.1.2"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="38.10.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="38.11.0.1">  <section c-id="4.293.4.0"> <a href="//www.jesscamp.com/en/docs/" class="link-active" c-id="4.294.5.0"> 英语<svg viewbox="0 0 512 512" width="14" c-id="4.296.6.1"> <path d="M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z" c-id="4.297.7.0"></path> </svg></a> <a href="//www.jesscamp.com/jp/docs/" target="_blank" c-id="4.298.5.1"> 日本语<//a> </section> <section c-id="4.300.4.1"> <a href="//www.jesscamp.com/translate" target="_blank" c-id="4.301.5.0"> 翻译<//a> </section> <div c-id="4.303.4.2" style="display: none;"> <a href="//www.jesscamp.com/docs/zh" c-id="4.304.5.0"> 中国人<//a> <a href="//www.jesscamp.com/docs/fr" c-id="4.306.5.1"> 法语<//a> <a href="//www.jesscamp.com/docs/pt" c-id="4.308.5.2"> 葡萄牙语<//a> <a href="//www.jesscamp.com/docs/es" c-id="4.310.5.3"> 西班牙语<//a> </div> </div> </docs-dropdown> <a href="https://github.com/ionic-team/ionic" target="_blank" c-id="4.312.3.4"> <ion-icon class="lg-only sc-ion-icon-h md hydrated" role="img" aria-label="logo github" name="logo-github" c-id="4.313.4.0" s-id="39">  <div class="icon-inner sc-ion-icon" c-id="39.0.0.0"></div> </ion-icon><span class="sm-only" c-id="4.314.4.1"> github<svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="4.316.5.1"> <path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" c-id="4.317.6.0"></path> </svg></span></a> <a href="https://twitter.com/ionicframework" target="_blank" c-id="4.318.3.5"> <ion-icon class="lg-only sc-ion-icon-h md hydrated" role="img" aria-label="logo twitter" name="logo-twitter" c-id="4.319.4.0" s-id="40">  <div class="icon-inner sc-ion-icon" c-id="40.0.0.0"></div> </ion-icon><span class="sm-only" c-id="4.320.4.1"> 推特<svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="4.322.5.1"> <path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" c-id="4.323.6.0"></path> </svg></span></a> </nav> </div> </header-mobile-collapse> </header> </docs-header> <docs-menu class="hydrated" c-id="1.3.1.2" s-id="41">  <header c-id="41.0.0.0"> <docs-menu-toggle role="button" tabindex="0" aria-label="Toggle Menu" class="hydrated" c-id="41.1.1.0" s-id="42">  <svg viewbox="0 0 512 512" c-id="42.0.0.0"> <path d="M64 384h384v-42.666H64V384zm0-106.666h384v-42.667H64v42.667zM64 128v42.665h384V128H64z" c-id="42.1.1.0"></path> </svg> </docs-menu-toggle> <stencil-route-link class="hydrated" c-id="41.2.1.1" s-id="43">   <a class="link-active" href="//www.jesscamp.com/docs/" c-id="43.0.0.0">  <svg viewbox="0 0 78 25" fill="currentColor" class="MenuLogo" c-id="41.3.2.0"> <title c-id="41.4.3.0"><！ - T.41.5.4.0-betway东盟体育app> www.jesscamp.com<//title> <path d="M19.8517 8.01728C21.2289 8.01728 22.3454 6.9008 22.3454 5.52354C22.3454 4.14628 21.2289 3.02979 19.8517 3.02979C18.4744 3.02979 17.3579 4.14628 17.3579 5.52354C17.3579 6.9008 18.4744 8.01728 19.8517 8.01728Z" c-id="41.6.3.1"></path> <path d="M22.9219 8.02656L22.8187 7.79688L22.65 7.98438C22.2422 8.44844 21.7219 8.80469 21.1453 9.02031L20.9859 9.08125L21.0516 9.23594C21.5484 10.4312 21.8016 11.6969 21.8016 12.9953C21.8016 18.4 17.4047 22.8016 11.9953 22.8016C6.58594 22.8016 2.19375 18.4047 2.19375 13C2.19375 7.59531 6.59531 3.19375 12 3.19375C13.4672 3.19375 14.8828 3.5125 16.2 4.14062L16.3547 4.21562L16.4203 4.06094C16.6594 3.49844 17.0437 2.99687 17.5266 2.60781L17.7234 2.44844L17.4984 2.33125C15.7875 1.45 13.9359 1 12 1C5.38125 1 0 6.38125 0 13C0 19.6187 5.38125 25 12 25C18.6187 25 24 19.6187 24 13C24 11.2703 23.6391 9.59687 22.9219 8.02656Z" c-id="41.7.3.2"></path> <path d="M12.1829 7.53447C9.02353 7.43134 6.43134 10.0235 6.53447 13.1829C6.62822 16.047 8.95322 18.3767 11.8173 18.4657C14.9767 18.5688 17.5688 15.9767 17.4657 12.8173C17.372 9.95322 15.047 7.62822 12.1829 7.53447Z" c-id="41.8.3.3"></path> <text font-size="18" font-weight="bold" letter-spacing="-0.02em" c-id="41.9.3.4" style="white-space: pre;"> <tspan x="27.5" y="19.5" c-id="41.10.4.0"> 文档<//tspan> </text> </svg></a> </stencil-route-link> </header> <stencil-route-switch group="7320-7831-4231-2114" class="hydrated" c-id="41.12.0.1" s-id="44">      <stencil-route class="hydrated" group="7320-7831-4231-2114" c-id="41.13.1.0" s-id="45" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="7320-7831-4231-2114" c-id="41.14.1.1" s-id="46" style="display: none;">  </stencil-route> <stencil-route group="7320-7831-4231-2114" class="hydrated" c-id="41.15.1.2" s-id="47">  <section class="MenuControls" c-id="41.16.2.0"> <framework-select class="hydrated" c-id="41.17.3.0" s-id="48">  <docs-select class="FrameworkSelect Select hydrated" c-id="48.0.0.0" s-id="49">  <docs-dropdown tabindex="0" class="Dropdown Dropdown--left hydrated" c-id="49.0.0.0" s-id="50">      <button tabindex="-1" class="Dropdown-button" aria-haspopup="menu" aria-expanded="false" c-id="50.0.0.0"><span class="Dropdown-button-label" c-id="50.1.1.0"> <div class="FrameworkSelect-framework" c-id="50.2.2.0"> <svg viewbox="0 0 14 14" fill="none" class="FrameworkSelect-icon" c-id="50.3.3.0"> <circle cx="7" cy="7" r="7" fill="#1A232F" c-id="50.4.4.0"></circle> <path d="M7.891 7c0 .497-.399.9-.89.9a.895.895 0 0 1-.892-.9c0-.497.399-.9.891-.9s.891.403.891.9z" fill="#5ADBFF" c-id="50.5.4.1"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.564 3.223c.144.118.29.25.436.393a6.61 6.61 0 0 1 .436-.393c.371-.305.74-.529 1.085-.641.345-.113.689-.12.979.049.29.169.456.473.531.83.076.358.069.793-.007 1.27-.03.185-.07.377-.12.577.197.056.382.117.555.184.448.172.825.383 1.093.628.27.245.448.542.448.88 0 .338-.179.635-.448.88-.268.245-.645.456-1.093.628a6.559 6.559 0 0 1-.554.184c.05.2.09.392.119.577.076.477.083.912.008 1.27-.076.357-.242.661-.532.83-.29.17-.634.162-.98.05-.344-.113-.713-.337-1.084-.642A6.635 6.635 0 0 1 7 10.384a6.635 6.635 0 0 1-.436.393c-.371.305-.74.529-1.085.641-.345.113-.689.12-.979-.049-.29-.169-.456-.473-.532-.83-.075-.358-.068-.793.008-1.27.03-.185.07-.377.12-.577a6.55 6.55 0 0 1-.555-.184c-.448-.172-.825-.383-1.093-.628C2.178 7.635 2 7.338 2 7c0-.338.179-.635.448-.88.268-.245.645-.456 1.093-.628a6.55 6.55 0 0 1 .554-.184c-.05-.2-.09-.392-.119-.577-.076-.477-.083-.912-.008-1.27.076-.357.242-.661.532-.83.29-.17.634-.162.98-.05.344.113.713.337 1.084.642zm3.042.33c-.06-.285-.177-.457-.323-.542-.147-.086-.353-.102-.628-.012-.276.09-.598.28-.945.564-.134.11-.27.232-.407.367.287.312.572.669.847 1.06.474.045.922.116 1.333.21a6.26 6.26 0 0 0 .111-.539c.071-.446.073-.822.012-1.107zm-3.316.01c.134.11.27.232.407.367a10.49 10.49 0 0 0-.847 1.06c-.474.045-.922.116-1.333.21a6.26 6.26 0 0 1-.112-.539c-.07-.446-.072-.822-.011-1.107.06-.286.177-.458.323-.543.147-.086.353-.102.628-.012.276.09.598.28.945.564zm2.177 1.904c.316.04.617.092.897.156a9.763 9.763 0 0 1-.315.862 12.941 12.941 0 0 0-.582-1.018zm1.32.263c-.125.406-.289.834-.488 1.27.2.436.363.864.488 1.27.184-.053.357-.11.517-.172.418-.161.742-.348.957-.544.215-.196.304-.383.304-.554 0-.17-.089-.358-.304-.554-.215-.196-.538-.383-.957-.544a6.117 6.117 0 0 0-.517-.172zm-1.394.458c.156.273.298.544.426.812a12.345 12.345 0 0 1-.91 1.59 12.086 12.086 0 0 1-1.818 0A12.323 12.323 0 0 1 5.18 7a12.345 12.345 0 0 1 .91-1.59 12.086 12.086 0 0 1 1.818 0c.166.246.328.506.484.778zm.377 1.843c-.099.172-.2.34-.303.502.316-.04.617-.092.897-.156a9.763 9.763 0 0 0-.315-.862c-.088.172-.18.344-.28.516zM7 9.062c.197 0 .391-.005.582-.013A9.686 9.686 0 0 1 7 9.755a9.688 9.688 0 0 1-.582-.706c.19.008.385.013.582.013zm1.15-.053c-.275.392-.56.749-.847 1.061.137.135.273.257.407.367.347.284.669.474.945.564.275.09.481.074.628-.012.146-.085.263-.257.323-.543.061-.285.06-.661-.011-1.107a6.26 6.26 0 0 0-.112-.539c-.411.094-.86.165-1.333.21zm-2.3 0c.275.392.56.749.847 1.061a6.17 6.17 0 0 1-.407.367c-.347.284-.669.474-.945.564-.275.09-.481.074-.628-.012-.146-.085-.263-.257-.323-.543-.061-.285-.06-.661.011-1.107a6.26 6.26 0 0 1 .112-.539c.411.094.86.165 1.333.21zm-.317-.476a9.539 9.539 0 0 1-.897-.156c.086-.277.19-.565.315-.862a12.941 12.941 0 0 0 .582 1.018zM5.23 5.97c-.098.172-.191.344-.28.516a9.763 9.763 0 0 1-.314-.862c.28-.064.58-.116.897-.156-.103.162-.204.33-.303.502zM4.213 8.27c.125-.406.289-.834.488-1.27a10.567 10.567 0 0 1-.488-1.27c-.184.053-.357.11-.517.172-.419.161-.742.348-.957.544-.215.196-.304.383-.304.554 0 .17.089.358.304.554.215.196.538.383.957.544.16.062.333.12.517.172zM7 4.938a12.7 12.7 0 0 0-.582.013c.192-.256.387-.492.582-.706.195.214.39.45.582.706A12.698 12.698 0 0 0 7 4.938z" fill="#5ADBFF" c-id="50.6.4.2"></path> </svg> <span c-id="50.7.3.1"> 反应<//span> </div></span> <svg viewbox="0 0 512 512" class="Dropdown-arrow" c-id="50.9.1.1"> <path d="M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" c-id="50.10.2.0"></path> </svg></button> <div role="menu" class="Dropdown-panel" c-id="50.11.0.1">  <div class="Select-option Select-option--selected" role="menuitemradio" aria-checked="true" tabindex="0" c-id="49.1.1.0"> <div class="FrameworkSelect-framework" c-id="49.2.2.0"> <svg viewbox="0 0 14 14" fill="none" class="FrameworkSelect-icon" c-id="49.3.3.0"> <circle cx="7" cy="7" r="7" fill="#1A232F" c-id="49.4.4.0"></circle> <path d="M7.891 7c0 .497-.399.9-.89.9a.895.895 0 0 1-.892-.9c0-.497.399-.9.891-.9s.891.403.891.9z" fill="#5ADBFF" c-id="49.5.4.1"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.564 3.223c.144.118.29.25.436.393a6.61 6.61 0 0 1 .436-.393c.371-.305.74-.529 1.085-.641.345-.113.689-.12.979.049.29.169.456.473.531.83.076.358.069.793-.007 1.27-.03.185-.07.377-.12.577.197.056.382.117.555.184.448.172.825.383 1.093.628.27.245.448.542.448.88 0 .338-.179.635-.448.88-.268.245-.645.456-1.093.628a6.559 6.559 0 0 1-.554.184c.05.2.09.392.119.577.076.477.083.912.008 1.27-.076.357-.242.661-.532.83-.29.17-.634.162-.98.05-.344-.113-.713-.337-1.084-.642A6.635 6.635 0 0 1 7 10.384a6.635 6.635 0 0 1-.436.393c-.371.305-.74.529-1.085.641-.345.113-.689.12-.979-.049-.29-.169-.456-.473-.532-.83-.075-.358-.068-.793.008-1.27.03-.185.07-.377.12-.577a6.55 6.55 0 0 1-.555-.184c-.448-.172-.825-.383-1.093-.628C2.178 7.635 2 7.338 2 7c0-.338.179-.635.448-.88.268-.245.645-.456 1.093-.628a6.55 6.55 0 0 1 .554-.184c-.05-.2-.09-.392-.119-.577-.076-.477-.083-.912-.008-1.27.076-.357.242-.661.532-.83.29-.17.634-.162.98-.05.344.113.713.337 1.084.642zm3.042.33c-.06-.285-.177-.457-.323-.542-.147-.086-.353-.102-.628-.012-.276.09-.598.28-.945.564-.134.11-.27.232-.407.367.287.312.572.669.847 1.06.474.045.922.116 1.333.21a6.26 6.26 0 0 0 .111-.539c.071-.446.073-.822.012-1.107zm-3.316.01c.134.11.27.232.407.367a10.49 10.49 0 0 0-.847 1.06c-.474.045-.922.116-1.333.21a6.26 6.26 0 0 1-.112-.539c-.07-.446-.072-.822-.011-1.107.06-.286.177-.458.323-.543.147-.086.353-.102.628-.012.276.09.598.28.945.564zm2.177 1.904c.316.04.617.092.897.156a9.763 9.763 0 0 1-.315.862 12.941 12.941 0 0 0-.582-1.018zm1.32.263c-.125.406-.289.834-.488 1.27.2.436.363.864.488 1.27.184-.053.357-.11.517-.172.418-.161.742-.348.957-.544.215-.196.304-.383.304-.554 0-.17-.089-.358-.304-.554-.215-.196-.538-.383-.957-.544a6.117 6.117 0 0 0-.517-.172zm-1.394.458c.156.273.298.544.426.812a12.345 12.345 0 0 1-.91 1.59 12.086 12.086 0 0 1-1.818 0A12.323 12.323 0 0 1 5.18 7a12.345 12.345 0 0 1 .91-1.59 12.086 12.086 0 0 1 1.818 0c.166.246.328.506.484.778zm.377 1.843c-.099.172-.2.34-.303.502.316-.04.617-.092.897-.156a9.763 9.763 0 0 0-.315-.862c-.088.172-.18.344-.28.516zM7 9.062c.197 0 .391-.005.582-.013A9.686 9.686 0 0 1 7 9.755a9.688 9.688 0 0 1-.582-.706c.19.008.385.013.582.013zm1.15-.053c-.275.392-.56.749-.847 1.061.137.135.273.257.407.367.347.284.669.474.945.564.275.09.481.074.628-.012.146-.085.263-.257.323-.543.061-.285.06-.661-.011-1.107a6.26 6.26 0 0 0-.112-.539c-.411.094-.86.165-1.333.21zm-2.3 0c.275.392.56.749.847 1.061a6.17 6.17 0 0 1-.407.367c-.347.284-.669.474-.945.564-.275.09-.481.074-.628-.012-.146-.085-.263-.257-.323-.543-.061-.285-.06-.661.011-1.107a6.26 6.26 0 0 1 .112-.539c.411.094.86.165 1.333.21zm-.317-.476a9.539 9.539 0 0 1-.897-.156c.086-.277.19-.565.315-.862a12.941 12.941 0 0 0 .582 1.018zM5.23 5.97c-.098.172-.191.344-.28.516a9.763 9.763 0 0 1-.314-.862c.28-.064.58-.116.897-.156-.103.162-.204.33-.303.502zM4.213 8.27c.125-.406.289-.834.488-1.27a10.567 10.567 0 0 1-.488-1.27c-.184.053-.357.11-.517.172-.419.161-.742.348-.957.544-.215.196-.304.383-.304.554 0 .17.089.358.304.554.215.196.538.383.957.544.16.062.333.12.517.172zM7 4.938a12.7 12.7 0 0 0-.582.013c.192-.256.387-.492.582-.706.195.214.39.45.582.706A12.698 12.698 0 0 0 7 4.938z" fill="#5ADBFF" c-id="49.6.4.2"></path> </svg> <span c-id="49.7.3.1"> 反应<//span> </div> </div> <div class="Select-option" role="menuitemradio" aria-checked="false" tabindex="0" c-id="49.9.1.1"> <div class="FrameworkSelect-framework" c-id="49.10.2.0"> <svg viewbox="0 0 14 14" fill="none" class="FrameworkSelect-icon" c-id="49.11.3.0"> <path d="M5.674 7h2.651L7 4.208 5.674 7z" fill="#E13535" c-id="49.12.4.0"></path> <path d="M7 0L0 2.5 1.441 11 7 14l5.555-3L14 2.5 7 0zm2.75 10l-.83-1.75H5.08L4.25 10H3l4-8.75L11 10H9.75z" fill="#E13535" c-id="49.13.4.1"></path> </svg> <span c-id="49.14.3.1"> 角<//span> </div> </div> <div class="Select-option" role="menuitemradio" aria-checked="false" tabindex="0" c-id="49.16.1.2"> <div class="FrameworkSelect-framework" c-id="49.17.2.0"> <svg viewbox="0 0 13 13" fill="none" class="FrameworkSelect-icon" c-id="49.18.3.0"> <path fill="#FFD12F" d="M0 0h13v13H0z" c-id="49.19.4.0"></path> <path d="M7.357 6.114H6.286v3.018c0 .747-.242.956-.662.956-.197 0-.374-.036-.512-.087L5 10.885c.197.072.499.115.735.115.965 0 1.622-.481 1.622-1.86V6.113zM9.694 6C8.657 6 8 6.625 8 7.451c0 .711.506 1.157 1.24 1.444.532.201.743.381.743.675 0 .324-.243.532-.703.532-.427 0-.814-.151-1.077-.302L8 10.698c.25.15.716.302 1.221.302C10.435 11 11 10.31 11 9.498c0-.69-.361-1.135-1.142-1.45-.578-.245-.82-.381-.82-.69 0-.245.21-.467.643-.467.426 0 .72.152.89.245l.257-.909C10.56 6.103 10.198 6 9.694 6z" fill="#0E151F" c-id="49.20.4.1"></path> </svg> <span c-id="49.21.3.1"> JavaScript<//span> </div> </div> <div class="Select-option" role="menuitemradio" aria-checked="false" tabindex="0" c-id="49.23.1.3"> <div class="FrameworkSelect-framework" c-id="49.24.2.0"> <svg viewbox="0 0 14 13" fill="none" class="FrameworkSelect-icon" c-id="49.25.3.0"> <path d="M8.618 0L7 3.005 5.382 0H0l7 13 7-13H8.618z" fill="#4DB684" c-id="49.26.4.0"></path> <path d="M8.618 0L7 3.005 5.382 0h-2.58L7 7.8 11.198 0h-2.58z" fill="#36495D" c-id="49.27.4.1"></path> </svg> <span c-id="49.28.3.1"> Vue<//span> </div> </div> </div> </docs-dropdown> </docs-select> </framework-select> </section> </stencil-route> </stencil-route-switch> <stencil-route-switch class="Menu hydrated" group="3624-8974-1311-2213" c-id="41.18.0.2" s-id="51">         <stencil-route class="hydrated" group="3624-8974-1311-2213" c-id="41.19.1.0" s-id="52" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="3624-8974-1311-2213" c-id="41.20.1.1" s-id="53" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="3624-8974-1311-2213" c-id="41.21.1.2" s-id="54" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="3624-8974-1311-2213" c-id="41.22.1.3" s-id="55" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="3624-8974-1311-2213" c-id="41.23.1.4" s-id="56" style="display: none;">  </stencil-route> <stencil-route group="3624-8974-1311-2213" class="hydrated" c-id="41.24.1.5" s-id="57">  <docs-nav role="navigation" class="hydrated" c-id="57.0.0.0" s-id="58">  <ul class="Nav" c-id="58.0.0.0"> <li c-id="58.1.1.0"> <section c-id="58.2.2.0"> <header class="Nav-header" c-id="58.3.3.0"> 入门<//header> <ul class="Nav-subnav" c-id="58.5.3.1" style="--level: 1;"> <li c-id="58.6.4.0"> <stencil-route-link class="hydrated" c-id="58.7.5.0" s-id="59">   <a class="Nav-link" href="//www.jesscamp.com/docs" c-id="59.0.0.0"> <span c-id="58.8.6.0"> 概述<//span></a> </stencil-route-link></li> <li c-id="58.10.4.1"> <stencil-route-link class="hydrated" c-id="58.11.5.0" s-id="60">   <a class="Nav-link" href="//www.jesscamp.com/docs/intro/environment" c-id="60.0.0.0"> <span c-id="58.12.6.0"> 环境设置<//span></a> </stencil-route-link></li> <li c-id="58.14.4.2"> <stencil-route-link class="hydrated" c-id="58.15.5.0" s-id="61">   <a class="Nav-link" href="//www.jesscamp.com/docs/intro/cli" c-id="61.0.0.0"> <span c-id="58.16.6.0"> CLI安装<//span></a> </stencil-route-link></li> <li c-id="58.18.4.3"> <stencil-route-link class="hydrated" c-id="58.19.5.0" s-id="62">   <a class="Nav-link" href="//www.jesscamp.com/docs/intro/cdn" c-id="62.0.0.0"> <span c-id="58.20.6.0"> 包装和CDN<//span></a> </stencil-route-link></li> <li c-id="58.22.4.4"> <stencil-route-link class="hydrated" c-id="58.23.5.0" s-id="63">   <a class="Nav-link" href="//www.jesscamp.com/docs/intro/next" c-id="63.0.0.0"> <span c-id="58.24.6.0"> 下一步<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.26.1.1"> <section c-id="58.27.2.0"> <header class="Nav-header" c-id="58.28.3.0"> 发展<//header> <ul class="Nav-subnav" c-id="58.30.3.1" style="--level: 1;"> <li c-id="58.31.4.0"> <stencil-route-link class="hydrated" c-id="58.32.5.0" s-id="64">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/starting" c-id="64.0.0.0"> <span c-id="58.33.6.0"> 开始<//span></a> </stencil-route-link></li> <li c-id="58.35.4.1"> <stencil-route-link class="hydrated" c-id="58.36.5.0" s-id="65">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/previewing" c-id="65.0.0.0"> <span c-id="58.37.6.0"> 预览<//span></a> </stencil-route-link></li> <li c-id="58.39.4.2"> <stencil-route-link class="hydrated" c-id="58.40.5.0" s-id="66">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/scaffolding" c-id="66.0.0.0"> <span c-id="58.41.6.0"> 脚手架<//span></a> </stencil-route-link></li> <li c-id="58.43.4.3"> <stencil-route-link class="hydrated" c-id="58.44.5.0" s-id="67">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/ios" c-id="67.0.0.0"> <span c-id="58.45.6.0"> 为iOS开发<//span></a> </stencil-route-link></li> <li c-id="58.47.4.4"> <stencil-route-link class="hydrated" c-id="58.48.5.0" s-id="68">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/android" c-id="68.0.0.0"> <span c-id="58.49.6.0"> 为Android开发<//span></a> </stencil-route-link></li> <li c-id="58.51.4.5"> <stencil-route-link class="hydrated" c-id="58.52.5.0" s-id="69">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/tips" c-id="69.0.0.0"> <span c-id="58.53.6.0"> 开发技巧<//span></a> </stencil-route-link></li> <li c-id="58.55.4.6"> <stencil-route-link class="hydrated" c-id="58.56.5.0" s-id="70">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/hardware-back-button" c-id="70.0.0.0"> <span c-id="58.57.6.0"> 硬件后按钮<//span></a> </stencil-route-link></li> <li c-id="58.59.4.7"> <stencil-route-link class="hydrated" c-id="58.60.5.0" s-id="71">   <a class="Nav-link" href="//www.jesscamp.com/docs/developing/keyboard" c-id="71.0.0.0"> <span c-id="58.61.6.0"> 键盘<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.63.1.2"> <section c-id="58.64.2.0"> <header class="Nav-header" c-id="58.65.3.0"> 布局<//header> <ul class="Nav-subnav" c-id="58.67.3.1" style="--level: 1;"> <li c-id="58.68.4.0"> <stencil-route-link class="hydrated" c-id="58.69.5.0" s-id="72">   <a class="Nav-link" href="//www.jesscamp.com/docs/layout/structure" c-id="72.0.0.0"> <span c-id="58.70.6.0"> 结构<//span></a> </stencil-route-link></li> <li c-id="58.72.4.1"> <stencil-route-link class="hydrated" c-id="58.73.5.0" s-id="73">   <a class="Nav-link--active Nav-link" href="//www.jesscamp.com/docs/layout/grid" c-id="73.0.0.0"> <span c-id="58.74.6.0"> 响应式网格<//span></a> </stencil-route-link></li> <li c-id="58.76.4.2"> <stencil-route-link class="hydrated" c-id="58.77.5.0" s-id="74">   <a class="Nav-link" href="//www.jesscamp.com/docs/layout/global-stylesheets" c-id="74.0.0.0"> <span c-id="58.78.6.0"> 全球样式表<//span></a> </stencil-route-link></li> <li c-id="58.80.4.3"> <stencil-route-link class="hydrated" c-id="58.81.5.0" s-id="75">   <a class="Nav-link" href="//www.jesscamp.com/docs/layout/css-utilities" c-id="75.0.0.0"> <span c-id="58.82.6.0"> CSS公用事业<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.84.1.3"> <section c-id="58.85.2.0"> <header class="Nav-header" c-id="58.86.3.0"> 主题<//header> <ul class="Nav-subnav" c-id="58.88.3.1" style="--level: 1;"> <li c-id="58.89.4.0"> <stencil-route-link class="hydrated" c-id="58.90.5.0" s-id="76">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/basics" c-id="76.0.0.0"> <span c-id="58.91.6.0"> 基本<//span></a> </stencil-route-link></li> <li c-id="58.93.4.1"> <stencil-route-link class="hydrated" c-id="58.94.5.0" s-id="77">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/platform-styles" c-id="77.0.0.0"> <span c-id="58.95.6.0"> 平台样式<//span></a> </stencil-route-link></li> <li c-id="58.97.4.2"> <stencil-route-link class="hydrated" c-id="58.98.5.0" s-id="78">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/css-variables" c-id="78.0.0.0"> <span c-id="58.99.6.0"> CSS变量<//span></a> </stencil-route-link></li> <li c-id="58.101.4.3"> <stencil-route-link class="hydrated" c-id="58.102.5.0" s-id="79">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/css-shadow-parts" c-id="79.0.0.0"> <span c-id="58.103.6.0"> CSS阴影零件<//span></a> </stencil-route-link></li> <li c-id="58.105.4.4"> <stencil-route-link class="hydrated" c-id="58.106.5.0" s-id="80">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/colors" c-id="80.0.0.0"> <span c-id="58.107.6.0"> 颜色<//span></a> </stencil-route-link></li> <li c-id="58.109.4.5"> <stencil-route-link class="hydrated" c-id="58.110.5.0" s-id="81">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/themes" c-id="81.0.0.0"> <span c-id="58.111.6.0"> 主题<//span></a> </stencil-route-link></li> <li c-id="58.113.4.6"> <stencil-route-link class="hydrated" c-id="58.114.5.0" s-id="82">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/dark-mode" c-id="82.0.0.0"> <span c-id="58.115.6.0"> 黑暗模式<//span></a> </stencil-route-link></li> <li c-id="58.117.4.7"> <stencil-route-link class="hydrated" c-id="58.118.5.0" s-id="83">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/advanced" c-id="83.0.0.0"> <span c-id="58.119.6.0"> 先进的<//span></a> </stencil-route-link></li> <li c-id="58.121.4.8"> <stencil-route-link class="hydrated" c-id="58.122.5.0" s-id="84">   <a class="Nav-link" href="//www.jesscamp.com/docs/theming/color-generator" c-id="84.0.0.0"> <span c-id="58.123.6.0"> 颜色生成器<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.125.1.4"> <section c-id="58.126.2.0"> <header class="Nav-header" c-id="58.127.3.0"> 角<//header> <ul class="Nav-subnav" c-id="58.129.3.1" style="--level: 1;"> <li c-id="58.130.4.0"> <stencil-route-link class="hydrated" c-id="58.131.5.0" s-id="85">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/overview" c-id="85.0.0.0"> <span c-id="58.132.6.0"> 概述<//span></a> </stencil-route-link></li> <li c-id="58.134.4.1"> <stencil-route-link class="hydrated" c-id="58.135.5.0" s-id="86">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app" c-id="86.0.0.0"> <span c-id="58.136.6.0"> 构建您的第一个应用程序<//span></a> </stencil-route-link></li> <li c-id="58.138.4.2"> <section c-id="58.139.5.0"> <ul class="Nav-subnav" c-id="58.140.6.0" style="--level: 2;"> <li c-id="58.141.7.0"> <stencil-route-link class="hydrated" c-id="58.142.8.0" s-id="87">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app/2-taking-photos" c-id="87.0.0.0"> <span c-id="58.143.9.0"> 拍照<//span></a> </stencil-route-link></li> <li c-id="58.145.7.1"> <stencil-route-link class="hydrated" c-id="58.146.8.0" s-id="88">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app/3-saving-photos" c-id="88.0.0.0"> <span c-id="58.147.9.0"> 保存照片<//span></a> </stencil-route-link></li> <li c-id="58.149.7.2"> <stencil-route-link class="hydrated" c-id="58.150.8.0" s-id="89">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app/4-loading-photos" c-id="89.0.0.0"> <span c-id="58.151.9.0"> 加载照片<//span></a> </stencil-route-link></li> <li c-id="58.153.7.3"> <stencil-route-link class="hydrated" c-id="58.154.8.0" s-id="90">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app/5-adding-mobile" c-id="90.0.0.0"> <span c-id="58.155.9.0"> 添加手机<//span></a> </stencil-route-link></li> <li c-id="58.157.7.4"> <stencil-route-link class="hydrated" c-id="58.158.8.0" s-id="91">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app/6-deploying-mobile" c-id="91.0.0.0"> <span c-id="58.159.9.0"> 部署手机<//span></a> </stencil-route-link></li> <li c-id="58.161.7.5"> <stencil-route-link class="hydrated" c-id="58.162.8.0" s-id="92">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/your-first-app/7-live-reload" c-id="92.0.0.0"> <span c-id="58.163.9.0"> 现场重新加载<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.165.4.3"> <stencil-route-link class="hydrated" c-id="58.166.5.0" s-id="93">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/lifecycle" c-id="93.0.0.0"> <span c-id="58.167.6.0"> 生命周期<//span></a> </stencil-route-link></li> <li c-id="58.169.4.4"> <stencil-route-link class="hydrated" c-id="58.170.5.0" s-id="94">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/navigation" c-id="94.0.0.0"> <span c-id="58.171.6.0"> 导航/路由<//span></a> </stencil-route-link></li> <li c-id="58.173.4.5"> <stencil-route-link class="hydrated" c-id="58.174.5.0" s-id="95">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/virtual-scroll" c-id="95.0.0.0"> <span c-id="58.175.6.0"> 虚拟滚动<//span></a> </stencil-route-link></li> <li c-id="58.177.4.6"> <stencil-route-link class="hydrated" c-id="58.178.5.0" s-id="96">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/slides" c-id="96.0.0.0"> <span c-id="58.179.6.0"> 幻灯片<//span></a> </stencil-route-link></li> <li c-id="58.181.4.7"> <stencil-route-link class="hydrated" c-id="58.182.5.0" s-id="97">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/config" c-id="97.0.0.0"> <span c-id="58.183.6.0"> config<//span></a> </stencil-route-link></li> <li c-id="58.185.4.8"> <stencil-route-link class="hydrated" c-id="58.186.5.0" s-id="98">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/platform" c-id="98.0.0.0"> <span c-id="58.187.6.0"> 平台<//span></a> </stencil-route-link></li> <li c-id="58.189.4.9"> <stencil-route-link class="hydrated" c-id="58.190.5.0" s-id="99">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/testing" c-id="99.0.0.0"> <span c-id="58.191.6.0"> 测试<//span></a> </stencil-route-link></li> <li c-id="58.193.4.10"> <stencil-route-link class="hydrated" c-id="58.194.5.0" s-id="100">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/storage" c-id="100.0.0.0"> <span c-id="58.195.6.0"> 贮存<//span></a> </stencil-route-link></li> <li c-id="58.197.4.11"> <stencil-route-link class="hydrated" c-id="58.198.5.0" s-id="101">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/performance" c-id="101.0.0.0"> <span c-id="58.199.6.0"> 表现<//span></a> </stencil-route-link></li> <li c-id="58.201.4.12"> <stencil-route-link class="hydrated" c-id="58.202.5.0" s-id="102">   <a class="Nav-link" href="//www.jesscamp.com/docs/angular/pwa" c-id="102.0.0.0"> <span c-id="58.203.6.0"> 渐进的网络应用程序<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.205.1.5"> <section c-id="58.206.2.0"> <header class="Nav-header" c-id="58.207.3.0"> 反应<//header> <ul class="Nav-subnav" c-id="58.209.3.1" style="--level: 1;"> <li c-id="58.210.4.0"> <stencil-route-link class="hydrated" c-id="58.211.5.0" s-id="103">   <a class="Nav-link" href="//www.jesscamp.com/docs/react" c-id="103.0.0.0"> <span c-id="58.212.6.0"> 概述<//span></a> </stencil-route-link></li> <li c-id="58.214.4.1"> <stencil-route-link class="hydrated" c-id="58.215.5.0" s-id="104">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/quickstart" c-id="104.0.0.0"> <span c-id="58.216.6.0"> 快速开始<//span></a> </stencil-route-link></li> <li c-id="58.218.4.2"> <stencil-route-link class="hydrated" c-id="58.219.5.0" s-id="105">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app" c-id="105.0.0.0"> <span c-id="58.220.6.0"> 构建您的第一个应用程序<//span></a> </stencil-route-link></li> <li c-id="58.222.4.3"> <section c-id="58.223.5.0"> <ul class="Nav-subnav" c-id="58.224.6.0" style="--level: 2;"> <li c-id="58.225.7.0"> <stencil-route-link class="hydrated" c-id="58.226.8.0" s-id="106">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app/2-taking-photos" c-id="106.0.0.0"> <span c-id="58.227.9.0"> 拍照<//span></a> </stencil-route-link></li> <li c-id="58.229.7.1"> <stencil-route-link class="hydrated" c-id="58.230.8.0" s-id="107">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app/3-saving-photos" c-id="107.0.0.0"> <span c-id="58.231.9.0"> 保存照片<//span></a> </stencil-route-link></li> <li c-id="58.233.7.2"> <stencil-route-link class="hydrated" c-id="58.234.8.0" s-id="108">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app/4-loading-photos" c-id="108.0.0.0"> <span c-id="58.235.9.0"> 加载照片<//span></a> </stencil-route-link></li> <li c-id="58.237.7.3"> <stencil-route-link class="hydrated" c-id="58.238.8.0" s-id="109">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app/5-adding-mobile" c-id="109.0.0.0"> <span c-id="58.239.9.0"> 添加手机<//span></a> </stencil-route-link></li> <li c-id="58.241.7.4"> <stencil-route-link class="hydrated" c-id="58.242.8.0" s-id="110">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app/6-deploying-mobile" c-id="110.0.0.0"> <span c-id="58.243.9.0"> 部署手机<//span></a> </stencil-route-link></li> <li c-id="58.245.7.5"> <stencil-route-link class="hydrated" c-id="58.246.8.0" s-id="111">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/your-first-app/7-live-reload" c-id="111.0.0.0"> <span c-id="58.247.9.0"> 现场重新加载<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.249.4.4"> <stencil-route-link class="hydrated" c-id="58.250.5.0" s-id="112">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/lifecycle" c-id="112.0.0.0"> <span c-id="58.251.6.0"> 生命周期<//span></a> </stencil-route-link></li> <li c-id="58.253.4.5"> <stencil-route-link class="hydrated" c-id="58.254.5.0" s-id="113">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/navigation" c-id="113.0.0.0"> <span c-id="58.255.6.0"> 导航/路由<//span></a> </stencil-route-link></li> <li c-id="58.257.4.6"> <stencil-route-link class="hydrated" c-id="58.258.5.0" s-id="114">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/virtual-scroll" c-id="114.0.0.0"> <span c-id="58.259.6.0"> 虚拟滚动<//span></a> </stencil-route-link></li> <li c-id="58.261.4.7"> <stencil-route-link class="hydrated" c-id="58.262.5.0" s-id="115">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/slides" c-id="115.0.0.0"> <span c-id="58.263.6.0"> 幻灯片<//span></a> </stencil-route-link></li> <li c-id="58.265.4.8"> <stencil-route-link class="hydrated" c-id="58.266.5.0" s-id="116">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/config" c-id="116.0.0.0"> <span c-id="58.267.6.0"> config<//span></a> </stencil-route-link></li> <li c-id="58.269.4.9"> <stencil-route-link class="hydrated" c-id="58.270.5.0" s-id="117">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/platform" c-id="117.0.0.0"> <span c-id="58.271.6.0"> 平台<//span></a> </stencil-route-link></li> <li c-id="58.273.4.10"> <stencil-route-link class="hydrated" c-id="58.274.5.0" s-id="118">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/pwa" c-id="118.0.0.0"> <span c-id="58.275.6.0"> 渐进的网络应用程序<//span></a> </stencil-route-link></li> <li c-id="58.277.4.11"> <stencil-route-link class="hydrated" c-id="58.278.5.0" s-id="119">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/overlays" c-id="119.0.0.0"> <span c-id="58.279.6.0"> 覆盖<//span></a> </stencil-route-link></li> <li c-id="58.281.4.12"> <stencil-route-link class="hydrated" c-id="58.282.5.0" s-id="120">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/storage" c-id="120.0.0.0"> <span c-id="58.283.6.0"> 贮存<//span></a> </stencil-route-link></li> <li c-id="58.285.4.13"> <stencil-route-link class="hydrated" c-id="58.286.5.0" s-id="121">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/testing" c-id="121.0.0.0"> <span c-id="58.287.6.0"> 测试<//span></a> </stencil-route-link></li> <li c-id="58.289.4.14"> <stencil-route-link class="hydrated" c-id="58.290.5.0" s-id="122">   <a class="Nav-link" href="//www.jesscamp.com/docs/react/performance" c-id="122.0.0.0"> <span c-id="58.291.6.0"> 表现<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.293.1.6"> <section c-id="58.294.2.0"> <header class="Nav-header" c-id="58.295.3.0"> Vue<//header> <ul class="Nav-subnav" c-id="58.297.3.1" style="--level: 1;"> <li c-id="58.298.4.0"> <stencil-route-link class="hydrated" c-id="58.299.5.0" s-id="123">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/overview" c-id="123.0.0.0"> <span c-id="58.300.6.0"> 概述<//span></a> </stencil-route-link></li> <li c-id="58.302.4.1"> <stencil-route-link class="hydrated" c-id="58.303.5.0" s-id="124">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/quickstart" c-id="124.0.0.0"> <span c-id="58.304.6.0"> 快速开始<//span></a> </stencil-route-link></li> <li c-id="58.306.4.2"> <stencil-route-link class="hydrated" c-id="58.307.5.0" s-id="125">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app" c-id="125.0.0.0"> <span c-id="58.308.6.0"> 构建您的第一个应用程序<//span></a> </stencil-route-link></li> <li c-id="58.310.4.3"> <section c-id="58.311.5.0"> <ul class="Nav-subnav" c-id="58.312.6.0" style="--level: 2;"> <li c-id="58.313.7.0"> <stencil-route-link class="hydrated" c-id="58.314.8.0" s-id="126">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app/2-taking-photos" c-id="126.0.0.0"> <span c-id="58.315.9.0"> 拍照<//span></a> </stencil-route-link></li> <li c-id="58.317.7.1"> <stencil-route-link class="hydrated" c-id="58.318.8.0" s-id="127">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app/3-saving-photos" c-id="127.0.0.0"> <span c-id="58.319.9.0"> 保存照片<//span></a> </stencil-route-link></li> <li c-id="58.321.7.2"> <stencil-route-link class="hydrated" c-id="58.322.8.0" s-id="128">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app/4-loading-photos" c-id="128.0.0.0"> <span c-id="58.323.9.0"> 加载照片<//span></a> </stencil-route-link></li> <li c-id="58.325.7.3"> <stencil-route-link class="hydrated" c-id="58.326.8.0" s-id="129">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app/5-adding-mobile" c-id="129.0.0.0"> <span c-id="58.327.9.0"> 添加手机<//span></a> </stencil-route-link></li> <li c-id="58.329.7.4"> <stencil-route-link class="hydrated" c-id="58.330.8.0" s-id="130">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app/6-deploying-mobile" c-id="130.0.0.0"> <span c-id="58.331.9.0"> 部署手机<//span></a> </stencil-route-link></li> <li c-id="58.333.7.5"> <stencil-route-link class="hydrated" c-id="58.334.8.0" s-id="131">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/your-first-app/7-live-reload" c-id="131.0.0.0"> <span c-id="58.335.9.0"> 现场重新加载<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.337.4.4"> <stencil-route-link class="hydrated" c-id="58.338.5.0" s-id="132">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/lifecycle" c-id="132.0.0.0"> <span c-id="58.339.6.0"> 生命周期<//span></a> </stencil-route-link></li> <li c-id="58.341.4.5"> <stencil-route-link class="hydrated" c-id="58.342.5.0" s-id="133">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/navigation" c-id="133.0.0.0"> <span c-id="58.343.6.0"> 导航/路由<//span></a> </stencil-route-link></li> <li c-id="58.345.4.6"> <stencil-route-link class="hydrated" c-id="58.346.5.0" s-id="134">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/virtual-scroll" c-id="134.0.0.0"> <span c-id="58.347.6.0"> 虚拟滚动<//span></a> </stencil-route-link></li> <li c-id="58.349.4.7"> <stencil-route-link class="hydrated" c-id="58.350.5.0" s-id="135">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/slides" c-id="135.0.0.0"> <span c-id="58.351.6.0"> 幻灯片<//span></a> </stencil-route-link></li> <li c-id="58.353.4.8"> <stencil-route-link class="hydrated" c-id="58.354.5.0" s-id="136">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/config" c-id="136.0.0.0"> <span c-id="58.355.6.0"> config<//span></a> </stencil-route-link></li> <li c-id="58.357.4.9"> <stencil-route-link class="hydrated" c-id="58.358.5.0" s-id="137">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/platform" c-id="137.0.0.0"> <span c-id="58.359.6.0"> 平台<//span></a> </stencil-route-link></li> <li c-id="58.361.4.10"> <stencil-route-link class="hydrated" c-id="58.362.5.0" s-id="138">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/pwa" c-id="138.0.0.0"> <span c-id="58.363.6.0"> 渐进的网络应用程序<//span></a> </stencil-route-link></li> <li c-id="58.365.4.11"> <stencil-route-link class="hydrated" c-id="58.366.5.0" s-id="139">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/storage" c-id="139.0.0.0"> <span c-id="58.367.6.0"> 贮存<//span></a> </stencil-route-link></li> <li c-id="58.369.4.12"> <stencil-route-link class="hydrated" c-id="58.370.5.0" s-id="140">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/testing" c-id="140.0.0.0"> <span c-id="58.371.6.0"> 测试<//span></a> </stencil-route-link></li> <li c-id="58.373.4.13"> <stencil-route-link class="hydrated" c-id="58.374.5.0" s-id="141">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/troubleshooting" c-id="141.0.0.0"> <span c-id="58.375.6.0"> 故障排除<//span></a> </stencil-route-link></li> <li c-id="58.377.4.14"> <stencil-route-link class="hydrated" c-id="58.378.5.0" s-id="142">   <a class="Nav-link" href="//www.jesscamp.com/docs/vue/performance" c-id="142.0.0.0"> <span c-id="58.379.6.0"> 表现<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.381.1.7"> <section c-id="58.382.2.0"> <header class="Nav-header" c-id="58.383.3.0"> 公用事业<//header> <ul class="Nav-subnav" c-id="58.385.3.1" style="--level: 1;"> <li c-id="58.386.4.0"> <stencil-route-link class="hydrated" c-id="58.387.5.0" s-id="143">   <a class="Nav-link" href="//www.jesscamp.com/docs/utilities/animations" c-id="143.0.0.0"> <span c-id="58.388.6.0"> 动画<//span></a> </stencil-route-link></li> <li c-id="58.390.4.1"> <stencil-route-link class="hydrated" c-id="58.391.5.0" s-id="144">   <a class="Nav-link" href="//www.jesscamp.com/docs/utilities/gestures" c-id="144.0.0.0"> <span c-id="58.392.6.0"> 手势<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.394.1.8"> <section c-id="58.395.2.0"> <header class="Nav-header" c-id="58.396.3.0"> 部署<//header> <ul class="Nav-subnav" c-id="58.398.3.1" style="--level: 1;"> <li c-id="58.399.4.0"> <stencil-route-link class="hydrated" c-id="58.400.5.0" s-id="145">   <a class="Nav-link" href="//www.jesscamp.com/docs/deployment/app-store" c-id="145.0.0.0"> <span c-id="58.401.6.0"> iOS应用商店<//span></a> </stencil-route-link></li> <li c-id="58.403.4.1"> <stencil-route-link class="hydrated" c-id="58.404.5.0" s-id="146">   <a class="Nav-link" href="//www.jesscamp.com/docs/deployment/play-store" c-id="146.0.0.0"> <span c-id="58.405.6.0"> Android Play商店<//span></a> </stencil-route-link></li> <li c-id="58.407.4.2"> <stencil-route-link class="hydrated" c-id="58.408.5.0" s-id="147">   <a class="Nav-link" href="//www.jesscamp.com/docs/deployment/progressive-web-app" c-id="147.0.0.0"> <span c-id="58.409.6.0"> 渐进式网络应用程序（PWA）<//span></a> </stencil-route-link></li> <li c-id="58.411.4.3"> <stencil-route-link class="hydrated" c-id="58.412.5.0" s-id="148">   <a class="Nav-link" href="//www.jesscamp.com/docs/deployment/desktop-app" c-id="148.0.0.0"> <span c-id="58.413.6.0"> 电子桌面应用<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.415.1.9"> <section c-id="58.416.2.0"> <header class="Nav-header" c-id="58.417.3.0"> 技术<//header> <ul class="Nav-subnav" c-id="58.419.3.1" style="--level: 1;"> <li c-id="58.420.4.0"> <stencil-route-link class="hydrated" c-id="58.421.5.0" s-id="149">   <a class="Nav-link" href="//www.jesscamp.com/docs/techniques/security" c-id="149.0.0.0"> <span c-id="58.422.6.0"> 安全<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.424.1.10"> <section c-id="58.425.2.0"> <header class="Nav-header" c-id="58.426.3.0"> 故障排除<//header> <ul class="Nav-subnav" c-id="58.428.3.1" style="--level: 1;"> <li c-id="58.429.4.0"> <stencil-route-link class="hydrated" c-id="58.430.5.0" s-id="150">   <a class="Nav-link" href="//www.jesscamp.com/docs/troubleshooting/debugging" c-id="150.0.0.0"> <span c-id="58.431.6.0"> 调试<//span></a> </stencil-route-link></li> <li c-id="58.433.4.1"> <stencil-route-link class="hydrated" c-id="58.434.5.0" s-id="151">   <a class="Nav-link" href="//www.jesscamp.com/docs/troubleshooting/build" c-id="151.0.0.0"> <span c-id="58.435.6.0"> 构建错误<//span></a> </stencil-route-link></li> <li c-id="58.437.4.2"> <stencil-route-link class="hydrated" c-id="58.438.5.0" s-id="152">   <a class="Nav-link" href="//www.jesscamp.com/docs/troubleshooting/runtime" c-id="152.0.0.0"> <span c-id="58.439.6.0"> 运行时错误<//span></a> </stencil-route-link></li> <li c-id="58.441.4.3"> <stencil-route-link class="hydrated" c-id="58.442.5.0" s-id="153">   <a class="Nav-link" href="//www.jesscamp.com/docs/troubleshooting/native" c-id="153.0.0.0"> <span c-id="58.443.6.0"> 本地错误<//span></a> </stencil-route-link></li> <li c-id="58.445.4.4"> <stencil-route-link class="hydrated" c-id="58.446.5.0" s-id="154">   <a class="Nav-link" href="//www.jesscamp.com/docs/troubleshooting/cors" c-id="154.0.0.0"> <span c-id="58.447.6.0"> 犯错<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.449.1.11"> <section c-id="58.450.2.0"> <header class="Nav-header" c-id="58.451.3.0"> 核心概念<//header> <ul class="Nav-subnav" c-id="58.453.3.1" style="--level: 1;"> <li c-id="58.454.4.0"> <stencil-route-link class="hydrated" c-id="58.455.5.0" s-id="155">   <a class="Nav-link" href="//www.jesscamp.com/docs/core-concepts/fundamentals" c-id="155.0.0.0"> <span c-id="58.456.6.0"> 基本面<//span></a> </stencil-route-link></li> <li c-id="58.458.4.1"> <stencil-route-link class="hydrated" c-id="58.459.5.0" s-id="156">   <a class="Nav-link" href="//www.jesscamp.com/docs/core-concepts/cross-platform" c-id="156.0.0.0"> <span c-id="58.460.6.0"> 跨平台<//span></a> </stencil-route-link></li> <li c-id="58.462.4.2"> <stencil-route-link class="hydrated" c-id="58.463.5.0" s-id="157">   <a class="Nav-link" href="//www.jesscamp.com/docs/core-concepts/webview" c-id="157.0.0.0"> <span c-id="58.464.6.0"> 网络视图<//span></a> </stencil-route-link></li> <li c-id="58.466.4.3"> <stencil-route-link class="hydrated" c-id="58.467.5.0" s-id="158">   <a class="Nav-link" href="//www.jesscamp.com/docs/core-concepts/what-are-progressive-web-apps" c-id="158.0.0.0"> <span c-id="58.468.6.0"> 什么是PWA？<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.470.1.12"> <section c-id="58.471.2.0"> <header class="Nav-header" c-id="58.472.3.0"> 贡献<//header> <ul class="Nav-subnav" c-id="58.474.3.1" style="--level: 1;"> <li c-id="58.475.4.0"> <stencil-route-link class="hydrated" c-id="58.476.5.0" s-id="159">   <a class="Nav-link" href="//www.jesscamp.com/docs/contributing/how-to-contribute" c-id="159.0.0.0"> <span c-id="58.477.6.0"> 如何做出贡献<//span></a> </stencil-route-link></li> <li c-id="58.479.4.1"> <stencil-route-link class="hydrated" c-id="58.480.5.0" s-id="160">   <a class="Nav-link" href="//www.jesscamp.com/docs/contributing/coc" c-id="160.0.0.0"> <span c-id="58.481.6.0"> 行为守则<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.483.1.13"> <section c-id="58.484.2.0"> <header class="Nav-header" c-id="58.485.3.0"> 参考<//header> <ul class="Nav-subnav" c-id="58.487.3.1" style="--level: 1;"> <li c-id="58.488.4.0"> <stencil-route-link class="hydrated" c-id="58.489.5.0" s-id="161">   <a class="Nav-link" href="//www.jesscamp.com/docs/reference/glossary" c-id="161.0.0.0"> <span c-id="58.490.6.0"> 词汇表<//span></a> </stencil-route-link></li> <li c-id="58.492.4.1"> <stencil-route-link class="hydrated" c-id="58.493.5.0" s-id="162">   <a class="Nav-link" href="//www.jesscamp.com/docs/reference/versioning" c-id="162.0.0.0"> <span c-id="58.494.6.0"> 版本控制<//span></a> </stencil-route-link></li> <li c-id="58.496.4.2"> <stencil-route-link class="hydrated" c-id="58.497.5.0" s-id="163">   <a class="Nav-link" href="//www.jesscamp.com/docs/reference/release-notes" c-id="163.0.0.0"> <span c-id="58.498.6.0"> 发行说明<//span></a> </stencil-route-link></li> <li c-id="58.500.4.3"><a href="https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md" target="_blank" class="Nav-link outbound" c-id="58.501.5.0"><span c-id="58.502.6.0"> Github Changelog<//span>  <svg viewbox="0 0 512 512" c-id="58.505.6.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="58.506.7.0"></path> </svg></a></li> <li c-id="58.507.4.4"> <stencil-route-link class="hydrated" c-id="58.508.5.0" s-id="164">   <a class="Nav-link" href="//www.jesscamp.com/docs/reference/support" c-id="164.0.0.0"> <span c-id="58.509.6.0"> 支持政策<//span></a> </stencil-route-link></li> <li c-id="58.511.4.5"> <stencil-route-link class="hydrated" c-id="58.512.5.0" s-id="165">   <a class="Nav-link" href="//www.jesscamp.com/docs/reference/browser-support" c-id="165.0.0.0"> <span c-id="58.513.6.0"> 浏览器支持<//span></a> </stencil-route-link></li> <li c-id="58.515.4.6"> <stencil-route-link class="hydrated" c-id="58.516.5.0" s-id="166">   <a class="Nav-link" href="//www.jesscamp.com/docs/reference/migration" c-id="166.0.0.0"> <span c-id="58.517.6.0"> 移民<//span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="58.519.1.14"> <section c-id="58.520.2.0"> <header class="Nav-header" c-id="58.521.3.0"> 资源<//header> <ul class="Nav-subnav" c-id="58.523.3.1" style="--level: 1;"> <li c-id="58.524.4.0"><a href="//www.jesscamp.com/resources" target="_blank" class="Nav-link outbound" c-id="58.525.5.0">58必威 </a></li> <li c-id="58.531.4.1"><a href="//www.jesscamp.com/resources/webinars" target="_blank" class="Nav-link outbound" c-id="58.532.5.0"><span c-id="58.533.6.0"> 网络研讨会<//span>  <svg viewbox="0 0 512 512" c-id="58.536.6.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="58.537.7.0"></path> </svg></a></li> <li c-id="58.538.4.2"><a href="//www.jesscamp.com/resources/articles" target="_blank" class="Nav-link outbound" c-id="58.539.5.0"><span c-id="58.540.6.0"> 文章<//span>  <svg viewbox="0 0 512 512" c-id="58.543.6.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="58.544.7.0"></path> </svg></a></li> <li c-id="58.545.4.3"><a href="//www.jesscamp.com/resources/case-studies" target="_blank" class="Nav-link outbound" c-id="58.546.5.0"><span c-id="58.547.6.0"> 实例探究<//span>  <svg viewbox="0 0 512 512" c-id="58.550.6.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="58.551.7.0"></path> </svg></a></li> <li c-id="58.552.4.4"><a href="//www.jesscamp.com/resources/learning" target="_blank" class="Nav-link outbound" c-id="58.553.5.0"><span c-id="58.554.6.0"> 学习<//span>  <svg viewbox="0 0 512 512" c-id="58.557.6.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="58.558.7.0"></path> </svg></a></li> <li c-id="58.559.4.5"><a href="//www.jesscamp.com/resources/videos" target="_blank" class="Nav-link outbound" c-id="58.560.5.0"><span c-id="58.561.6.0"> 视频<//span>  <svg viewbox="0 0 512 512" c-id="58.564.6.2"> <path d="M405.34 405.332H106.66V106.668H240V64H106.66C83.191 64 64 83.197 64 106.668v298.664C64 428.803 83.191 448 106.66 448h298.68c23.469 0 42.66-19.197 42.66-42.668V272h-42.66v133.332zM288 64v42.668h87.474L159.999 322.133l29.866 29.866 215.476-215.47V224H448V64H288z" c-id="58.565.7.0"></path> </svg></a></li> </ul> </section></li> </ul> </docs-nav> </stencil-route> </stencil-route-switch> </docs-menu> <stencil-route class="hydrated" c-id="1.4.1.3" s-id="167">  <docs-page class="page-layout-grid hydrated" c-id="167.0.0.0" s-id="168">  <main class="no-demo" c-id="168.0.0.0"> <article c-id="168.1.1.0"> <h1 c-id="168.2.2.0"> 响应式网格<//h1> <div class="page-meta" c-id="168.4.2.1"> <docs-table-of-contents class="hydrated" c-id="168.5.3.0" s-id="169">  <strong class="Nav-header" c-id="169.0.0.0"> 内容<//strong> <nav c-id="169.2.0.1"> <ul class="Nav-subnav" c-id="169.3.1.0"> <li c-id="169.4.2.0"> <stencil-route-link class="Nav-link hydrated" c-id="169.5.3.0" s-id="170">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="170.0.0.0">  这个怎么运作<//a> </stencil-route-link></li> <li c-id="169.7.2.1"> <stencil-route-link class="Nav-link hydrated" c-id="169.8.3.0" s-id="171">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="171.0.0.0">  网格大小<//a> </stencil-route-link></li> <li c-id="169.10.2.2"> <stencil-route-link class="Nav-link hydrated" c-id="169.11.3.0" s-id="172">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="172.0.0.0">  网格属性<//a> </stencil-route-link></li> <li c-id="169.13.2.3"> <stencil-route-link class="Nav-link hydrated" c-id="169.14.3.0" s-id="173">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="173.0.0.0">  默认断点<//a> </stencil-route-link></li> <li c-id="169.16.2.4"> <stencil-route-link class="Nav-link hydrated" c-id="169.17.3.0" s-id="174">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="174.0.0.0">  自动列列<//a> </stencil-route-link></li> <li c-id="169.19.2.5"> <stencil-route-link class="Nav-link hydrated" c-id="169.20.3.0" s-id="175">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="175.0.0.0">  响应属性<//a> </stencil-route-link></li> <li c-id="169.22.2.6"> <stencil-route-link class="Nav-link hydrated" c-id="169.23.3.0" s-id="176">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="176.0.0.0">  重新排序<//a> </stencil-route-link></li> <li c-id="169.25.2.7"> <stencil-route-link class="Nav-link hydrated" c-id="169.26.3.0" s-id="177">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="177.0.0.0">  结盟<//a> </stencil-route-link></li> <li c-id="169.28.2.8"> <stencil-route-link class="Nav-link hydrated" c-id="169.29.3.0" s-id="178">   <a href="//www.jesscamp.com/docs/layout/grid" c-id="178.0.0.0">  自定义网格<//a> </stencil-route-link></li> </ul> </nav> </docs-table-of-contents> <internal-ad class="hydrated" c-id="168.6.3.1" s-id="179">  </internal-ad> </div> <section class="markdown-content" c-id="168.7.2.2"> <div c-id="168.8.3.0"> <p class="intro" c-id="168.9.4.0"> 网格是一个强大的移动优先弹性箱系统，用于构建自定义布局。它由三个单元组成 - 一个<stencil-route-link class="hydrated" c-id="168.11.5.1" s-id="180">   <a href="//www.jesscamp.com/docs/api/grid" c-id="180.0.0.0">  网格<//a> </stencil-route-link> ，，，，<stencil-route-link class="hydrated" c-id="168.14.5.3" s-id="181">   <a href="//www.jesscamp.com/docs/api/row" c-id="181.0.0.0">  行<//a> </stencil-route-link> 和<stencil-route-link class="hydrated" c-id="168.17.5.5" s-id="182">   <a href="//www.jesscamp.com/docs/api/col" c-id="182.0.0.0">  列）<//a> </stencil-route-link> 。列将扩展以填充其行，并将调整大小以适合其他列。它基于基于屏幕大小的12列布局，该布局具有不同的断点。可以使用CSS自定义列数。<///p>  <h2 id="how-it-works" c-id="168.21.4.2"> <a href="#how-it-works" c-id="168.23.5.1"> 这个怎么运作<//a> </h2>  <docs-code language="html" class="hydrated" c-id="168.27.4.4" s-id="183">   <pre c-id="168.29.5.1"><code c-id="168.30.6.0"><span class="token tag" c-id="168.31.7.0"><span class="token tag" c-id="168.32.8.0"><span class="token punctuation" c-id="168.33.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.36.8.1"> ><///span></span> <span class="token tag" c-id="168.39.7.2"><span class="token tag" c-id="168.40.8.0"><span class="token punctuation" c-id="168.41.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.44.8.1"> ><///span></span> <span class="token tag" c-id="168.47.7.4"><span class="token tag" c-id="168.48.8.0"><span class="token punctuation" c-id="168.49.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.52.8.1"> ><///span></span> <span class="token tag" c-id="168.55.7.6"><span class="token tag" c-id="168.56.8.0"><span class="token punctuation" c-id="168.57.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.60.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.63.7.8"><span class="token tag" c-id="168.64.8.0"><span class="token punctuation" c-id="168.65.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.68.8.1"> ><///span></span> <span class="token tag" c-id="168.71.7.10"><span class="token tag" c-id="168.72.8.0"><span class="token punctuation" c-id="168.73.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.76.8.1"> ><///span></span> <span class="token tag" c-id="168.79.7.12"><span class="token tag" c-id="168.80.8.0"><span class="token punctuation" c-id="168.81.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.84.8.1"> ><///span></span> <span class="token tag" c-id="168.87.7.14"><span class="token tag" c-id="168.88.8.0"><span class="token punctuation" c-id="168.89.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.92.8.1"> ><///span></span> 第3章<span class="token tag" c-id="168.95.7.16"><span class="token tag" c-id="168.96.8.0"><span class="token punctuation" c-id="168.97.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.100.8.1"> ><///span></span> <span class="token tag" c-id="168.103.7.18"><span class="token tag" c-id="168.104.8.0"><span class="token punctuation" c-id="168.105.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.108.8.1"> ><///span></span> <span class="token tag" c-id="168.111.7.20"><span class="token tag" c-id="168.112.8.0"><span class="token punctuation" c-id="168.113.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.116.8.1"> ><///span></span> <span class="token tag" c-id="168.119.7.22"><span class="token tag" c-id="168.120.8.0"><span class="token punctuation" c-id="168.121.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.124.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.127.7.24"><span class="token tag" c-id="168.128.8.0"><span class="token punctuation" c-id="168.129.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.132.8.1"> ><///span></span> <span class="token tag" c-id="168.135.7.26"><span class="token tag" c-id="168.136.8.0"><span class="token punctuation" c-id="168.137.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.140.8.1"> ><///span></span> <span class="token tag" c-id="168.143.7.28"><span class="token tag" c-id="168.144.8.0"><span class="token punctuation" c-id="168.145.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.148.8.1"> ><///span></span> <span class="token tag" c-id="168.151.7.30"><span class="token tag" c-id="168.152.8.0"><span class="token punctuation" c-id="168.153.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.156.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="183.0.0.0"> <a class="code-text__copy-link" c-id="183.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="183.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="183.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="183.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <ul c-id="168.160.4.6">  <li c-id="168.162.5.1"> 网格充当所有行和列的容器。网格占用其容器的全部宽度，但添加<code c-id="168.164.6.1"> 固定的<//code> 属性将指定每个屏幕大小的宽度，请参阅<a href="#grid-size" c-id="168.167.6.3"> 网格大小<//a> 以下。<//li>  <li c-id="168.171.5.3"> 行是列的水平组，可正确地对准列。<//li>  <li c-id="168.174.5.5"> 内容应放置在列内，只有列可以是行的直接子女。<//li>  <li c-id="168.177.5.7"> 这<code c-id="168.179.6.1"> size- {断点}<//code> 属性表示每行默认12列的列数。所以，<code c-id="168.182.6.3"> 尺寸=“ 4”<//code> 可以将其添加到列中，以占据网格的1/3，或12列中的4个。<//li>  <li c-id="168.186.5.9"> 没有大小值的列将自动具有相等的宽度。例如，四个实例<code c-id="168.188.6.1"> 大小SM<//code> 对于小断点和向上，每个人都会自动宽25％。<//li>  <li c-id="168.192.5.11"> 列的宽度设置为一个百分比，因此它们始终相对于其母元素而言是流体和大小。<//li>  <li c-id="168.195.5.13"> 列之间有填充单个列之间的填充，但是，可以通过添加填充物从网格和列中删除填充物<code c-id="168.197.6.1"> 离子非衬垫<//code> 上课到网格。看到<stencil-route-link class="hydrated" c-id="168.200.6.3" s-id="184">   <a href="//www.jesscamp.com/docs/layout/css-utilities" c-id="184.0.0.0">  CSS公用事业<//a> </stencil-route-link> 有关可以应用于网格的更多样式。<//li>  <li c-id="168.204.5.15"> 有五个网格层，每个响应式断点：所有断点（超小），小，中，大和超大。<//li>  <li c-id="168.207.5.17"> 网格层基于最小宽度，这意味着它们适用于他们的层，所有的层都比它们大（例如，例如，<code c-id="168.209.6.1"> size-sm =“ 4”<//code> 适用于小型，中，大型设备）。<//li>  <li c-id="168.213.5.19"> 网格可以通过CSS变量轻松自定义。看<a href="#customizing-the-grid" c-id="168.215.6.1"> 自定义网格<//a> 。<//li>  </ul>  <h3 id="live-example" c-id="168.220.4.8"> <a href="#live-example" c-id="168.222.5.1"> 现场示例<//a> </h3>  <p c-id="168.226.4.10"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-basic-grid" c-id="168.228.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-basic-grid" c-id="168.231.5.3"> 这里<//a> 。<//p>  <h2 id="grid-size" c-id="168.235.4.12"> <a href="#grid-size" c-id="168.237.5.1"> 网格大小<//a> </h2>  <p c-id="168.241.4.14"> 默认情况下，网格将占100％的宽度。要根据屏幕大小设置特定宽度，请添加<code c-id="168.243.5.1"> 固定的<//code> 属性。每个断点的网格宽度在<code c-id="168.246.5.3"> -ion-Grid-Width- {brekaintpoint}<//code> CSS变量。有关更多信息，请参阅<a href="#customizing-the-grid" c-id="168.249.5.5"> 自定义网格<//a> 。<//p>  <table c-id="168.253.4.16">  <thead c-id="168.255.5.1">  <tr c-id="168.257.6.1">  <th c-id="168.259.7.1"> 姓名<//th>  <th c-id="168.262.7.3"> 价值<//th>  <th c-id="168.265.7.5"> 描述<//th>  </tr>  </thead>  <tbody c-id="168.270.5.3"> <tr c-id="168.271.6.0">  <td c-id="168.273.7.1"> XS<//td>  <td c-id="168.276.7.3"> 100％<//td>  <td c-id="168.279.7.5"> 不要为XS屏幕设置网格宽度<//td>  </tr>  <tr c-id="168.283.6.2">  <td c-id="168.285.7.1"> SM<//td>  <td c-id="168.288.7.3"> 540px<//td>  <td c-id="168.291.7.5"> 当（最小宽度：576px）时将网格宽度设置为540px<//td>  </tr>  <tr c-id="168.295.6.4">  <td c-id="168.297.7.1"> MD<//td>  <td c-id="168.300.7.3"> 720px<//td>  <td c-id="168.303.7.5"> 将网格宽度设置为720px时（最小宽度：768px）<//td>  </tr>  <tr c-id="168.307.6.6">  <td c-id="168.309.7.1"> LG<//td>  <td c-id="168.312.7.3"> 960px<//td>  <td c-id="168.315.7.5"> 当（最小宽度：992px）时将网格宽度设置为960px<//td>  </tr>  <tr c-id="168.319.6.8">  <td c-id="168.321.7.1"> XL<//td>  <td c-id="168.324.7.3"> 1140px<//td>  <td c-id="168.327.7.5"> 将网格宽度设置为1140px时（最小宽度：1200px）<//td>  </tr>  </tbody> </table>  <h3 id="live-example" c-id="168.332.4.18"> <a href="#live-example" c-id="168.334.5.1"> 现场示例<//a> </h3>  <p c-id="168.338.4.20"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-fixed-width-grid" c-id="168.340.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-fixed-width-grid" c-id="168.343.5.3"> 这里<//a> 。<//p>  <h2 id="grid-attributes" c-id="168.347.4.22"> <a href="#grid-attributes" c-id="168.349.5.1"> 网格属性<//a> </h2>  <p c-id="168.353.4.24"> 默认情况下，网格占据屏幕的整个宽度。可以使用以下属性对此进行修改。<///p>  <table c-id="168.356.4.26">  <thead c-id="168.358.5.1">  <tr c-id="168.360.6.1">  <th c-id="168.362.7.1"> 财产<//th>  <th c-id="168.365.7.3"> 描述<//th>  </tr>  </thead>  <tbody c-id="168.370.5.3"> <tr c-id="168.371.6.0">  <td c-id="168.373.7.1"> 固定的<//td>  <td c-id="168.376.7.3"> 根据当前屏幕大小设置最大宽度。<//td>  </tr>  </tbody> </table>  <h2 id="default-breakpoints" c-id="168.381.4.28"> <a href="#default-breakpoints" c-id="168.383.5.1"> 默认断点<//a> </h2>  <p c-id="168.387.4.30"> 默认断点在下表中定义。目前无法定制断点。有关为什么无法定制它们的更多信息，请参见<stencil-route-link class="hydrated" c-id="168.389.5.1" s-id="185">   <a href="//www.jesscamp.com/docs/theming/advanced" c-id="185.0.0.0">  媒体查询中的变量<//a> </stencil-route-link> 。<//p>  <table c-id="168.393.4.32">  <thead c-id="168.395.5.1">  <tr c-id="168.397.6.1">  <th c-id="168.399.7.1"> 姓名<//th>  <th c-id="168.402.7.3"> 价值<//th>  <th c-id="168.405.7.5"> 宽度前缀<//th>  <th c-id="168.408.7.7"> 偏移前缀<//th>  <th c-id="168.411.7.9"> 推上前缀<//th>  <th c-id="168.414.7.11"> 拉前缀<//th>  <th c-id="168.417.7.13"> 描述<//th>  </tr>  </thead>  <tbody c-id="168.422.5.3"> <tr c-id="168.423.6.0">  <td c-id="168.425.7.1"> XS<//td>  <td c-id="168.428.7.3"> 0<//td>  <td c-id="168.431.7.5"><code c-id="168.432.8.0"> 尺寸-<//code></td>  <td c-id="168.435.7.7"><code c-id="168.436.8.0"> 抵消-<//code></td>  <td c-id="168.439.7.9"><code c-id="168.440.8.0"> 推-<//code></td>  <td c-id="168.443.7.11"><code c-id="168.444.8.0"> 拉-<//code></td>  <td c-id="168.447.7.13"> 设置列时（最小宽度：0）<//td>  </tr>  <tr c-id="168.451.6.2">  <td c-id="168.453.7.1"> SM<//td>  <td c-id="168.456.7.3"> 576px<//td>  <td c-id="168.459.7.5"><code c-id="168.460.8.0"> 尺寸-SM-<//code></td>  <td c-id="168.463.7.7"><code c-id="168.464.8.0"> 抵消SM-<//code></td>  <td c-id="168.467.7.9"><code c-id="168.468.8.0"> 推-SM-<//code></td>  <td c-id="168.471.7.11"><code c-id="168.472.8.0"> 拉-SM-<//code></td>  <td c-id="168.475.7.13"> 设置列时（最小宽度：576px）<//td>  </tr>  <tr c-id="168.479.6.4">  <td c-id="168.481.7.1"> MD<//td>  <td c-id="168.484.7.3"> 768px<//td>  <td c-id="168.487.7.5"><code c-id="168.488.8.0"> 尺寸-MD-<//code></td>  <td c-id="168.491.7.7"><code c-id="168.492.8.0"> 抵消MD-<//code></td>  <td c-id="168.495.7.9"><code c-id="168.496.8.0"> 推-MD-<//code></td>  <td c-id="168.499.7.11"><code c-id="168.500.8.0"> 拉-MD-<//code></td>  <td c-id="168.503.7.13"> 设置列时（最小宽度：768px）<//td>  </tr>  <tr c-id="168.507.6.6">  <td c-id="168.509.7.1"> LG<//td>  <td c-id="168.512.7.3"> 992px<//td>  <td c-id="168.515.7.5"><code c-id="168.516.8.0"> 尺寸lg-<//code></td>  <td c-id="168.519.7.7"><code c-id="168.520.8.0"> 抵消lg-<//code></td>  <td c-id="168.523.7.9"><code c-id="168.524.8.0"> 推-lg-<//code></td>  <td c-id="168.527.7.11"><code c-id="168.528.8.0"> 拉格 -<//code></td>  <td c-id="168.531.7.13"> 设置列时（最小宽度：992px）<//td>  </tr>  <tr c-id="168.535.6.8">  <td c-id="168.537.7.1"> XL<//td>  <td c-id="168.540.7.3"> 1200px<//td>  <td c-id="168.543.7.5"><code c-id="168.544.8.0"> 尺寸XL-<//code></td>  <td c-id="168.547.7.7"><code c-id="168.548.8.0"> 抵消XL-<//code></td>  <td c-id="168.551.7.9"><code c-id="168.552.8.0"> 推动XL-<//code></td>  <td c-id="168.555.7.11"><code c-id="168.556.8.0"> plup-xl-<//code></td>  <td c-id="168.559.7.13"> 设置列时（最小宽度：1200px）<//td>  </tr>  </tbody> </table>  <h2 id="auto-layout-columns" c-id="168.564.4.34"> <a href="#auto-layout-columns" c-id="168.566.5.1"> 自动列列<//a> </h2>  <h3 id="equal-width" c-id="168.570.4.36"> <a href="#equal-width" c-id="168.572.5.1"> 相等的宽度<//a> </h3>  <p c-id="168.576.4.38"> 默认情况下，对于所有设备和屏幕尺寸，列将在行内部占据相等的宽度。<//p>  <docs-code language="html" class="hydrated" c-id="168.579.4.40" s-id="186">   <pre c-id="168.581.5.1"><code c-id="168.582.6.0"><span class="token tag" c-id="168.583.7.0"><span class="token tag" c-id="168.584.8.0"><span class="token punctuation" c-id="168.585.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.588.8.1"> ><///span></span> <span class="token tag" c-id="168.591.7.2"><span class="token tag" c-id="168.592.8.0"><span class="token punctuation" c-id="168.593.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.596.8.1"> ><///span></span> <span class="token tag" c-id="168.599.7.4"><span class="token tag" c-id="168.600.8.0"><span class="token punctuation" c-id="168.601.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.604.8.1"> ><///span></span> <span class="token tag" c-id="168.607.7.6"><span class="token tag" c-id="168.608.8.0"><span class="token punctuation" c-id="168.609.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.612.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.615.7.8"><span class="token tag" c-id="168.616.8.0"><span class="token punctuation" c-id="168.617.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.620.8.1"> ><///span></span> <span class="token tag" c-id="168.623.7.10"><span class="token tag" c-id="168.624.8.0"><span class="token punctuation" c-id="168.625.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.628.8.1"> ><///span></span> <span class="token tag" c-id="168.631.7.12"><span class="token tag" c-id="168.632.8.0"><span class="token punctuation" c-id="168.633.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.636.8.1"> ><///span></span> <span class="token tag" c-id="168.639.7.14"><span class="token tag" c-id="168.640.8.0"><span class="token punctuation" c-id="168.641.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.644.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.647.7.16"><span class="token tag" c-id="168.648.8.0"><span class="token punctuation" c-id="168.649.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.652.8.1"> ><///span></span> <span class="token tag" c-id="168.655.7.18"><span class="token tag" c-id="168.656.8.0"><span class="token punctuation" c-id="168.657.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.660.8.1"> ><///span></span> <span class="token tag" c-id="168.663.7.20"><span class="token tag" c-id="168.664.8.0"><span class="token punctuation" c-id="168.665.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.668.8.1"> ><///span></span> <span class="token tag" c-id="168.671.7.22"><span class="token tag" c-id="168.672.8.0"><span class="token punctuation" c-id="168.673.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.676.8.1"> ><///span></span> <span class="token tag" c-id="168.679.7.24"><span class="token tag" c-id="168.680.8.0"><span class="token punctuation" c-id="168.681.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.684.8.1"> ><///span></span> <span class="token tag" c-id="168.687.7.26"><span class="token tag" c-id="168.688.8.0"><span class="token punctuation" c-id="168.689.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.692.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.695.7.28"><span class="token tag" c-id="168.696.8.0"><span class="token punctuation" c-id="168.697.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.700.8.1"> ><///span></span> <span class="token tag" c-id="168.703.7.30"><span class="token tag" c-id="168.704.8.0"><span class="token punctuation" c-id="168.705.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.708.8.1"> ><///span></span> <span class="token tag" c-id="168.711.7.32"><span class="token tag" c-id="168.712.8.0"><span class="token punctuation" c-id="168.713.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.716.8.1"> ><///span></span> <span class="token tag" c-id="168.719.7.34"><span class="token tag" c-id="168.720.8.0"><span class="token punctuation" c-id="168.721.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.724.8.1"> ><///span></span> 第3章<span class="token tag" c-id="168.727.7.36"><span class="token tag" c-id="168.728.8.0"><span class="token punctuation" c-id="168.729.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.732.8.1"> ><///span></span> <span class="token tag" c-id="168.735.7.38"><span class="token tag" c-id="168.736.8.0"><span class="token punctuation" c-id="168.737.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.740.8.1"> ><///span></span> <span class="token tag" c-id="168.743.7.40"><span class="token tag" c-id="168.744.8.0"><span class="token punctuation" c-id="168.745.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.748.8.1"> ><///span></span> <span class="token tag" c-id="168.751.7.42"><span class="token tag" c-id="168.752.8.0"><span class="token punctuation" c-id="168.753.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.756.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.759.7.44"><span class="token tag" c-id="168.760.8.0"><span class="token punctuation" c-id="168.761.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.764.8.1"> ><///span></span> <span class="token tag" c-id="168.767.7.46"><span class="token tag" c-id="168.768.8.0"><span class="token punctuation" c-id="168.769.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.772.8.1"> ><///span></span> <span class="token tag" c-id="168.775.7.48"><span class="token tag" c-id="168.776.8.0"><span class="token punctuation" c-id="168.777.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.780.8.1"> ><///span></span> <span class="token tag" c-id="168.783.7.50"><span class="token tag" c-id="168.784.8.0"><span class="token punctuation" c-id="168.785.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.788.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="186.0.0.0"> <a class="code-text__copy-link" c-id="186.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="186.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="186.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="186.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h3 id="setting-one-column-width" c-id="168.792.4.42"> <a href="#setting-one-column-width" c-id="168.794.5.1"> 设置一个列宽度<//a> </h3>  <p c-id="168.798.4.44"> 设置一列的宽度，其他列将自动调整它的大小。这可以使用我们的预定义网格属性来完成。在下面的示例中，无论中心列的宽度如何，其他列将调整大小。<///p>  <docs-code language="html" class="hydrated" c-id="168.801.4.46" s-id="187">   <pre c-id="168.803.5.1"><code c-id="168.804.6.0"><span class="token tag" c-id="168.805.7.0"><span class="token tag" c-id="168.806.8.0"><span class="token punctuation" c-id="168.807.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.810.8.1"> ><///span></span> <span class="token tag" c-id="168.813.7.2"><span class="token tag" c-id="168.814.8.0"><span class="token punctuation" c-id="168.815.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.818.8.1"> ><///span></span> <span class="token tag" c-id="168.821.7.4"><span class="token tag" c-id="168.822.8.0"><span class="token punctuation" c-id="168.823.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.826.8.1"> ><///span></span> <span class="token tag" c-id="168.829.7.6"><span class="token tag" c-id="168.830.8.0"><span class="token punctuation" c-id="168.831.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.834.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.837.7.8"><span class="token tag" c-id="168.838.8.0"><span class="token punctuation" c-id="168.839.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.842.8.1"> ><///span></span> <span class="token tag" c-id="168.845.7.10"><span class="token tag" c-id="168.846.8.0"><span class="token punctuation" c-id="168.847.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.850.8.1"> ><///span></span> <span class="token tag" c-id="168.853.7.12"><span class="token tag" c-id="168.854.8.0"><span class="token punctuation" c-id="168.855.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.859.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.861.8.3"><span class="token punctuation" c-id="168.862.9.0"> =<///span><span class="token punctuation" c-id="168.864.9.1"> “<//span> 8<span class="token punctuation" c-id="168.867.9.3"> “<//span></span><span class="token punctuation" c-id="168.869.8.4"> ><///span></span> <span class="token tag" c-id="168.872.7.14"><span class="token tag" c-id="168.873.8.0"><span class="token punctuation" c-id="168.874.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.877.8.1"> ><///span></span> 3中的2（更宽）<span class="token tag" c-id="168.880.7.16"><span class="token tag" c-id="168.881.8.0"><span class="token punctuation" c-id="168.882.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.885.8.1"> ><///span></span> <span class="token tag" c-id="168.888.7.18"><span class="token tag" c-id="168.889.8.0"><span class="token punctuation" c-id="168.890.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.893.8.1"> ><///span></span> <span class="token tag" c-id="168.896.7.20"><span class="token tag" c-id="168.897.8.0"><span class="token punctuation" c-id="168.898.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.901.8.1"> ><///span></span> <span class="token tag" c-id="168.904.7.22"><span class="token tag" c-id="168.905.8.0"><span class="token punctuation" c-id="168.906.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.909.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.912.7.24"><span class="token tag" c-id="168.913.8.0"><span class="token punctuation" c-id="168.914.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.917.8.1"> ><///span></span> <span class="token tag" c-id="168.920.7.26"><span class="token tag" c-id="168.921.8.0"><span class="token punctuation" c-id="168.922.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.925.8.1"> ><///span></span> <span class="token tag" c-id="168.928.7.28"><span class="token tag" c-id="168.929.8.0"><span class="token punctuation" c-id="168.930.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.933.8.1"> ><///span></span> <span class="token tag" c-id="168.936.7.30"><span class="token tag" c-id="168.937.8.0"><span class="token punctuation" c-id="168.938.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.941.8.1"> ><///span></span> <span class="token tag" c-id="168.944.7.32"><span class="token tag" c-id="168.945.8.0"><span class="token punctuation" c-id="168.946.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.949.8.1"> ><///span></span> <span class="token tag" c-id="168.952.7.34"><span class="token tag" c-id="168.953.8.0"><span class="token punctuation" c-id="168.954.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.957.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.960.7.36"><span class="token tag" c-id="168.961.8.0"><span class="token punctuation" c-id="168.962.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.965.8.1"> ><///span></span> <span class="token tag" c-id="168.968.7.38"><span class="token tag" c-id="168.969.8.0"><span class="token punctuation" c-id="168.970.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.973.8.1"> ><///span></span> <span class="token tag" c-id="168.976.7.40"><span class="token tag" c-id="168.977.8.0"><span class="token punctuation" c-id="168.978.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.982.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.984.8.3"><span class="token punctuation" c-id="168.985.9.0"> =<///span><span class="token punctuation" c-id="168.987.9.1"> “<//span> 6<span class="token punctuation" c-id="168.990.9.3"> “<//span></span><span class="token punctuation" c-id="168.992.8.4"> ><///span></span> <span class="token tag" c-id="168.995.7.42"><span class="token tag" c-id="168.996.8.0"><span class="token punctuation" c-id="168.997.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1000.8.1"> ><///span></span> 3中的2（更宽）<span class="token tag" c-id="168.1003.7.44"><span class="token tag" c-id="168.1004.8.0"><span class="token punctuation" c-id="168.1005.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1008.8.1"> ><///span></span> <span class="token tag" c-id="168.1011.7.46"><span class="token tag" c-id="168.1012.8.0"><span class="token punctuation" c-id="168.1013.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1016.8.1"> ><///span></span> <span class="token tag" c-id="168.1019.7.48"><span class="token tag" c-id="168.1020.8.0"><span class="token punctuation" c-id="168.1021.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.1024.8.1"> ><///span></span> <span class="token tag" c-id="168.1027.7.50"><span class="token tag" c-id="168.1028.8.0"><span class="token punctuation" c-id="168.1029.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1032.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.1035.7.52"><span class="token tag" c-id="168.1036.8.0"><span class="token punctuation" c-id="168.1037.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1040.8.1"> ><///span></span> <span class="token tag" c-id="168.1043.7.54"><span class="token tag" c-id="168.1044.8.0"><span class="token punctuation" c-id="168.1045.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1048.8.1"> ><///span></span> <span class="token tag" c-id="168.1051.7.56"><span class="token tag" c-id="168.1052.8.0"><span class="token punctuation" c-id="168.1053.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.1056.8.1"> ><///span></span> <span class="token tag" c-id="168.1059.7.58"><span class="token tag" c-id="168.1060.8.0"><span class="token punctuation" c-id="168.1061.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.1064.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="187.0.0.0"> <a class="code-text__copy-link" c-id="187.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="187.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="187.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="187.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.1068.4.48"> <a href="#live-example" c-id="168.1070.5.1"> 现场示例<//a> </h4>  <p c-id="168.1074.4.50"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-set-width-col" c-id="168.1076.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-set-width-col" c-id="168.1079.5.3"> 这里<//a> 。<//p>  <h3 id="variable-width" c-id="168.1083.4.52"> <a href="#variable-width" c-id="168.1085.5.1"> 可变宽度<//a> </h3>  <p c-id="168.1089.4.54"> 通过设置<code c-id="168.1091.5.1"> size- {断点}<//code> 属性为<code c-id="168.1094.5.3"> “汽车”<//code> 该列可以根据其内容的自然宽度来大小。这对于使用像素设置列宽度非常有用。可变宽度列旁边的列将调整大小以填充行。<///p>  <docs-code language="html" class="hydrated" c-id="168.1098.4.56" s-id="188">   <pre c-id="168.1100.5.1"><code c-id="168.1101.6.0"><span class="token tag" c-id="168.1102.7.0"><span class="token tag" c-id="168.1103.8.0"><span class="token punctuation" c-id="168.1104.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.1107.8.1"> ><///span></span> <span class="token tag" c-id="168.1110.7.2"><span class="token tag" c-id="168.1111.8.0"><span class="token punctuation" c-id="168.1112.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.1115.8.1"> ><///span></span> <span class="token tag" c-id="168.1118.7.4"><span class="token tag" c-id="168.1119.8.0"><span class="token punctuation" c-id="168.1120.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.1123.8.1"> ><///span></span> <span class="token tag" c-id="168.1126.7.6"><span class="token tag" c-id="168.1127.8.0"><span class="token punctuation" c-id="168.1128.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1131.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.1134.7.8"><span class="token tag" c-id="168.1135.8.0"><span class="token punctuation" c-id="168.1136.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1139.8.1"> ><///span></span> <span class="token tag" c-id="168.1142.7.10"><span class="token tag" c-id="168.1143.8.0"><span class="token punctuation" c-id="168.1144.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1147.8.1"> ><///span></span> <span class="token tag" c-id="168.1150.7.12"><span class="token tag" c-id="168.1151.8.0"><span class="token punctuation" c-id="168.1152.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1156.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1158.8.3"><span class="token punctuation" c-id="168.1159.9.0"> =<///span><span class="token punctuation" c-id="168.1161.9.1"> “<//span> 汽车<span class="token punctuation" c-id="168.1164.9.3"> “<//span></span><span class="token punctuation" c-id="168.1166.8.4"> ><///span></span> <span class="token tag" c-id="168.1169.7.14"><span class="token tag" c-id="168.1170.8.0"><span class="token punctuation" c-id="168.1171.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1174.8.1"> ><///span></span> 可变宽度内容<span class="token tag" c-id="168.1177.7.16"><span class="token tag" c-id="168.1178.8.0"><span class="token punctuation" c-id="168.1179.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1182.8.1"> ><///span></span> <span class="token tag" c-id="168.1185.7.18"><span class="token tag" c-id="168.1186.8.0"><span class="token punctuation" c-id="168.1187.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1190.8.1"> ><///span></span> <span class="token tag" c-id="168.1193.7.20"><span class="token tag" c-id="168.1194.8.0"><span class="token punctuation" c-id="168.1195.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.1198.8.1"> ><///span></span> <span class="token tag" c-id="168.1201.7.22"><span class="token tag" c-id="168.1202.8.0"><span class="token punctuation" c-id="168.1203.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1206.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.1209.7.24"><span class="token tag" c-id="168.1210.8.0"><span class="token punctuation" c-id="168.1211.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1214.8.1"> ><///span></span> <span class="token tag" c-id="168.1217.7.26"><span class="token tag" c-id="168.1218.8.0"><span class="token punctuation" c-id="168.1219.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1222.8.1"> ><///span></span> <span class="token tag" c-id="168.1225.7.28"><span class="token tag" c-id="168.1226.8.0"><span class="token punctuation" c-id="168.1227.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.1230.8.1"> ><///span></span> <span class="token tag" c-id="168.1233.7.30"><span class="token tag" c-id="168.1234.8.0"><span class="token punctuation" c-id="168.1235.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.1238.8.1"> ><///span></span> <span class="token tag" c-id="168.1241.7.32"><span class="token tag" c-id="168.1242.8.0"><span class="token punctuation" c-id="168.1243.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.1246.8.1"> ><///span></span> <span class="token tag" c-id="168.1249.7.34"><span class="token tag" c-id="168.1250.8.0"><span class="token punctuation" c-id="168.1251.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1254.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.1257.7.36"><span class="token tag" c-id="168.1258.8.0"><span class="token punctuation" c-id="168.1259.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1262.8.1"> ><///span></span> <span class="token tag" c-id="168.1265.7.38"><span class="token tag" c-id="168.1266.8.0"><span class="token punctuation" c-id="168.1267.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1270.8.1"> ><///span></span> <span class="token tag" c-id="168.1273.7.40"><span class="token tag" c-id="168.1274.8.0"><span class="token punctuation" c-id="168.1275.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.1278.8.1"> ><///span></span> <span class="token tag" c-id="168.1281.7.42"><span class="token tag" c-id="168.1282.8.0"><span class="token punctuation" c-id="168.1283.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1286.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.1289.7.44"><span class="token tag" c-id="168.1290.8.0"><span class="token punctuation" c-id="168.1291.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1294.8.1"> ><///span></span> <span class="token tag" c-id="168.1297.7.46"><span class="token tag" c-id="168.1298.8.0"><span class="token punctuation" c-id="168.1299.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1302.8.1"> ><///span></span> <span class="token tag" c-id="168.1305.7.48"><span class="token tag" c-id="168.1306.8.0"><span class="token punctuation" c-id="168.1307.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1311.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1313.8.3"><span class="token punctuation" c-id="168.1314.9.0"> =<///span><span class="token punctuation" c-id="168.1316.9.1"> “<//span> 汽车<span class="token punctuation" c-id="168.1319.9.3"> “<//span></span><span class="token punctuation" c-id="168.1321.8.4"> ><///span></span> <span class="token tag" c-id="168.1324.7.50"><span class="token tag" c-id="168.1325.8.0"><span class="token punctuation" c-id="168.1326.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1329.8.1"> ><///span></span> <span class="token tag" c-id="168.1332.7.52"><span class="token tag" c-id="168.1333.8.0"><span class="token punctuation" c-id="168.1334.9.0"> <<///span> 离子输入<//span> <span class="token attr-name" c-id="168.1338.8.2"> 占位符<//span><span class="token attr-value" c-id="168.1340.8.3"><span class="token punctuation" c-id="168.1341.9.0"> =<///span><span class="token punctuation" c-id="168.1343.9.1"> “<//span> 可变宽度输入<span class="token punctuation" c-id="168.1346.9.3"> “<//span></span><span class="token punctuation" c-id="168.1348.8.4"> ><///span></span><span class="token tag" c-id="168.1350.7.53"><span class="token tag" c-id="168.1351.8.0"><span class="token punctuation" c-id="168.1352.9.0"> <//<//span> 离子输入<//span><span class="token punctuation" c-id="168.1355.8.1"> ><///span></span> <span class="token tag" c-id="168.1358.7.55"><span class="token tag" c-id="168.1359.8.0"><span class="token punctuation" c-id="168.1360.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1363.8.1"> ><///span></span> <span class="token tag" c-id="168.1366.7.57"><span class="token tag" c-id="168.1367.8.0"><span class="token punctuation" c-id="168.1368.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1371.8.1"> ><///span></span> <span class="token tag" c-id="168.1374.7.59"><span class="token tag" c-id="168.1375.8.0"><span class="token punctuation" c-id="168.1376.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.1379.8.1"> ><///span></span> <span class="token tag" c-id="168.1382.7.61"><span class="token tag" c-id="168.1383.8.0"><span class="token punctuation" c-id="168.1384.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1387.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.1390.7.63"><span class="token tag" c-id="168.1391.8.0"><span class="token punctuation" c-id="168.1392.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1395.8.1"> ><///span></span> <span class="token tag" c-id="168.1398.7.65"><span class="token tag" c-id="168.1399.8.0"><span class="token punctuation" c-id="168.1400.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1403.8.1"> ><///span></span> <span class="token tag" c-id="168.1406.7.67"><span class="token tag" c-id="168.1407.8.0"><span class="token punctuation" c-id="168.1408.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.1411.8.1"> ><///span></span> <span class="token tag" c-id="168.1414.7.69"><span class="token tag" c-id="168.1415.8.0"><span class="token punctuation" c-id="168.1416.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.1419.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="188.0.0.0"> <a class="code-text__copy-link" c-id="188.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="188.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="188.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="188.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.1423.4.58"> <a href="#live-example" c-id="168.1425.5.1"> 现场示例<//a> </h4>  <p c-id="168.1429.4.60"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-var-width-col" c-id="168.1431.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-var-width-col" c-id="168.1434.5.3"> 这里<//a> 。<//p>  <h2 id="responsive-attributes" c-id="168.1438.4.62"> <a href="#responsive-attributes" c-id="168.1440.5.1"> 响应属性<//a> </h2>  <h3 id="all-breakpoints" c-id="168.1444.4.64"> <a href="#all-breakpoints" c-id="168.1446.5.1"> 所有断点<//a> </h3>  <p c-id="168.1450.4.66"> 要自定义所有设备和屏幕的列的宽度，请设置<code c-id="168.1452.5.1"> 尺寸<//code> 财产。该属性的值确定本列应从总可用列中占用多少列。<///p>  <docs-code language="html" class="hydrated" c-id="168.1456.4.68" s-id="189">   <pre c-id="168.1458.5.1"><code c-id="168.1459.6.0"><span class="token tag" c-id="168.1460.7.0"><span class="token tag" c-id="168.1461.8.0"><span class="token punctuation" c-id="168.1462.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.1465.8.1"> ><///span></span> <span class="token tag" c-id="168.1468.7.2"><span class="token tag" c-id="168.1469.8.0"><span class="token punctuation" c-id="168.1470.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.1473.8.1"> ><///span></span> <span class="token tag" c-id="168.1476.7.4"><span class="token tag" c-id="168.1477.8.0"><span class="token punctuation" c-id="168.1478.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1482.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1484.8.3"><span class="token punctuation" c-id="168.1485.9.0"> =<///span><span class="token punctuation" c-id="168.1487.9.1"> “<//span> 4<span class="token punctuation" c-id="168.1490.9.3"> “<//span></span><span class="token punctuation" c-id="168.1492.8.4"> ><///span></span> <span class="token tag" c-id="168.1495.7.6"><span class="token tag" c-id="168.1496.8.0"><span class="token punctuation" c-id="168.1497.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1500.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.1503.7.8"><span class="token tag" c-id="168.1504.8.0"><span class="token punctuation" c-id="168.1505.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1508.8.1"> ><///span></span> <span class="token tag" c-id="168.1511.7.10"><span class="token tag" c-id="168.1512.8.0"><span class="token punctuation" c-id="168.1513.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1516.8.1"> ><///span></span> <span class="token tag" c-id="168.1519.7.12"><span class="token tag" c-id="168.1520.8.0"><span class="token punctuation" c-id="168.1521.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1525.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1527.8.3"><span class="token punctuation" c-id="168.1528.9.0"> =<///span><span class="token punctuation" c-id="168.1530.9.1"> “<//span> 2<span class="token punctuation" c-id="168.1533.9.3"> “<//span></span><span class="token punctuation" c-id="168.1535.8.4"> ><///span></span> <span class="token tag" c-id="168.1538.7.14"><span class="token tag" c-id="168.1539.8.0"><span class="token punctuation" c-id="168.1540.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1543.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.1546.7.16"><span class="token tag" c-id="168.1547.8.0"><span class="token punctuation" c-id="168.1548.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1551.8.1"> ><///span></span> <span class="token tag" c-id="168.1554.7.18"><span class="token tag" c-id="168.1555.8.0"><span class="token punctuation" c-id="168.1556.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1559.8.1"> ><///span></span> <span class="token tag" c-id="168.1562.7.20"><span class="token tag" c-id="168.1563.8.0"><span class="token punctuation" c-id="168.1564.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1568.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1570.8.3"><span class="token punctuation" c-id="168.1571.9.0"> =<///span><span class="token punctuation" c-id="168.1573.9.1"> “<//span> 2<span class="token punctuation" c-id="168.1576.9.3"> “<//span></span><span class="token punctuation" c-id="168.1578.8.4"> ><///span></span> <span class="token tag" c-id="168.1581.7.22"><span class="token tag" c-id="168.1582.8.0"><span class="token punctuation" c-id="168.1583.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1586.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.1589.7.24"><span class="token tag" c-id="168.1590.8.0"><span class="token punctuation" c-id="168.1591.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1594.8.1"> ><///span></span> <span class="token tag" c-id="168.1597.7.26"><span class="token tag" c-id="168.1598.8.0"><span class="token punctuation" c-id="168.1599.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1602.8.1"> ><///span></span> <span class="token tag" c-id="168.1605.7.28"><span class="token tag" c-id="168.1606.8.0"><span class="token punctuation" c-id="168.1607.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1611.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1613.8.3"><span class="token punctuation" c-id="168.1614.9.0"> =<///span><span class="token punctuation" c-id="168.1616.9.1"> “<//span> 4<span class="token punctuation" c-id="168.1619.9.3"> “<//span></span><span class="token punctuation" c-id="168.1621.8.4"> ><///span></span> <span class="token tag" c-id="168.1624.7.30"><span class="token tag" c-id="168.1625.8.0"><span class="token punctuation" c-id="168.1626.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1629.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.1632.7.32"><span class="token tag" c-id="168.1633.8.0"><span class="token punctuation" c-id="168.1634.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1637.8.1"> ><///span></span> <span class="token tag" c-id="168.1640.7.34"><span class="token tag" c-id="168.1641.8.0"><span class="token punctuation" c-id="168.1642.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1645.8.1"> ><///span></span> <span class="token tag" c-id="168.1648.7.36"><span class="token tag" c-id="168.1649.8.0"><span class="token punctuation" c-id="168.1650.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.1653.8.1"> ><///span></span> <span class="token tag" c-id="168.1656.7.38"><span class="token tag" c-id="168.1657.8.0"><span class="token punctuation" c-id="168.1658.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.1661.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="189.0.0.0"> <a class="code-text__copy-link" c-id="189.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="189.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="189.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="189.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h3 id="stacked-to-horizontal" c-id="168.1665.4.70"> <a href="#stacked-to-horizontal" c-id="168.1667.5.1"> 堆叠到水平<//a> </h3>  <p c-id="168.1671.4.72"> 使用宽度和断点属性的组合来创建一个网格，该网格始于在小屏幕上水平之前堆叠在多余的小屏幕上。<//p>  <docs-code language="html" class="hydrated" c-id="168.1674.4.74" s-id="190">   <pre c-id="168.1676.5.1"><code c-id="168.1677.6.0"><span class="token tag" c-id="168.1678.7.0"><span class="token tag" c-id="168.1679.8.0"><span class="token punctuation" c-id="168.1680.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.1683.8.1"> ><///span></span> <span class="token tag" c-id="168.1686.7.2"><span class="token tag" c-id="168.1687.8.0"><span class="token punctuation" c-id="168.1688.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.1691.8.1"> ><///span></span> <span class="token tag" c-id="168.1694.7.4"><span class="token tag" c-id="168.1695.8.0"><span class="token punctuation" c-id="168.1696.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1700.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1702.8.3"><span class="token punctuation" c-id="168.1703.9.0"> =<///span><span class="token punctuation" c-id="168.1705.9.1"> “<//span> 12<span class="token punctuation" c-id="168.1708.9.3"> “<//span></span> <span class="token attr-name" c-id="168.1711.8.5"> 大小SM<//span><span class="token punctuation" c-id="168.1713.8.6"> ><///span></span> <span class="token tag" c-id="168.1716.7.6"><span class="token tag" c-id="168.1717.8.0"><span class="token punctuation" c-id="168.1718.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1721.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.1724.7.8"><span class="token tag" c-id="168.1725.8.0"><span class="token punctuation" c-id="168.1726.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1729.8.1"> ><///span></span> <span class="token tag" c-id="168.1732.7.10"><span class="token tag" c-id="168.1733.8.0"><span class="token punctuation" c-id="168.1734.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1737.8.1"> ><///span></span> <span class="token tag" c-id="168.1740.7.12"><span class="token tag" c-id="168.1741.8.0"><span class="token punctuation" c-id="168.1742.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1746.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1748.8.3"><span class="token punctuation" c-id="168.1749.9.0"> =<///span><span class="token punctuation" c-id="168.1751.9.1"> “<//span> 12<span class="token punctuation" c-id="168.1754.9.3"> “<//span></span> <span class="token attr-name" c-id="168.1757.8.5"> 大小SM<//span><span class="token punctuation" c-id="168.1759.8.6"> ><///span></span> <span class="token tag" c-id="168.1762.7.14"><span class="token tag" c-id="168.1763.8.0"><span class="token punctuation" c-id="168.1764.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1767.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.1770.7.16"><span class="token tag" c-id="168.1771.8.0"><span class="token punctuation" c-id="168.1772.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1775.8.1"> ><///span></span> <span class="token tag" c-id="168.1778.7.18"><span class="token tag" c-id="168.1779.8.0"><span class="token punctuation" c-id="168.1780.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1783.8.1"> ><///span></span> <span class="token tag" c-id="168.1786.7.20"><span class="token tag" c-id="168.1787.8.0"><span class="token punctuation" c-id="168.1788.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1792.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1794.8.3"><span class="token punctuation" c-id="168.1795.9.0"> =<///span><span class="token punctuation" c-id="168.1797.9.1"> “<//span> 12<span class="token punctuation" c-id="168.1800.9.3"> “<//span></span> <span class="token attr-name" c-id="168.1803.8.5"> 大小SM<//span><span class="token punctuation" c-id="168.1805.8.6"> ><///span></span> <span class="token tag" c-id="168.1808.7.22"><span class="token tag" c-id="168.1809.8.0"><span class="token punctuation" c-id="168.1810.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1813.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.1816.7.24"><span class="token tag" c-id="168.1817.8.0"><span class="token punctuation" c-id="168.1818.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1821.8.1"> ><///span></span> <span class="token tag" c-id="168.1824.7.26"><span class="token tag" c-id="168.1825.8.0"><span class="token punctuation" c-id="168.1826.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1829.8.1"> ><///span></span> <span class="token tag" c-id="168.1832.7.28"><span class="token tag" c-id="168.1833.8.0"><span class="token punctuation" c-id="168.1834.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1838.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1840.8.3"><span class="token punctuation" c-id="168.1841.9.0"> =<///span><span class="token punctuation" c-id="168.1843.9.1"> “<//span> 12<span class="token punctuation" c-id="168.1846.9.3"> “<//span></span> <span class="token attr-name" c-id="168.1849.8.5"> 大小SM<//span><span class="token punctuation" c-id="168.1851.8.6"> ><///span></span> <span class="token tag" c-id="168.1854.7.30"><span class="token tag" c-id="168.1855.8.0"><span class="token punctuation" c-id="168.1856.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1859.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.1862.7.32"><span class="token tag" c-id="168.1863.8.0"><span class="token punctuation" c-id="168.1864.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1867.8.1"> ><///span></span> <span class="token tag" c-id="168.1870.7.34"><span class="token tag" c-id="168.1871.8.0"><span class="token punctuation" c-id="168.1872.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1875.8.1"> ><///span></span> <span class="token tag" c-id="168.1878.7.36"><span class="token tag" c-id="168.1879.8.0"><span class="token punctuation" c-id="168.1880.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.1883.8.1"> ><///span></span> <span class="token tag" c-id="168.1886.7.38"><span class="token tag" c-id="168.1887.8.0"><span class="token punctuation" c-id="168.1888.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.1891.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="190.0.0.0"> <a class="code-text__copy-link" c-id="190.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="190.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="190.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="190.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.1895.4.76"> <a href="#live-example" c-id="168.1897.5.1"> 现场示例<//a> </h4>  <p c-id="168.1901.4.78"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-stacked-horizontal-grid" c-id="168.1903.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-stacked-horizontal-grid" c-id="168.1906.5.3"> 这里<//a> 。<//p>  <h2 id="reordering" c-id="168.1910.4.80"> <a href="#reordering" c-id="168.1912.5.1"> 重新排序<//a> </h2>  <h3 id="offsetting-columns" c-id="168.1916.4.82"> <a href="#offsetting-columns" c-id="168.1918.5.1"> 抵消列<//a> </h3>  <p c-id="168.1922.4.84"> 通过添加<code c-id="168.1924.5.1"> 抵消<//code> 财产。该属性增加了列的边距，指定列的数量。例如，在以下网格中，最后一列将被3列抵消，并占用3列：<///p>  <docs-code language="html" class="hydrated" c-id="168.1928.4.86" s-id="191">   <pre c-id="168.1930.5.1"><code c-id="168.1931.6.0"><span class="token tag" c-id="168.1932.7.0"><span class="token tag" c-id="168.1933.8.0"><span class="token punctuation" c-id="168.1934.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.1937.8.1"> ><///span></span> <span class="token tag" c-id="168.1940.7.2"><span class="token tag" c-id="168.1941.8.0"><span class="token punctuation" c-id="168.1942.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.1945.8.1"> ><///span></span> <span class="token tag" c-id="168.1948.7.4"><span class="token tag" c-id="168.1949.8.0"><span class="token punctuation" c-id="168.1950.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1954.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1956.8.3"><span class="token punctuation" c-id="168.1957.9.0"> =<///span><span class="token punctuation" c-id="168.1959.9.1"> “<//span> 3<span class="token punctuation" c-id="168.1962.9.3"> “<//span></span><span class="token punctuation" c-id="168.1964.8.4"> ><///span></span> <span class="token tag" c-id="168.1967.7.6"><span class="token tag" c-id="168.1968.8.0"><span class="token punctuation" c-id="168.1969.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.1972.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.1975.7.8"><span class="token tag" c-id="168.1976.8.0"><span class="token punctuation" c-id="168.1977.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.1980.8.1"> ><///span></span> <span class="token tag" c-id="168.1983.7.10"><span class="token tag" c-id="168.1984.8.0"><span class="token punctuation" c-id="168.1985.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.1988.8.1"> ><///span></span> <span class="token tag" c-id="168.1991.7.12"><span class="token tag" c-id="168.1992.8.0"><span class="token punctuation" c-id="168.1993.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.1997.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.1999.8.3"><span class="token punctuation" c-id="168.2000.9.0"> =<///span><span class="token punctuation" c-id="168.2002.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2005.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2008.8.5"> 抵消<//span><span class="token attr-value" c-id="168.2010.8.6"><span class="token punctuation" c-id="168.2011.9.0"> =<///span><span class="token punctuation" c-id="168.2013.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2016.9.3"> “<//span></span><span class="token punctuation" c-id="168.2018.8.7"> ><///span></span> <span class="token tag" c-id="168.2021.7.14"><span class="token tag" c-id="168.2022.8.0"><span class="token punctuation" c-id="168.2023.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2026.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.2029.7.16"><span class="token tag" c-id="168.2030.8.0"><span class="token punctuation" c-id="168.2031.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2034.8.1"> ><///span></span> <span class="token tag" c-id="168.2037.7.18"><span class="token tag" c-id="168.2038.8.0"><span class="token punctuation" c-id="168.2039.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2042.8.1"> ><///span></span> <span class="token tag" c-id="168.2045.7.20"><span class="token tag" c-id="168.2046.8.0"><span class="token punctuation" c-id="168.2047.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.2050.8.1"> ><///span></span> <span class="token tag" c-id="168.2053.7.22"><span class="token tag" c-id="168.2054.8.0"><span class="token punctuation" c-id="168.2055.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.2058.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="191.0.0.0"> <a class="code-text__copy-link" c-id="191.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="191.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="191.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="191.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <p c-id="168.2062.4.88"> 还可以根据屏幕断点添加偏移。这是一个网格的示例，其中最后一列将被3列抵消<code c-id="168.2064.5.1"> MD<//code> 屏幕及向上：<//p>  <docs-code language="html" class="hydrated" c-id="168.2068.4.90" s-id="192">   <pre c-id="168.2070.5.1"><code c-id="168.2071.6.0"><span class="token tag" c-id="168.2072.7.0"><span class="token tag" c-id="168.2073.8.0"><span class="token punctuation" c-id="168.2074.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.2077.8.1"> ><///span></span> <span class="token tag" c-id="168.2080.7.2"><span class="token tag" c-id="168.2081.8.0"><span class="token punctuation" c-id="168.2082.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.2085.8.1"> ><///span></span> <span class="token tag" c-id="168.2088.7.4"><span class="token tag" c-id="168.2089.8.0"><span class="token punctuation" c-id="168.2090.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2094.8.2"> 尺寸-MD<//span><span class="token attr-value" c-id="168.2096.8.3"><span class="token punctuation" c-id="168.2097.9.0"> =<///span><span class="token punctuation" c-id="168.2099.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2102.9.3"> “<//span></span><span class="token punctuation" c-id="168.2104.8.4"> ><///span></span> <span class="token tag" c-id="168.2107.7.6"><span class="token tag" c-id="168.2108.8.0"><span class="token punctuation" c-id="168.2109.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2112.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.2115.7.8"><span class="token tag" c-id="168.2116.8.0"><span class="token punctuation" c-id="168.2117.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2120.8.1"> ><///span></span> <span class="token tag" c-id="168.2123.7.10"><span class="token tag" c-id="168.2124.8.0"><span class="token punctuation" c-id="168.2125.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2128.8.1"> ><///span></span> <span class="token tag" c-id="168.2131.7.12"><span class="token tag" c-id="168.2132.8.0"><span class="token punctuation" c-id="168.2133.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2137.8.2"> 尺寸-MD<//span><span class="token attr-value" c-id="168.2139.8.3"><span class="token punctuation" c-id="168.2140.9.0"> =<///span><span class="token punctuation" c-id="168.2142.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2145.9.3"> “<//span></span><span class="token punctuation" c-id="168.2147.8.4"> ><///span></span> <span class="token tag" c-id="168.2150.7.14"><span class="token tag" c-id="168.2151.8.0"><span class="token punctuation" c-id="168.2152.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2155.8.1"> ><///span></span> 第3章<span class="token tag" c-id="168.2158.7.16"><span class="token tag" c-id="168.2159.8.0"><span class="token punctuation" c-id="168.2160.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2163.8.1"> ><///span></span> <span class="token tag" c-id="168.2166.7.18"><span class="token tag" c-id="168.2167.8.0"><span class="token punctuation" c-id="168.2168.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2171.8.1"> ><///span></span> <span class="token tag" c-id="168.2174.7.20"><span class="token tag" c-id="168.2175.8.0"><span class="token punctuation" c-id="168.2176.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2180.8.2"> 尺寸-MD<//span><span class="token attr-value" c-id="168.2182.8.3"><span class="token punctuation" c-id="168.2183.9.0"> =<///span><span class="token punctuation" c-id="168.2185.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2188.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2191.8.5"> Offset-MD<//span><span class="token attr-value" c-id="168.2193.8.6"><span class="token punctuation" c-id="168.2194.9.0"> =<///span><span class="token punctuation" c-id="168.2196.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2199.9.3"> “<//span></span><span class="token punctuation" c-id="168.2201.8.7"> ><///span></span> <span class="token tag" c-id="168.2204.7.22"><span class="token tag" c-id="168.2205.8.0"><span class="token punctuation" c-id="168.2206.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2209.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.2212.7.24"><span class="token tag" c-id="168.2213.8.0"><span class="token punctuation" c-id="168.2214.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2217.8.1"> ><///span></span> <span class="token tag" c-id="168.2220.7.26"><span class="token tag" c-id="168.2221.8.0"><span class="token punctuation" c-id="168.2222.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2225.8.1"> ><///span></span> <span class="token tag" c-id="168.2228.7.28"><span class="token tag" c-id="168.2229.8.0"><span class="token punctuation" c-id="168.2230.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.2233.8.1"> ><///span></span> <span class="token tag" c-id="168.2236.7.30"><span class="token tag" c-id="168.2237.8.0"><span class="token punctuation" c-id="168.2238.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.2241.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="192.0.0.0"> <a class="code-text__copy-link" c-id="192.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="192.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="192.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="192.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.2245.4.92"> <a href="#live-example" c-id="168.2247.5.1"> 现场示例<//a> </h4>  <p c-id="168.2251.4.94"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-offset-grid-cols" c-id="168.2253.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-offset-grid-cols" c-id="168.2256.5.3"> 这里<//a> 。<//p>  <h3 id="push-and-pull" c-id="168.2260.4.96"> <a href="#push-and-pull" c-id="168.2262.5.1"> 推和拉<//a> </h3>  <p c-id="168.2266.4.98"> 通过添加<code c-id="168.2268.5.1"> 推<//code> 和<code c-id="168.2271.5.3"> 拉<//code> 特性。这些属性调整了<code c-id="168.2274.5.5"> 剩下<//code> 和<code c-id="168.2277.5.7"> 正确的<//code> 通过指定数量的列的列的列，使重新排序列变得易于重新排序。例如，在下面的网格中，列与<code c-id="168.2280.5.9"> 第2个中的1<//code> 描述实际上将是最后一列和<code c-id="168.2283.5.11"> 2 of 2<//code> 将是第一列。<//p>  <docs-code language="html" class="hydrated" c-id="168.2287.4.100" s-id="193">   <pre c-id="168.2289.5.1"><code c-id="168.2290.6.0"><span class="token tag" c-id="168.2291.7.0"><span class="token tag" c-id="168.2292.8.0"><span class="token punctuation" c-id="168.2293.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.2296.8.1"> ><///span></span> <span class="token tag" c-id="168.2299.7.2"><span class="token tag" c-id="168.2300.8.0"><span class="token punctuation" c-id="168.2301.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.2304.8.1"> ><///span></span> <span class="token tag" c-id="168.2307.7.4"><span class="token tag" c-id="168.2308.8.0"><span class="token punctuation" c-id="168.2309.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2313.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.2315.8.3"><span class="token punctuation" c-id="168.2316.9.0"> =<///span><span class="token punctuation" c-id="168.2318.9.1"> “<//span> 9<span class="token punctuation" c-id="168.2321.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2324.8.5"> 推<//span><span class="token attr-value" c-id="168.2326.8.6"><span class="token punctuation" c-id="168.2327.9.0"> =<///span><span class="token punctuation" c-id="168.2329.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2332.9.3"> “<//span></span><span class="token punctuation" c-id="168.2334.8.7"> ><///span></span> <span class="token tag" c-id="168.2337.7.6"><span class="token tag" c-id="168.2338.8.0"><span class="token punctuation" c-id="168.2339.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2342.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.2345.7.8"><span class="token tag" c-id="168.2346.8.0"><span class="token punctuation" c-id="168.2347.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2350.8.1"> ><///span></span> <span class="token tag" c-id="168.2353.7.10"><span class="token tag" c-id="168.2354.8.0"><span class="token punctuation" c-id="168.2355.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2358.8.1"> ><///span></span> <span class="token tag" c-id="168.2361.7.12"><span class="token tag" c-id="168.2362.8.0"><span class="token punctuation" c-id="168.2363.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2367.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.2369.8.3"><span class="token punctuation" c-id="168.2370.9.0"> =<///span><span class="token punctuation" c-id="168.2372.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2375.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2378.8.5"> 拉<//span><span class="token attr-value" c-id="168.2380.8.6"><span class="token punctuation" c-id="168.2381.9.0"> =<///span><span class="token punctuation" c-id="168.2383.9.1"> “<//span> 9<span class="token punctuation" c-id="168.2386.9.3"> “<//span></span><span class="token punctuation" c-id="168.2388.8.7"> ><///span></span> <span class="token tag" c-id="168.2391.7.14"><span class="token tag" c-id="168.2392.8.0"><span class="token punctuation" c-id="168.2393.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2396.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.2399.7.16"><span class="token tag" c-id="168.2400.8.0"><span class="token punctuation" c-id="168.2401.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2404.8.1"> ><///span></span> <span class="token tag" c-id="168.2407.7.18"><span class="token tag" c-id="168.2408.8.0"><span class="token punctuation" c-id="168.2409.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2412.8.1"> ><///span></span> <span class="token tag" c-id="168.2415.7.20"><span class="token tag" c-id="168.2416.8.0"><span class="token punctuation" c-id="168.2417.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.2420.8.1"> ><///span></span> <span class="token tag" c-id="168.2423.7.22"><span class="token tag" c-id="168.2424.8.0"><span class="token punctuation" c-id="168.2425.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.2428.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="193.0.0.0"> <a class="code-text__copy-link" c-id="193.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="193.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="193.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="193.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <p c-id="168.2432.4.102"> 也可以根据屏幕断点添加推和拉。在下面的示例中，带有<code c-id="168.2434.5.1"> 3 of 3<//code> 列描述实际上将是第一列<code c-id="168.2437.5.3"> MD<//code> 屏幕及向上：<//p>  <docs-code language="html" class="hydrated" c-id="168.2441.4.104" s-id="194">   <pre c-id="168.2443.5.1"><code c-id="168.2444.6.0"><span class="token tag" c-id="168.2445.7.0"><span class="token tag" c-id="168.2446.8.0"><span class="token punctuation" c-id="168.2447.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.2450.8.1"> ><///span></span> <span class="token tag" c-id="168.2453.7.2"><span class="token tag" c-id="168.2454.8.0"><span class="token punctuation" c-id="168.2455.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.2458.8.1"> ><///span></span> <span class="token tag" c-id="168.2461.7.4"><span class="token tag" c-id="168.2462.8.0"><span class="token punctuation" c-id="168.2463.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2467.8.2"> 尺寸-MD<//span><span class="token attr-value" c-id="168.2469.8.3"><span class="token punctuation" c-id="168.2470.9.0"> =<///span><span class="token punctuation" c-id="168.2472.9.1"> “<//span> 6<span class="token punctuation" c-id="168.2475.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2478.8.5"> 推-md<//span><span class="token attr-value" c-id="168.2480.8.6"><span class="token punctuation" c-id="168.2481.9.0"> =<///span><span class="token punctuation" c-id="168.2483.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2486.9.3"> “<//span></span><span class="token punctuation" c-id="168.2488.8.7"> ><///span></span> <span class="token tag" c-id="168.2491.7.6"><span class="token tag" c-id="168.2492.8.0"><span class="token punctuation" c-id="168.2493.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2496.8.1"> ><///span></span> 第3个中的1<span class="token tag" c-id="168.2499.7.8"><span class="token tag" c-id="168.2500.8.0"><span class="token punctuation" c-id="168.2501.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2504.8.1"> ><///span></span> <span class="token tag" c-id="168.2507.7.10"><span class="token tag" c-id="168.2508.8.0"><span class="token punctuation" c-id="168.2509.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2512.8.1"> ><///span></span> <span class="token tag" c-id="168.2515.7.12"><span class="token tag" c-id="168.2516.8.0"><span class="token punctuation" c-id="168.2517.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2521.8.2"> 尺寸-MD<//span><span class="token attr-value" c-id="168.2523.8.3"><span class="token punctuation" c-id="168.2524.9.0"> =<///span><span class="token punctuation" c-id="168.2526.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2529.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2532.8.5"> 推-md<//span><span class="token attr-value" c-id="168.2534.8.6"><span class="token punctuation" c-id="168.2535.9.0"> =<///span><span class="token punctuation" c-id="168.2537.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2540.9.3"> “<//span></span><span class="token punctuation" c-id="168.2542.8.7"> ><///span></span> <span class="token tag" c-id="168.2545.7.14"><span class="token tag" c-id="168.2546.8.0"><span class="token punctuation" c-id="168.2547.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2550.8.1"> ><///span></span> 第3章<span class="token tag" c-id="168.2553.7.16"><span class="token tag" c-id="168.2554.8.0"><span class="token punctuation" c-id="168.2555.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2558.8.1"> ><///span></span> <span class="token tag" c-id="168.2561.7.18"><span class="token tag" c-id="168.2562.8.0"><span class="token punctuation" c-id="168.2563.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2566.8.1"> ><///span></span> <span class="token tag" c-id="168.2569.7.20"><span class="token tag" c-id="168.2570.8.0"><span class="token punctuation" c-id="168.2571.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.2575.8.2"> 尺寸-MD<//span><span class="token attr-value" c-id="168.2577.8.3"><span class="token punctuation" c-id="168.2578.9.0"> =<///span><span class="token punctuation" c-id="168.2580.9.1"> “<//span> 3<span class="token punctuation" c-id="168.2583.9.3"> “<//span></span> <span class="token attr-name" c-id="168.2586.8.5"> 拉-MD<//span><span class="token attr-value" c-id="168.2588.8.6"><span class="token punctuation" c-id="168.2589.9.0"> =<///span><span class="token punctuation" c-id="168.2591.9.1"> “<//span> 9<span class="token punctuation" c-id="168.2594.9.3"> “<//span></span><span class="token punctuation" c-id="168.2596.8.7"> ><///span></span> <span class="token tag" c-id="168.2599.7.22"><span class="token tag" c-id="168.2600.8.0"><span class="token punctuation" c-id="168.2601.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2604.8.1"> ><///span></span> 3 of 3<span class="token tag" c-id="168.2607.7.24"><span class="token tag" c-id="168.2608.8.0"><span class="token punctuation" c-id="168.2609.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2612.8.1"> ><///span></span> <span class="token tag" c-id="168.2615.7.26"><span class="token tag" c-id="168.2616.8.0"><span class="token punctuation" c-id="168.2617.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2620.8.1"> ><///span></span> <span class="token tag" c-id="168.2623.7.28"><span class="token tag" c-id="168.2624.8.0"><span class="token punctuation" c-id="168.2625.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.2628.8.1"> ><///span></span> <span class="token tag" c-id="168.2631.7.30"><span class="token tag" c-id="168.2632.8.0"><span class="token punctuation" c-id="168.2633.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.2636.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="194.0.0.0"> <a class="code-text__copy-link" c-id="194.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="194.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="194.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="194.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.2640.4.106"> <a href="#live-example" c-id="168.2642.5.1"> 现场示例<//a> </h4>  <p c-id="168.2646.4.108"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-grid-push-pull" c-id="168.2648.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-grid-push-pull" c-id="168.2651.5.3"> 这里<//a> 。<//p>  <h2 id="alignment" c-id="168.2655.4.110"> <a href="#alignment" c-id="168.2657.5.1"> 结盟<//a> </h2>  <h3 id="vertical-alignment" c-id="168.2661.4.112"> <a href="#vertical-alignment" c-id="168.2663.5.1"> 垂直对齐<//a> </h3>  <p c-id="168.2667.4.114"> 可以通过向行中添加不同的类，将所有列在行内垂直对齐。有关可用类的列表，请参阅<stencil-route-link class="hydrated" c-id="168.2669.5.1" s-id="195">   <a href="//www.jesscamp.com/docs/layout/css-utilities" c-id="195.0.0.0">  CSS公用事业<//a> </stencil-route-link> 。<//p>  <docs-code language="html" class="hydrated" c-id="168.2673.4.116" s-id="196">   <pre c-id="168.2675.5.1"><code c-id="168.2676.6.0"><span class="token tag" c-id="168.2677.7.0"><span class="token tag" c-id="168.2678.8.0"><span class="token punctuation" c-id="168.2679.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.2682.8.1"> ><///span></span> <span class="token tag" c-id="168.2685.7.2"><span class="token tag" c-id="168.2686.8.0"><span class="token punctuation" c-id="168.2687.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.2691.8.2"> 班级<//span><span class="token attr-value" c-id="168.2693.8.3"><span class="token punctuation" c-id="168.2694.9.0"> =<///span><span class="token punctuation" c-id="168.2696.9.1"> “<//span> 离子 - 阿里格项目开始<span class="token punctuation" c-id="168.2699.9.3"> “<//span></span><span class="token punctuation" c-id="168.2701.8.4"> ><///span></span> <span class="token tag" c-id="168.2704.7.4"><span class="token tag" c-id="168.2705.8.0"><span class="token punctuation" c-id="168.2706.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2709.8.1"> ><///span></span> <span class="token tag" c-id="168.2712.7.6"><span class="token tag" c-id="168.2713.8.0"><span class="token punctuation" c-id="168.2714.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2717.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.2720.7.8"><span class="token tag" c-id="168.2721.8.0"><span class="token punctuation" c-id="168.2722.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2725.8.1"> ><///span></span> <span class="token tag" c-id="168.2728.7.10"><span class="token tag" c-id="168.2729.8.0"><span class="token punctuation" c-id="168.2730.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2733.8.1"> ><///span></span> <span class="token tag" c-id="168.2736.7.12"><span class="token tag" c-id="168.2737.8.0"><span class="token punctuation" c-id="168.2738.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2741.8.1"> ><///span></span> <span class="token tag" c-id="168.2744.7.14"><span class="token tag" c-id="168.2745.8.0"><span class="token punctuation" c-id="168.2746.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2749.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.2752.7.16"><span class="token tag" c-id="168.2753.8.0"><span class="token punctuation" c-id="168.2754.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2757.8.1"> ><///span></span> <span class="token tag" c-id="168.2760.7.18"><span class="token tag" c-id="168.2761.8.0"><span class="token punctuation" c-id="168.2762.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2765.8.1"> ><///span></span> <span class="token tag" c-id="168.2768.7.20"><span class="token tag" c-id="168.2769.8.0"><span class="token punctuation" c-id="168.2770.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2773.8.1"> ><///span></span> <span class="token tag" c-id="168.2776.7.22"><span class="token tag" c-id="168.2777.8.0"><span class="token punctuation" c-id="168.2778.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2781.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.2784.7.24"><span class="token tag" c-id="168.2785.8.0"><span class="token punctuation" c-id="168.2786.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2789.8.1"> ><///span></span> <span class="token tag" c-id="168.2792.7.26"><span class="token tag" c-id="168.2793.8.0"><span class="token punctuation" c-id="168.2794.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2797.8.1"> ><///span></span> <span class="token tag" c-id="168.2800.7.28"><span class="token tag" c-id="168.2801.8.0"><span class="token punctuation" c-id="168.2802.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2805.8.1"> ><///span></span> <span class="token tag" c-id="168.2808.7.30"><span class="token tag" c-id="168.2809.8.0"><span class="token punctuation" c-id="168.2810.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2813.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.2816.7.32"><span class="token tag" c-id="168.2817.8.0"><span class="token punctuation" c-id="168.2818.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.2821.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.2824.7.34"><span class="token tag" c-id="168.2825.8.0"><span class="token punctuation" c-id="168.2826.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.2829.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.2832.7.36"><span class="token tag" c-id="168.2833.8.0"><span class="token punctuation" c-id="168.2834.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.2837.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.2840.7.38"><span class="token tag" c-id="168.2841.8.0"><span class="token punctuation" c-id="168.2842.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2845.8.1"> ><///span></span> <span class="token tag" c-id="168.2848.7.40"><span class="token tag" c-id="168.2849.8.0"><span class="token punctuation" c-id="168.2850.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2853.8.1"> ><///span></span> <span class="token tag" c-id="168.2856.7.42"><span class="token tag" c-id="168.2857.8.0"><span class="token punctuation" c-id="168.2858.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.2861.8.1"> ><///span></span> <span class="token tag" c-id="168.2864.7.44"><span class="token tag" c-id="168.2865.8.0"><span class="token punctuation" c-id="168.2866.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.2870.8.2"> 班级<//span><span class="token attr-value" c-id="168.2872.8.3"><span class="token punctuation" c-id="168.2873.9.0"> =<///span><span class="token punctuation" c-id="168.2875.9.1"> “<//span> 离子 - 阿里格项目中心<span class="token punctuation" c-id="168.2878.9.3"> “<//span></span><span class="token punctuation" c-id="168.2880.8.4"> ><///span></span> <span class="token tag" c-id="168.2883.7.46"><span class="token tag" c-id="168.2884.8.0"><span class="token punctuation" c-id="168.2885.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2888.8.1"> ><///span></span> <span class="token tag" c-id="168.2891.7.48"><span class="token tag" c-id="168.2892.8.0"><span class="token punctuation" c-id="168.2893.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2896.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.2899.7.50"><span class="token tag" c-id="168.2900.8.0"><span class="token punctuation" c-id="168.2901.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2904.8.1"> ><///span></span> <span class="token tag" c-id="168.2907.7.52"><span class="token tag" c-id="168.2908.8.0"><span class="token punctuation" c-id="168.2909.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2912.8.1"> ><///span></span> <span class="token tag" c-id="168.2915.7.54"><span class="token tag" c-id="168.2916.8.0"><span class="token punctuation" c-id="168.2917.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2920.8.1"> ><///span></span> <span class="token tag" c-id="168.2923.7.56"><span class="token tag" c-id="168.2924.8.0"><span class="token punctuation" c-id="168.2925.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2928.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.2931.7.58"><span class="token tag" c-id="168.2932.8.0"><span class="token punctuation" c-id="168.2933.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2936.8.1"> ><///span></span> <span class="token tag" c-id="168.2939.7.60"><span class="token tag" c-id="168.2940.8.0"><span class="token punctuation" c-id="168.2941.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2944.8.1"> ><///span></span> <span class="token tag" c-id="168.2947.7.62"><span class="token tag" c-id="168.2948.8.0"><span class="token punctuation" c-id="168.2949.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2952.8.1"> ><///span></span> <span class="token tag" c-id="168.2955.7.64"><span class="token tag" c-id="168.2956.8.0"><span class="token punctuation" c-id="168.2957.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2960.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.2963.7.66"><span class="token tag" c-id="168.2964.8.0"><span class="token punctuation" c-id="168.2965.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.2968.8.1"> ><///span></span> <span class="token tag" c-id="168.2971.7.68"><span class="token tag" c-id="168.2972.8.0"><span class="token punctuation" c-id="168.2973.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.2976.8.1"> ><///span></span> <span class="token tag" c-id="168.2979.7.70"><span class="token tag" c-id="168.2980.8.0"><span class="token punctuation" c-id="168.2981.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.2984.8.1"> ><///span></span> <span class="token tag" c-id="168.2987.7.72"><span class="token tag" c-id="168.2988.8.0"><span class="token punctuation" c-id="168.2989.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.2992.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.2995.7.74"><span class="token tag" c-id="168.2996.8.0"><span class="token punctuation" c-id="168.2997.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3000.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3003.7.76"><span class="token tag" c-id="168.3004.8.0"><span class="token punctuation" c-id="168.3005.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3008.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3011.7.78"><span class="token tag" c-id="168.3012.8.0"><span class="token punctuation" c-id="168.3013.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3016.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3019.7.80"><span class="token tag" c-id="168.3020.8.0"><span class="token punctuation" c-id="168.3021.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3024.8.1"> ><///span></span> <span class="token tag" c-id="168.3027.7.82"><span class="token tag" c-id="168.3028.8.0"><span class="token punctuation" c-id="168.3029.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3032.8.1"> ><///span></span> <span class="token tag" c-id="168.3035.7.84"><span class="token tag" c-id="168.3036.8.0"><span class="token punctuation" c-id="168.3037.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3040.8.1"> ><///span></span> <span class="token tag" c-id="168.3043.7.86"><span class="token tag" c-id="168.3044.8.0"><span class="token punctuation" c-id="168.3045.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.3049.8.2"> 班级<//span><span class="token attr-value" c-id="168.3051.8.3"><span class="token punctuation" c-id="168.3052.9.0"> =<///span><span class="token punctuation" c-id="168.3054.9.1"> “<//span> 离子align-items-end<span class="token punctuation" c-id="168.3057.9.3"> “<//span></span><span class="token punctuation" c-id="168.3059.8.4"> ><///span></span> <span class="token tag" c-id="168.3062.7.88"><span class="token tag" c-id="168.3063.8.0"><span class="token punctuation" c-id="168.3064.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.3067.8.1"> ><///span></span> <span class="token tag" c-id="168.3070.7.90"><span class="token tag" c-id="168.3071.8.0"><span class="token punctuation" c-id="168.3072.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3075.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.3078.7.92"><span class="token tag" c-id="168.3079.8.0"><span class="token punctuation" c-id="168.3080.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3083.8.1"> ><///span></span> <span class="token tag" c-id="168.3086.7.94"><span class="token tag" c-id="168.3087.8.0"><span class="token punctuation" c-id="168.3088.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3091.8.1"> ><///span></span> <span class="token tag" c-id="168.3094.7.96"><span class="token tag" c-id="168.3095.8.0"><span class="token punctuation" c-id="168.3096.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.3099.8.1"> ><///span></span> <span class="token tag" c-id="168.3102.7.98"><span class="token tag" c-id="168.3103.8.0"><span class="token punctuation" c-id="168.3104.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3107.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.3110.7.100"><span class="token tag" c-id="168.3111.8.0"><span class="token punctuation" c-id="168.3112.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3115.8.1"> ><///span></span> <span class="token tag" c-id="168.3118.7.102"><span class="token tag" c-id="168.3119.8.0"><span class="token punctuation" c-id="168.3120.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3123.8.1"> ><///span></span> <span class="token tag" c-id="168.3126.7.104"><span class="token tag" c-id="168.3127.8.0"><span class="token punctuation" c-id="168.3128.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.3131.8.1"> ><///span></span> <span class="token tag" c-id="168.3134.7.106"><span class="token tag" c-id="168.3135.8.0"><span class="token punctuation" c-id="168.3136.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3139.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.3142.7.108"><span class="token tag" c-id="168.3143.8.0"><span class="token punctuation" c-id="168.3144.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3147.8.1"> ><///span></span> <span class="token tag" c-id="168.3150.7.110"><span class="token tag" c-id="168.3151.8.0"><span class="token punctuation" c-id="168.3152.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3155.8.1"> ><///span></span> <span class="token tag" c-id="168.3158.7.112"><span class="token tag" c-id="168.3159.8.0"><span class="token punctuation" c-id="168.3160.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.3163.8.1"> ><///span></span> <span class="token tag" c-id="168.3166.7.114"><span class="token tag" c-id="168.3167.8.0"><span class="token punctuation" c-id="168.3168.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3171.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.3174.7.116"><span class="token tag" c-id="168.3175.8.0"><span class="token punctuation" c-id="168.3176.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3179.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3182.7.118"><span class="token tag" c-id="168.3183.8.0"><span class="token punctuation" c-id="168.3184.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3187.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3190.7.120"><span class="token tag" c-id="168.3191.8.0"><span class="token punctuation" c-id="168.3192.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3195.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3198.7.122"><span class="token tag" c-id="168.3199.8.0"><span class="token punctuation" c-id="168.3200.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3203.8.1"> ><///span></span> <span class="token tag" c-id="168.3206.7.124"><span class="token tag" c-id="168.3207.8.0"><span class="token punctuation" c-id="168.3208.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3211.8.1"> ><///span></span> <span class="token tag" c-id="168.3214.7.126"><span class="token tag" c-id="168.3215.8.0"><span class="token punctuation" c-id="168.3216.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3219.8.1"> ><///span></span> <span class="token tag" c-id="168.3222.7.128"><span class="token tag" c-id="168.3223.8.0"><span class="token punctuation" c-id="168.3224.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.3227.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="196.0.0.0"> <a class="code-text__copy-link" c-id="196.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="196.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="196.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="196.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <p c-id="168.3231.4.118"> 通过将对齐类直接添加到列中，列也可以与其他列不同。有关可用类的列表，请参阅<stencil-route-link class="hydrated" c-id="168.3233.5.1" s-id="197">   <a href="//www.jesscamp.com/docs/layout/css-utilities" c-id="197.0.0.0">  CSS公用事业<//a> </stencil-route-link> 。<//p>  <docs-code language="html" class="hydrated" c-id="168.3237.4.120" s-id="198">   <pre c-id="168.3239.5.1"><code c-id="168.3240.6.0"><span class="token tag" c-id="168.3241.7.0"><span class="token tag" c-id="168.3242.8.0"><span class="token punctuation" c-id="168.3243.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.3246.8.1"> ><///span></span> <span class="token tag" c-id="168.3249.7.2"><span class="token tag" c-id="168.3250.8.0"><span class="token punctuation" c-id="168.3251.9.0"> <<///span> 离子行<//span><span class="token punctuation" c-id="168.3254.8.1"> ><///span></span> <span class="token tag" c-id="168.3257.7.4"><span class="token tag" c-id="168.3258.8.0"><span class="token punctuation" c-id="168.3259.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3263.8.2"> 班级<//span><span class="token attr-value" c-id="168.3265.8.3"><span class="token punctuation" c-id="168.3266.9.0"> =<///span><span class="token punctuation" c-id="168.3268.9.1"> “<//span> 离子空位自我启动<span class="token punctuation" c-id="168.3271.9.3"> “<//span></span><span class="token punctuation" c-id="168.3273.8.4"> ><///span></span> <span class="token tag" c-id="168.3276.7.6"><span class="token tag" c-id="168.3277.8.0"><span class="token punctuation" c-id="168.3278.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3281.8.1"> ><///span></span> 第4个中的1<span class="token tag" c-id="168.3284.7.8"><span class="token tag" c-id="168.3285.8.0"><span class="token punctuation" c-id="168.3286.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3289.8.1"> ><///span></span> <span class="token tag" c-id="168.3292.7.10"><span class="token tag" c-id="168.3293.8.0"><span class="token punctuation" c-id="168.3294.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3297.8.1"> ><///span></span> <span class="token tag" c-id="168.3300.7.12"><span class="token tag" c-id="168.3301.8.0"><span class="token punctuation" c-id="168.3302.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3306.8.2"> 班级<//span><span class="token attr-value" c-id="168.3308.8.3"><span class="token punctuation" c-id="168.3309.9.0"> =<///span><span class="token punctuation" c-id="168.3311.9.1"> “<//span> 离子空位自我中心<span class="token punctuation" c-id="168.3314.9.3"> “<//span></span><span class="token punctuation" c-id="168.3316.8.4"> ><///span></span> <span class="token tag" c-id="168.3319.7.14"><span class="token tag" c-id="168.3320.8.0"><span class="token punctuation" c-id="168.3321.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3324.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.3327.7.16"><span class="token tag" c-id="168.3328.8.0"><span class="token punctuation" c-id="168.3329.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3332.8.1"> ><///span></span> <span class="token tag" c-id="168.3335.7.18"><span class="token tag" c-id="168.3336.8.0"><span class="token punctuation" c-id="168.3337.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3340.8.1"> ><///span></span> <span class="token tag" c-id="168.3343.7.20"><span class="token tag" c-id="168.3344.8.0"><span class="token punctuation" c-id="168.3345.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3349.8.2"> 班级<//span><span class="token attr-value" c-id="168.3351.8.3"><span class="token punctuation" c-id="168.3352.9.0"> =<///span><span class="token punctuation" c-id="168.3354.9.1"> “<//span> 离子空位自我端<span class="token punctuation" c-id="168.3357.9.3"> “<//span></span><span class="token punctuation" c-id="168.3359.8.4"> ><///span></span> <span class="token tag" c-id="168.3362.7.22"><span class="token tag" c-id="168.3363.8.0"><span class="token punctuation" c-id="168.3364.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3367.8.1"> ><///span></span> 第4章<span class="token tag" c-id="168.3370.7.24"><span class="token tag" c-id="168.3371.8.0"><span class="token punctuation" c-id="168.3372.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3375.8.1"> ><///span></span> <span class="token tag" c-id="168.3378.7.26"><span class="token tag" c-id="168.3379.8.0"><span class="token punctuation" c-id="168.3380.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3383.8.1"> ><///span></span> <span class="token tag" c-id="168.3386.7.28"><span class="token tag" c-id="168.3387.8.0"><span class="token punctuation" c-id="168.3388.9.0"> <<///span> 离子电池<//span><span class="token punctuation" c-id="168.3391.8.1"> ><///span></span> <span class="token tag" c-id="168.3394.7.30"><span class="token tag" c-id="168.3395.8.0"><span class="token punctuation" c-id="168.3396.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3399.8.1"> ><///span></span> 4 of 4<span class="token tag" c-id="168.3402.7.32"><span class="token tag" c-id="168.3403.8.0"><span class="token punctuation" c-id="168.3404.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3407.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3410.7.34"><span class="token tag" c-id="168.3411.8.0"><span class="token punctuation" c-id="168.3412.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3415.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3418.7.36"><span class="token tag" c-id="168.3419.8.0"><span class="token punctuation" c-id="168.3420.9.0"> <<///span> br<//span><span class="token punctuation" c-id="168.3423.8.1"> ><///span></span> ＃<span class="token tag" c-id="168.3426.7.38"><span class="token tag" c-id="168.3427.8.0"><span class="token punctuation" c-id="168.3428.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3431.8.1"> ><///span></span> <span class="token tag" c-id="168.3434.7.40"><span class="token tag" c-id="168.3435.8.0"><span class="token punctuation" c-id="168.3436.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3439.8.1"> ><///span></span> <span class="token tag" c-id="168.3442.7.42"><span class="token tag" c-id="168.3443.8.0"><span class="token punctuation" c-id="168.3444.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3447.8.1"> ><///span></span> <span class="token tag" c-id="168.3450.7.44"><span class="token tag" c-id="168.3451.8.0"><span class="token punctuation" c-id="168.3452.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.3455.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="198.0.0.0"> <a class="code-text__copy-link" c-id="198.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="198.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="198.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="198.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.3459.4.122"> <a href="#live-example" c-id="168.3461.5.1"> 现场示例<//a> </h4>  <p c-id="168.3465.4.124"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-grid-vertical-align" c-id="168.3467.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-grid-vertical-align" c-id="168.3470.5.3"> 这里<//a> 。<//p>  <h3 id="horizontal-alignment" c-id="168.3474.4.126"> <a href="#horizontal-alignment" c-id="168.3476.5.1"> 水平对齐<//a> </h3>  <p c-id="168.3480.4.128"> 通过向行中添加不同的类，可以将所有列在行中水平对齐。有关可用类的列表，请参阅<stencil-route-link class="hydrated" c-id="168.3482.5.1" s-id="199">   <a href="//www.jesscamp.com/docs/layout/css-utilities" c-id="199.0.0.0">  CSS公用事业<//a> </stencil-route-link> 。<//p>  <docs-code language="html" class="hydrated" c-id="168.3486.4.130" s-id="200">   <pre c-id="168.3488.5.1"><code c-id="168.3489.6.0"><span class="token tag" c-id="168.3490.7.0"><span class="token tag" c-id="168.3491.8.0"><span class="token punctuation" c-id="168.3492.9.0"> <<///span> 离子网格<//span><span class="token punctuation" c-id="168.3495.8.1"> ><///span></span> <span class="token tag" c-id="168.3498.7.2"><span class="token tag" c-id="168.3499.8.0"><span class="token punctuation" c-id="168.3500.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.3504.8.2"> 班级<//span><span class="token attr-value" c-id="168.3506.8.3"><span class="token punctuation" c-id="168.3507.9.0"> =<///span><span class="token punctuation" c-id="168.3509.9.1"> “<//span> 离子正义启动<span class="token punctuation" c-id="168.3512.9.3"> “<//span></span><span class="token punctuation" c-id="168.3514.8.4"> ><///span></span> <span class="token tag" c-id="168.3517.7.4"><span class="token tag" c-id="168.3518.8.0"><span class="token punctuation" c-id="168.3519.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3523.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3525.8.3"><span class="token punctuation" c-id="168.3526.9.0"> =<///span><span class="token punctuation" c-id="168.3528.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3531.9.3"> “<//span></span><span class="token punctuation" c-id="168.3533.8.4"> ><///span></span> <span class="token tag" c-id="168.3536.7.6"><span class="token tag" c-id="168.3537.8.0"><span class="token punctuation" c-id="168.3538.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3541.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.3544.7.8"><span class="token tag" c-id="168.3545.8.0"><span class="token punctuation" c-id="168.3546.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3549.8.1"> ><///span></span> <span class="token tag" c-id="168.3552.7.10"><span class="token tag" c-id="168.3553.8.0"><span class="token punctuation" c-id="168.3554.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3557.8.1"> ><///span></span> <span class="token tag" c-id="168.3560.7.12"><span class="token tag" c-id="168.3561.8.0"><span class="token punctuation" c-id="168.3562.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3566.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3568.8.3"><span class="token punctuation" c-id="168.3569.9.0"> =<///span><span class="token punctuation" c-id="168.3571.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3574.9.3"> “<//span></span><span class="token punctuation" c-id="168.3576.8.4"> ><///span></span> <span class="token tag" c-id="168.3579.7.14"><span class="token tag" c-id="168.3580.8.0"><span class="token punctuation" c-id="168.3581.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3584.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.3587.7.16"><span class="token tag" c-id="168.3588.8.0"><span class="token punctuation" c-id="168.3589.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3592.8.1"> ><///span></span> <span class="token tag" c-id="168.3595.7.18"><span class="token tag" c-id="168.3596.8.0"><span class="token punctuation" c-id="168.3597.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3600.8.1"> ><///span></span> <span class="token tag" c-id="168.3603.7.20"><span class="token tag" c-id="168.3604.8.0"><span class="token punctuation" c-id="168.3605.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3608.8.1"> ><///span></span> <span class="token tag" c-id="168.3611.7.22"><span class="token tag" c-id="168.3612.8.0"><span class="token punctuation" c-id="168.3613.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.3617.8.2"> 班级<//span><span class="token attr-value" c-id="168.3619.8.3"><span class="token punctuation" c-id="168.3620.9.0"> =<///span><span class="token punctuation" c-id="168.3622.9.1"> “<//span> 离子正式中心<span class="token punctuation" c-id="168.3625.9.3"> “<//span></span><span class="token punctuation" c-id="168.3627.8.4"> ><///span></span> <span class="token tag" c-id="168.3630.7.24"><span class="token tag" c-id="168.3631.8.0"><span class="token punctuation" c-id="168.3632.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3636.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3638.8.3"><span class="token punctuation" c-id="168.3639.9.0"> =<///span><span class="token punctuation" c-id="168.3641.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3644.9.3"> “<//span></span><span class="token punctuation" c-id="168.3646.8.4"> ><///span></span> <span class="token tag" c-id="168.3649.7.26"><span class="token tag" c-id="168.3650.8.0"><span class="token punctuation" c-id="168.3651.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3654.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.3657.7.28"><span class="token tag" c-id="168.3658.8.0"><span class="token punctuation" c-id="168.3659.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3662.8.1"> ><///span></span> <span class="token tag" c-id="168.3665.7.30"><span class="token tag" c-id="168.3666.8.0"><span class="token punctuation" c-id="168.3667.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3670.8.1"> ><///span></span> <span class="token tag" c-id="168.3673.7.32"><span class="token tag" c-id="168.3674.8.0"><span class="token punctuation" c-id="168.3675.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3679.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3681.8.3"><span class="token punctuation" c-id="168.3682.9.0"> =<///span><span class="token punctuation" c-id="168.3684.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3687.9.3"> “<//span></span><span class="token punctuation" c-id="168.3689.8.4"> ><///span></span> <span class="token tag" c-id="168.3692.7.34"><span class="token tag" c-id="168.3693.8.0"><span class="token punctuation" c-id="168.3694.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3697.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.3700.7.36"><span class="token tag" c-id="168.3701.8.0"><span class="token punctuation" c-id="168.3702.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3705.8.1"> ><///span></span> <span class="token tag" c-id="168.3708.7.38"><span class="token tag" c-id="168.3709.8.0"><span class="token punctuation" c-id="168.3710.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3713.8.1"> ><///span></span> <span class="token tag" c-id="168.3716.7.40"><span class="token tag" c-id="168.3717.8.0"><span class="token punctuation" c-id="168.3718.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3721.8.1"> ><///span></span> <span class="token tag" c-id="168.3724.7.42"><span class="token tag" c-id="168.3725.8.0"><span class="token punctuation" c-id="168.3726.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.3730.8.2"> 班级<//span><span class="token attr-value" c-id="168.3732.8.3"><span class="token punctuation" c-id="168.3733.9.0"> =<///span><span class="token punctuation" c-id="168.3735.9.1"> “<//span> 离子正义末端<span class="token punctuation" c-id="168.3738.9.3"> “<//span></span><span class="token punctuation" c-id="168.3740.8.4"> ><///span></span> <span class="token tag" c-id="168.3743.7.44"><span class="token tag" c-id="168.3744.8.0"><span class="token punctuation" c-id="168.3745.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3749.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3751.8.3"><span class="token punctuation" c-id="168.3752.9.0"> =<///span><span class="token punctuation" c-id="168.3754.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3757.9.3"> “<//span></span><span class="token punctuation" c-id="168.3759.8.4"> ><///span></span> <span class="token tag" c-id="168.3762.7.46"><span class="token tag" c-id="168.3763.8.0"><span class="token punctuation" c-id="168.3764.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3767.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.3770.7.48"><span class="token tag" c-id="168.3771.8.0"><span class="token punctuation" c-id="168.3772.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3775.8.1"> ><///span></span> <span class="token tag" c-id="168.3778.7.50"><span class="token tag" c-id="168.3779.8.0"><span class="token punctuation" c-id="168.3780.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3783.8.1"> ><///span></span> <span class="token tag" c-id="168.3786.7.52"><span class="token tag" c-id="168.3787.8.0"><span class="token punctuation" c-id="168.3788.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3792.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3794.8.3"><span class="token punctuation" c-id="168.3795.9.0"> =<///span><span class="token punctuation" c-id="168.3797.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3800.9.3"> “<//span></span><span class="token punctuation" c-id="168.3802.8.4"> ><///span></span> <span class="token tag" c-id="168.3805.7.54"><span class="token tag" c-id="168.3806.8.0"><span class="token punctuation" c-id="168.3807.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3810.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.3813.7.56"><span class="token tag" c-id="168.3814.8.0"><span class="token punctuation" c-id="168.3815.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3818.8.1"> ><///span></span> <span class="token tag" c-id="168.3821.7.58"><span class="token tag" c-id="168.3822.8.0"><span class="token punctuation" c-id="168.3823.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3826.8.1"> ><///span></span> <span class="token tag" c-id="168.3829.7.60"><span class="token tag" c-id="168.3830.8.0"><span class="token punctuation" c-id="168.3831.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3834.8.1"> ><///span></span> <span class="token tag" c-id="168.3837.7.62"><span class="token tag" c-id="168.3838.8.0"><span class="token punctuation" c-id="168.3839.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.3843.8.2"> 班级<//span><span class="token attr-value" c-id="168.3845.8.3"><span class="token punctuation" c-id="168.3846.9.0"> =<///span><span class="token punctuation" c-id="168.3848.9.1"> “<//span> 离子正交包围<span class="token punctuation" c-id="168.3851.9.3"> “<//span></span><span class="token punctuation" c-id="168.3853.8.4"> ><///span></span> <span class="token tag" c-id="168.3856.7.64"><span class="token tag" c-id="168.3857.8.0"><span class="token punctuation" c-id="168.3858.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3862.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3864.8.3"><span class="token punctuation" c-id="168.3865.9.0"> =<///span><span class="token punctuation" c-id="168.3867.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3870.9.3"> “<//span></span><span class="token punctuation" c-id="168.3872.8.4"> ><///span></span> <span class="token tag" c-id="168.3875.7.66"><span class="token tag" c-id="168.3876.8.0"><span class="token punctuation" c-id="168.3877.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3880.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.3883.7.68"><span class="token tag" c-id="168.3884.8.0"><span class="token punctuation" c-id="168.3885.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3888.8.1"> ><///span></span> <span class="token tag" c-id="168.3891.7.70"><span class="token tag" c-id="168.3892.8.0"><span class="token punctuation" c-id="168.3893.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3896.8.1"> ><///span></span> <span class="token tag" c-id="168.3899.7.72"><span class="token tag" c-id="168.3900.8.0"><span class="token punctuation" c-id="168.3901.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3905.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3907.8.3"><span class="token punctuation" c-id="168.3908.9.0"> =<///span><span class="token punctuation" c-id="168.3910.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3913.9.3"> “<//span></span><span class="token punctuation" c-id="168.3915.8.4"> ><///span></span> <span class="token tag" c-id="168.3918.7.74"><span class="token tag" c-id="168.3919.8.0"><span class="token punctuation" c-id="168.3920.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3923.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.3926.7.76"><span class="token tag" c-id="168.3927.8.0"><span class="token punctuation" c-id="168.3928.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.3931.8.1"> ><///span></span> <span class="token tag" c-id="168.3934.7.78"><span class="token tag" c-id="168.3935.8.0"><span class="token punctuation" c-id="168.3936.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.3939.8.1"> ><///span></span> <span class="token tag" c-id="168.3942.7.80"><span class="token tag" c-id="168.3943.8.0"><span class="token punctuation" c-id="168.3944.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.3947.8.1"> ><///span></span> <span class="token tag" c-id="168.3950.7.82"><span class="token tag" c-id="168.3951.8.0"><span class="token punctuation" c-id="168.3952.9.0"> <<///span> 离子行<//span> <span class="token attr-name" c-id="168.3956.8.2"> 班级<//span><span class="token attr-value" c-id="168.3958.8.3"><span class="token punctuation" c-id="168.3959.9.0"> =<///span><span class="token punctuation" c-id="168.3961.9.1"> “<//span> 离子正式核对之间<span class="token punctuation" c-id="168.3964.9.3"> “<//span></span><span class="token punctuation" c-id="168.3966.8.4"> ><///span></span> <span class="token tag" c-id="168.3969.7.84"><span class="token tag" c-id="168.3970.8.0"><span class="token punctuation" c-id="168.3971.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.3975.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.3977.8.3"><span class="token punctuation" c-id="168.3978.9.0"> =<///span><span class="token punctuation" c-id="168.3980.9.1"> “<//span> 3<span class="token punctuation" c-id="168.3983.9.3"> “<//span></span><span class="token punctuation" c-id="168.3985.8.4"> ><///span></span> <span class="token tag" c-id="168.3988.7.86"><span class="token tag" c-id="168.3989.8.0"><span class="token punctuation" c-id="168.3990.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.3993.8.1"> ><///span></span> 第2个中的1<span class="token tag" c-id="168.3996.7.88"><span class="token tag" c-id="168.3997.8.0"><span class="token punctuation" c-id="168.3998.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.4001.8.1"> ><///span></span> <span class="token tag" c-id="168.4004.7.90"><span class="token tag" c-id="168.4005.8.0"><span class="token punctuation" c-id="168.4006.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.4009.8.1"> ><///span></span> <span class="token tag" c-id="168.4012.7.92"><span class="token tag" c-id="168.4013.8.0"><span class="token punctuation" c-id="168.4014.9.0"> <<///span> 离子电池<//span> <span class="token attr-name" c-id="168.4018.8.2"> 尺寸<//span><span class="token attr-value" c-id="168.4020.8.3"><span class="token punctuation" c-id="168.4021.9.0"> =<///span><span class="token punctuation" c-id="168.4023.9.1"> “<//span> 3<span class="token punctuation" c-id="168.4026.9.3"> “<//span></span><span class="token punctuation" c-id="168.4028.8.4"> ><///span></span> <span class="token tag" c-id="168.4031.7.94"><span class="token tag" c-id="168.4032.8.0"><span class="token punctuation" c-id="168.4033.9.0"> <<///span> div<//span><span class="token punctuation" c-id="168.4036.8.1"> ><///span></span> 2 of 2<span class="token tag" c-id="168.4039.7.96"><span class="token tag" c-id="168.4040.8.0"><span class="token punctuation" c-id="168.4041.9.0"> <//<//span> div<//span><span class="token punctuation" c-id="168.4044.8.1"> ><///span></span> <span class="token tag" c-id="168.4047.7.98"><span class="token tag" c-id="168.4048.8.0"><span class="token punctuation" c-id="168.4049.9.0"> <//<//span> 离子电池<//span><span class="token punctuation" c-id="168.4052.8.1"> ><///span></span> <span class="token tag" c-id="168.4055.7.100"><span class="token tag" c-id="168.4056.8.0"><span class="token punctuation" c-id="168.4057.9.0"> <//<//span> 离子行<//span><span class="token punctuation" c-id="168.4060.8.1"> ><///span></span> <span class="token tag" c-id="168.4063.7.102"><span class="token tag" c-id="168.4064.8.0"><span class="token punctuation" c-id="168.4065.9.0"> <//<//span> 离子网格<//span><span class="token punctuation" c-id="168.4068.8.1"> ><///span></span></code></pre>  <div class="code-text__copy" c-id="200.0.0.0"> <a class="code-text__copy-link" c-id="200.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="200.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="200.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="200.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h4 id="live-example" c-id="168.4072.4.132"> <a href="#live-example" c-id="168.4074.5.1"> 现场示例<//a> </h4>  <p c-id="168.4078.4.134"> 您可以在Angular中查看这个现场示例<a href="https://stackblitz.com/edit/ionic-ng-grid-horizontal-align" c-id="168.4080.5.1"> 这里<//a> 并进行反应<a href="https://stackblitz.com/edit/ionic-react-grid-horizontal-align" c-id="168.4083.5.3"> 这里<//a> 。<//p>  <h2 id="customizing-the-grid" c-id="168.4087.4.136"> <a href="#customizing-the-grid" c-id="168.4089.5.1"> 自定义网格<//a> </h2>  <p c-id="168.4093.4.138"> 使用我们的内置CSS变量，可以自定义预定义的网格属性。更改填充的值，列数等。<///p>  <h3 id="number-of-columns" c-id="168.4096.4.140"> <a href="#number-of-columns" c-id="168.4098.5.1"> 列数<//a> </h3>  <p c-id="168.4102.4.142"> 网格列的数量可以通过<code c-id="168.4104.5.1"> - 离子网格列<//code> CSS变量。默认情况下，有12个网列，但可以将其更改为任何正整数，并用于计算每个单独的列的宽度。<///p>  <docs-code language="css" class="hydrated" c-id="168.4108.4.144" s-id="201">   <pre c-id="168.4110.5.1"><code c-id="168.4111.6.0"><span class="token property" c-id="168.4112.7.0"> - 离子网格列<//span><span class="token punctuation" c-id="168.4114.7.1"> ：<//span> 12<span class="token punctuation" c-id="168.4117.7.3"> ;<//span></code></pre>  <div class="code-text__copy" c-id="201.0.0.0"> <a class="code-text__copy-link" c-id="201.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="201.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="201.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="201.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h3 id="grid-padding" c-id="168.4121.4.146"> <a href="#grid-padding" c-id="168.4123.5.1"> 网格填充<//a> </h3>  <p c-id="168.4127.4.148"> 可以为所有断点设置网格容器上的填充<code c-id="168.4129.5.1"> - 离子网格填充<//code> CSS变量。要覆盖各个断点，请使用<code c-id="168.4132.5.3"> -ion-Grid-padding- {brekaintpoint}<//code> CSS变量。<//p>  <docs-code language="css" class="hydrated" c-id="168.4136.4.150" s-id="202">   <pre c-id="168.4138.5.1"><code c-id="168.4139.6.0"><span class="token property" c-id="168.4140.7.0"> - 离子网格填充<//span><span class="token punctuation" c-id="168.4142.7.1"> ：<//span> 5px<span class="token punctuation" c-id="168.4145.7.3"> ;<//span> <span class="token property" c-id="168.4148.7.5"> - 离子网格 - XS<//span><span class="token punctuation" c-id="168.4150.7.6"> ：<//span> 5px<span class="token punctuation" c-id="168.4153.7.8"> ;<//span> <span class="token property" c-id="168.4156.7.10"> - 离子网格 - 绑定-SM<//span><span class="token punctuation" c-id="168.4158.7.11"> ：<//span> 5px<span class="token punctuation" c-id="168.4161.7.13"> ;<//span> <span class="token property" c-id="168.4164.7.15"> - 离子网格 - 摩d<//span><span class="token punctuation" c-id="168.4166.7.16"> ：<//span> 5px<span class="token punctuation" c-id="168.4169.7.18"> ;<//span> <span class="token property" c-id="168.4172.7.20"> - 离子网格 - 盖lg<//span><span class="token punctuation" c-id="168.4174.7.21"> ：<//span> 5px<span class="token punctuation" c-id="168.4177.7.23"> ;<//span> <span class="token property" c-id="168.4180.7.25"> - 离子网格 - padding-xl<//span><span class="token punctuation" c-id="168.4182.7.26"> ：<//span> 5px<span class="token punctuation" c-id="168.4185.7.28"> ;<//span></code></pre>  <div class="code-text__copy" c-id="202.0.0.0"> <a class="code-text__copy-link" c-id="202.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="202.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="202.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="202.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h3 id="grid-width" c-id="168.4189.4.152"> <a href="#grid-width" c-id="168.4191.5.1"> 网格宽度<//a> </h3>  <p c-id="168.4195.4.154"> 要根据屏幕尺寸自定义固定网格的宽度值，请覆盖<code c-id="168.4197.5.1"> -ion-Grid-Width- {brekaintpoint}<//code> 对于每个断点。<//p>  <docs-code language="css" class="hydrated" c-id="168.4201.4.156" s-id="203">   <pre c-id="168.4203.5.1"><code c-id="168.4204.6.0"><span class="token property" c-id="168.4205.7.0"> - 离子网格XS<//span><span class="token punctuation" c-id="168.4207.7.1"> ：<//span> 100％<span class="token punctuation" c-id="168.4210.7.3"> ;<//span> <span class="token property" c-id="168.4213.7.5"> - 离子网格sm<//span><span class="token punctuation" c-id="168.4215.7.6"> ：<//span> 540px<span class="token punctuation" c-id="168.4218.7.8"> ;<//span> <span class="token property" c-id="168.4221.7.10"> -ION-GRID WIDTH-MD<//span><span class="token punctuation" c-id="168.4223.7.11"> ：<//span> 720px<span class="token punctuation" c-id="168.4226.7.13"> ;<//span> <span class="token property" c-id="168.4229.7.15"> - 元素宽度-lg<//span><span class="token punctuation" c-id="168.4231.7.16"> ：<//span> 960px<span class="token punctuation" c-id="168.4234.7.18"> ;<//span> <span class="token property" c-id="168.4237.7.20"> - 离子网络宽度XL<//span><span class="token punctuation" c-id="168.4239.7.21"> ：<//span> 1140px<span class="token punctuation" c-id="168.4242.7.23"> ;<//span></code></pre>  <div class="code-text__copy" c-id="203.0.0.0"> <a class="code-text__copy-link" c-id="203.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="203.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="203.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="203.5.3.0"></path> </svg> 复制<//span> </div> </docs-code>  <h3 id="column-padding" c-id="168.4246.4.158"> <a href="#column-padding" c-id="168.4248.5.1"> 柱填充<//a> </h3>  <p c-id="168.4252.4.160"> 可以使用<code c-id="168.4254.5.1"> - 离子网格柱<//code> CSS变量。要覆盖各个断点，请使用<code c-id="168.4257.5.3"> -ion-Grid-column-Padding- {brekaintpoint}<//code> CSS变量。<//p>  <docs-code language="css" class="hydrated" c-id="168.4261.4.162" s-id="204">   <pre c-id="168.4263.5.1"><code c-id="168.4264.6.0"><span class="token property" c-id="168.4265.7.0"> - 离子网格柱<//span><span class="token punctuation" c-id="168.4267.7.1"> ：<//span> 5px<span class="token punctuation" c-id="168.4270.7.3"> ;<//span> <span class="token property" c-id="168.4273.7.5"> - 离子网格柱XS<//span><span class="token punctuation" c-id="168.4275.7.6"> ：<//span> 5px<span class="token punctuation" c-id="168.4278.7.8"> ;<//span> <span class="token property" c-id="168.4281.7.10"> - 离子网格柱式垫片<//span><span class="token punctuation" c-id="168.4283.7.11"> ：<//span> 5px<span class="token punctuation" c-id="168.4286.7.13"> ;<//span> <span class="token property" c-id="168.4289.7.15"> - 离子网柱式填充-MD<//span><span class="token punctuation" c-id="168.4291.7.16"> ：<//span> 5px<span class="token punctuation" c-id="168.4294.7.18"> ;<//span> <span class="token property" c-id="168.4297.7.20"> - 离子网柱式lg<//span><span class="token punctuation" c-id="168.4299.7.21"> ：<//span> 5px<span class="token punctuation" c-id="168.4302.7.23"> ;<//span> <span class="token property" c-id="168.4305.7.25"> - 离子网格列式XL<//span><span class="token punctuation" c-id="168.4307.7.26"> ：<//span> 5px<span class="token punctuation" c-id="168.4310.7.28"> ;<//span></code></pre>  <div class="code-text__copy" c-id="204.0.0.0"> <a class="code-text__copy-link" c-id="204.1.1.0"> 复制<//a> <span class="code-text__copy-confirmation" c-id="204.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="204.4.2.0"> <path d="M362.6 192.9L345 174.8c-.7-.8-1.8-1.2-2.8-1.2-1.1 0-2.1.4-2.8 1.2l-122 122.9-44.4-44.4c-.8-.8-1.8-1.2-2.8-1.2-1 0-2 .4-2.8 1.2l-17.8 17.8c-1.6 1.6-1.6 4.1 0 5.7l56 56c3.6 3.6 8 5.7 11.7 5.7 5.3 0 9.9-3.9 11.6-5.5h.1l133.7-134.4c1.4-1.7 1.4-4.2-.1-5.7z" c-id="204.5.3.0"></path> </svg> 复制<//span> </div> </docs-code> </div> </section> <docs-page-footer role="contentinfo" class="hydrated" c-id="168.4313.2.3" s-id="205">  <docs-pagination class="hydrated" c-id="205.0.0.0" s-id="206">  <stencil-route-link class="previous hydrated" c-id="206.0.0.0" s-id="207">    <a href="//www.jesscamp.com/docs/layout/structure" title="" c-id="207.0.0.0">  <div class="pagination__title" c-id="206.1.1.0"> 以前的<//div><div班级=“pagination__text" c-id="206.3.1.1"> <svg viewbox="0 0 512 512" c-id="206.4.2.0"> <path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z" c-id="206.5.3.0"></path> </svg> <span c-id="206.6.2.1"> 结构<//span> </div></a> </stencil-route-link> <stencil-route-link class="next hydrated" c-id="206.8.0.1" s-id="208">    <a href="//www.jesscamp.com/docs/layout/global-stylesheets" title="" c-id="208.0.0.0">  <div class="pagination__title" c-id="206.9.1.0"> 下一个<//div><div班级=“pagination__text" c-id="206.11.1.1"> <span c-id="206.12.2.0"> 全球样式表<//span> <svg viewbox="0 0 512 512" c-id="206.14.2.1"> <path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" c-id="206.15.3.0"></path> </svg> </div></a> </stencil-route-link> </docs-pagination> <div class="page-footer__row" c-id="205.1.0.1"> <contributor-list class="hydrated" c-id="205.2.1.0" s-id="209">  <ul c-id="209.0.0.0"> <li c-id="209.1.1.0"><a target="_blank" href="https://github.com/ionic-team/ionic-docs/commits/legacy/src/pages/layout/grid.md?author=camwiegert" c-id="209.2.2.0"><img width="40" height="40" src="https://github.com/camwiegert.png?size=90" title="Contributor camwiegert" loading="lazy" importance="low" c-id="209.3.3.0"></a></li> <li c-id="209.4.1.1"><a target="_blank" href="https://github.com/ionic-team/ionic-docs/commits/legacy/src/pages/layout/grid.md?author=brandyscarney" c-id="209.5.2.0"><img width="40" height="40" src="https://github.com/brandyscarney.png?size=90" title="Contributor brandyscarney" loading="lazy" importance="low" c-id="209.6.3.0"></a></li> <li c-id="209.7.1.2"><a target="_blank" href="https://github.com/ionic-team/ionic-docs/commits/legacy/src/pages/layout/grid.md?author=manucorporat" c-id="209.8.2.0"><img width="40" height="40" src="https://github.com/manucorporat.png?size=90" title="Contributor manucorporat" loading="lazy" importance="low" c-id="209.9.3.0"></a></li> </ul> </contributor-list> <docs-button round="" class="hydrated" c-id="205.3.1.1" s-id="210">    <a href="https://github.com/ionic-team/ionic-docs/edit/legacy/src/pages/layout/grid.md" c-id="210.0.0.0">  贡献<svg viewbox="0 0 512 512" c-id="205.5.2.1"> <path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" c-id="205.6.3.0"></path> </svg></a> </docs-button> <a class="last-updated" href="https://github.com/ionic-team/ionic-docs/commits/legacy/src/pages/layout/grid.md" c-id="205.7.1.2"> 更新了2020-12-07<//a> </div> </docs-page-footer> </article> </main> </docs-page> </stencil-route> </stencil-router> </docs-root> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>