离子幻灯片：带内置和自定义动画的移动触摸滑块据/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;gap:8px;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}.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-tabs">.Tabs,.Tabs-tab{display:block}.Tabs-tab:not([selected]){display:none}.Tabs-header{border-bottom:solid 1px rgba(0, 32, 88, 0.1);white-space:nowrap}.Tabs-button{--bg-alpha:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(0, 0, 0, var(--bg-alpha));border:none;color:var(--text-color--light);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:0.04em;padding:1rem;text-transform:uppercase;-webkit-transform:translateY(1px);transform:translateY(1px)}.Tabs-button:first-child{border-top-left-radius:6px}.Tabs-button:last-child{border-top-right-radius:6px}.Tabs-button:focus{outline:none}.Tabs-button:focus{--bg-alpha:0.015}@media (hover: hover){.Tabs-button:hover{--bg-alpha:0.015}}.Tabs-button:active{--bg-alpha:0.03}.Tabs-button.is-selected{border-bottom:solid 1px currentColor;color:var(--accent-color)}.Tabs-tab docs-code pre{margin-top:0}</style> <style sty-id="sc-docs-reference">docs-reference{display:block;margin:1rem 0}docs-reference h3{font-family:var(--code-font-family);font-size:1.25rem;margin:2rem 0 1rem;padding:0}docs-reference a{font-weight:inherit}docs-reference a:before{display:none}docs-reference thead tr{background-color:var(--offset-background)}docs-reference tbody tr{background-color:#ffffff !important}docs-reference tbody th{vertical-align:top}docs-reference tbody p{line-height:2}docs-reference p:first-child{margin-top:0}docs-reference p:last-child{margin-bottom:0}</style> <style sty-id="sc-docs-demo">docs-demo{padding-top:56px}.docs-demo-device{--device-padding:1rem;--device-width:344px;--device-height:704px;--device-frame-width:12px;padding:var(--device-padding);position:-webkit-sticky;position:sticky;top:0}.docs-demo-mode-toggle{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:1rem auto 0;width:128px;height:28px;background:#ecf0f5;border-radius:18px}.docs-demo-mode-toggle button{background-color:transparent;border:none;border-radius:16px;color:#5b708b;cursor:pointer;font-family:var(--font-family);font-size:11px;letter-spacing:-0.02em;width:calc(50% - 2px);line-height:21px;padding-top:2px;-webkit-transition:200ms background-color ease, 200ms color ease;transition:200ms background-color ease, 200ms color ease}.docs-demo-mode-toggle button:focus,.docs-demo-mode-toggle button:active{outline:none}.docs-demo-mode-toggle button.is-selected{background-color:white;color:black;font-weight:600;-webkit-box-shadow:0px 2px 3px rgba(0, 16, 46, 0.15);box-shadow:0px 2px 3px rgba(0, 16, 46, 0.15)}.docs-demo-device>figure{margin:0;background-size:contain;background-repeat:no-repeat;-webkit-box-shadow:0px 2px 8px rgba(2, 8, 20, 0.1), 0px 8px 16px rgba(2, 8, 20, 0.08);box-shadow:0px 2px 8px rgba(2, 8, 20, 0.1), 0px 8px 16px rgba(2, 8, 20, 0.08);width:var(--device-width);height:var(--device-height);overflow:hidden;position:relative;z-index:1}.docs-demo-device>figure>iframe{position:absolute;top:0;left:0;margin:var(--device-frame-width);width:calc(100% - var(--device-frame-width) * 2);height:calc(100% - var(--device-frame-width) * 2);border:none;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black);z-index:1}.docs-demo-device.ios figure{background-image:url("/docs/assets/img/iphone-device-skin.png");border-radius:54px}.docs-demo-device.ios>figure>iframe{border-radius:38px}.docs-demo-device.md figure{background-image:url("/docs/assets/img/android-device-skin.png");border-radius:44px}.docs-demo-device.md>figure>iframe{border-radius:32px}.docs-demo-device.ios figure:after{background-color:rgba(0,0,0,0.5);border-radius:2px;bottom:18px;content:"";display:none;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:35%;z-index:1}.docs-demo-device__ios-notch{display:none;fill:#090a0d;left:50%;position:absolute;top:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:165px;z-index:2}.docs-demo-device.ios .docs-demo-device__ios-notch,.docs-demo-device.ios figure:after{display:block}.docs-demo-device__md-bar{display:none}.docs-demo-device.md .docs-demo-device__md-bar{display:block;fill:rgba(125, 125, 125, 0.3);padding:0.5rem 2.2rem;position:relative;width:100%;z-index:2;top:12px}.docs-demo-source{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:13px;-ms-flex-pack:center;justify-content:center}.docs-demo-source>ion-icon{margin-right:5px}@media (max-width: 1160px){.docs-demo-device,.docs-demo-mode-toggle,.docs-demo-source{display:none}}</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> <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 - > IonicFrameWork.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"> ion-loading据/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> |原生情感表达据/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> |原生情感表达据/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"> Firebase.据/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="6123-8938-3317-8575" class="hydrated" c-id="4.14.3.0" s-id="9">       <stencil-route class="hydrated" group="6123-8938-3317-8575" 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"> 验证连接据/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="6123-8938-3317-8575" 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"> 验证连接据/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="6123-8938-3317-8575" 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"> 验证连接据/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="6123-8938-3317-8575" 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"> 验证连接据/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 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 class="link-active" 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"> ion-loading据/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> |原生情感表达据/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> |原生情感表达据/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"> Firebase.据/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">2018必威体育下载 </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 - > IonicFrameWork.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="6346-8419-5640-3646" class="hydrated" c-id="41.12.0.1" s-id="44">      <stencil-route class="hydrated" group="6346-8419-5640-3646" c-id="41.13.1.0" s-id="45" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="6346-8419-5640-3646" c-id="41.14.1.1" s-id="46" style="display: none;">  </stencil-route> <stencil-route group="6346-8419-5640-3646" 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="8438-6657-4913-7726" c-id="41.18.0.2" s-id="51">         <stencil-route group="8438-6657-4913-7726" class="hydrated" c-id="41.19.1.0" s-id="52">  <docs-nav role="navigation" class="hydrated" c-id="52.0.0.0" s-id="53">  <ul class="Nav" c-id="53.0.0.0"> <li c-id="53.1.1.0"> <section c-id="53.2.2.0"> <header class="Nav-header" c-id="53.3.3.0"> 动作片据/Header> <ul class="Nav-subnav" c-id="53.5.3.1" style="--level: 1;"> <li c-id="53.6.4.0"> <stencil-route-link class="hydrated" c-id="53.7.5.0" s-id="54">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/action-sheet" c-id="54.0.0.0"> <span c-id="53.8.6.0"> ion-action-sheet据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.10.1.1"> <section c-id="53.11.2.0"> <header class="Nav-header" c-id="53.12.3.0"> 警报据/Header> <ul class="Nav-subnav" c-id="53.14.3.1" style="--level: 1;"> <li c-id="53.15.4.0"> <stencil-route-link class="hydrated" c-id="53.16.5.0" s-id="55">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/alert" c-id="55.0.0.0"> <span c-id="53.17.6.0"> 离子警报据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.19.1.2"> <section c-id="53.20.2.0"> <header class="Nav-header" c-id="53.21.3.0"> 徽章据/Header> <ul class="Nav-subnav" c-id="53.23.3.1" style="--level: 1;"> <li c-id="53.24.4.0"> <stencil-route-link class="hydrated" c-id="53.25.5.0" s-id="56">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/badge" c-id="56.0.0.0"> <span c-id="53.26.6.0"> ion-badge据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.28.1.3"> <section c-id="53.29.2.0"> <header class="Nav-header" c-id="53.30.3.0"> 按钮据/Header> <ul class="Nav-subnav" c-id="53.32.3.1" style="--level: 1;"> <li c-id="53.33.4.0"> <stencil-route-link class="hydrated" c-id="53.34.5.0" s-id="57">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/button" c-id="57.0.0.0"> <span c-id="53.35.6.0"> 离子按钮据/span></a> </stencil-route-link></li> <li c-id="53.37.4.1"> <stencil-route-link class="hydrated" c-id="53.38.5.0" s-id="58">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/ripple-effect" c-id="58.0.0.0"> <span c-id="53.39.6.0"> ion-ripple-effect据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.41.1.4"> <section c-id="53.42.2.0"> <header class="Nav-header" c-id="53.43.3.0"> 卡据/Header> <ul class="Nav-subnav" c-id="53.45.3.1" style="--level: 1;"> <li c-id="53.46.4.0"> <stencil-route-link class="hydrated" c-id="53.47.5.0" s-id="59">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/card" c-id="59.0.0.0"> <span c-id="53.48.6.0"> 离子卡据/span></a> </stencil-route-link></li> <li c-id="53.50.4.1"> <stencil-route-link class="hydrated" c-id="53.51.5.0" s-id="60">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/card-content" c-id="60.0.0.0"> <span c-id="53.52.6.0"> 离子卡内容据/span></a> </stencil-route-link></li> <li c-id="53.54.4.2"> <stencil-route-link class="hydrated" c-id="53.55.5.0" s-id="61">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/card-header" c-id="61.0.0.0"> <span c-id="53.56.6.0"> ion-card-header据/span></a> </stencil-route-link></li> <li c-id="53.58.4.3"> <stencil-route-link class="hydrated" c-id="53.59.5.0" s-id="62">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/card-subtitle" c-id="62.0.0.0"> <span c-id="53.60.6.0"> 离子卡字幕据/span></a> </stencil-route-link></li> <li c-id="53.62.4.4"> <stencil-route-link class="hydrated" c-id="53.63.5.0" s-id="63">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/card-title" c-id="63.0.0.0"> <span c-id="53.64.6.0"> 离子卡标题据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.66.1.5"> <section c-id="53.67.2.0"> <header class="Nav-header" c-id="53.68.3.0"> 复选框据/Header> <ul class="Nav-subnav" c-id="53.70.3.1" style="--level: 1;"> <li c-id="53.71.4.0"> <stencil-route-link class="hydrated" c-id="53.72.5.0" s-id="64">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/checkbox" c-id="64.0.0.0"> <span c-id="53.73.6.0"> ion-checkbox据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.75.1.6"> <section c-id="53.76.2.0"> <header class="Nav-header" c-id="53.77.3.0"> 芯片据/Header> <ul class="Nav-subnav" c-id="53.79.3.1" style="--level: 1;"> <li c-id="53.80.4.0"> <stencil-route-link class="hydrated" c-id="53.81.5.0" s-id="65">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/chip" c-id="65.0.0.0"> <span c-id="53.82.6.0"> 离子芯片据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.84.1.7"> <section c-id="53.85.2.0"> <header class="Nav-header" c-id="53.86.3.0"> 内容据/Header> <ul class="Nav-subnav" c-id="53.88.3.1" style="--level: 1;"> <li c-id="53.89.4.0"> <stencil-route-link class="hydrated" c-id="53.90.5.0" s-id="66">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/app" c-id="66.0.0.0"> <span c-id="53.91.6.0"> ion-app据/span></a> </stencil-route-link></li> <li c-id="53.93.4.1"> <stencil-route-link class="hydrated" c-id="53.94.5.0" s-id="67">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/content" c-id="67.0.0.0"> <span c-id="53.95.6.0"> 离子含量据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.97.1.8"> <section c-id="53.98.2.0"> <header class="Nav-header" c-id="53.99.3.0"> 日期和时间选择器据/Header> <ul class="Nav-subnav" c-id="53.101.3.1" style="--level: 1;"> <li c-id="53.102.4.0"> <stencil-route-link class="hydrated" c-id="53.103.5.0" s-id="68">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/datetime" c-id="68.0.0.0"> <span c-id="53.104.6.0"> ion-datetime据/span></a> </stencil-route-link></li> <li c-id="53.106.4.1"> <stencil-route-link class="hydrated" c-id="53.107.5.0" s-id="69">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/picker" c-id="69.0.0.0"> <span c-id="53.108.6.0"> ion-picker据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.110.1.9"> <section c-id="53.111.2.0"> <header class="Nav-header" c-id="53.112.3.0"> 浮动操作按钮据/Header> <ul class="Nav-subnav" c-id="53.114.3.1" style="--level: 1;"> <li c-id="53.115.4.0"> <stencil-route-link class="hydrated" c-id="53.116.5.0" s-id="70">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/fab" c-id="70.0.0.0"> <span c-id="53.117.6.0"> ion-fab据/span></a> </stencil-route-link></li> <li c-id="53.119.4.1"> <stencil-route-link class="hydrated" c-id="53.120.5.0" s-id="71">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/fab-button" c-id="71.0.0.0"> <span c-id="53.121.6.0"> 离子FAB-按钮据/span></a> </stencil-route-link></li> <li c-id="53.123.4.2"> <stencil-route-link class="hydrated" c-id="53.124.5.0" s-id="72">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/fab-list" c-id="72.0.0.0"> <span c-id="53.125.6.0"> 离子工厂名单据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.127.1.10"> <section c-id="53.128.2.0"> <header class="Nav-header" c-id="53.129.3.0"> 网格据/Header> <ul class="Nav-subnav" c-id="53.131.3.1" style="--level: 1;"> <li c-id="53.132.4.0"> <stencil-route-link class="hydrated" c-id="53.133.5.0" s-id="73">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/grid" c-id="73.0.0.0"> <span c-id="53.134.6.0"> 离子栅据/span></a> </stencil-route-link></li> <li c-id="53.136.4.1"> <stencil-route-link class="hydrated" c-id="53.137.5.0" s-id="74">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/col" c-id="74.0.0.0"> <span c-id="53.138.6.0"> Ion-Col.据/span></a> </stencil-route-link></li> <li c-id="53.140.4.2"> <stencil-route-link class="hydrated" c-id="53.141.5.0" s-id="75">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/row" c-id="75.0.0.0"> <span c-id="53.142.6.0"> 离子排据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.144.1.11"> <section c-id="53.145.2.0"> <header class="Nav-header" c-id="53.146.3.0"> 无限卷动据/Header> <ul class="Nav-subnav" c-id="53.148.3.1" style="--level: 1;"> <li c-id="53.149.4.0"> <stencil-route-link class="hydrated" c-id="53.150.5.0" s-id="76">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/infinite-scroll" c-id="76.0.0.0"> <span c-id="53.151.6.0"> 离子无限滚动据/span></a> </stencil-route-link></li> <li c-id="53.153.4.1"> <stencil-route-link class="hydrated" c-id="53.154.5.0" s-id="77">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/infinite-scroll-content" c-id="77.0.0.0"> <span c-id="53.155.6.0"> 离子无限滚动内容据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.157.1.12"> <section c-id="53.158.2.0"> <header class="Nav-header" c-id="53.159.3.0"> 图标据/Header> <ul class="Nav-subnav" c-id="53.161.3.1" style="--level: 1;"> <li c-id="53.162.4.0"><a href="https://ionic.io/ionicons" target="_blank" class="Nav-link outbound" c-id="53.163.5.0"><span c-id="53.164.6.0"> ion-icon据/span>  <svg viewbox="0 0 512 512" c-id="53.167.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="53.168.7.0"></path> </svg></a></li> </ul> </section></li> <li c-id="53.169.1.13"> <section c-id="53.170.2.0"> <header class="Nav-header" c-id="53.171.3.0"> 输入据/Header> <ul class="Nav-subnav" c-id="53.173.3.1" style="--level: 1;"> <li c-id="53.174.4.0"> <stencil-route-link class="hydrated" c-id="53.175.5.0" s-id="78">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/input" c-id="78.0.0.0"> <span c-id="53.176.6.0"> ion-input据/span></a> </stencil-route-link></li> <li c-id="53.178.4.1"> <stencil-route-link class="hydrated" c-id="53.179.5.0" s-id="79">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/textarea" c-id="79.0.0.0"> <span c-id="53.180.6.0"> 离子textarea的据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.182.1.14"> <section c-id="53.183.2.0"> <header class="Nav-header" c-id="53.184.3.0"> 项据/Header> <ul class="Nav-subnav" c-id="53.186.3.1" style="--level: 1;"> <li c-id="53.187.4.0"> <stencil-route-link class="hydrated" c-id="53.188.5.0" s-id="80">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/item" c-id="80.0.0.0"> <span c-id="53.189.6.0"> 离子项目据/span></a> </stencil-route-link></li> <li c-id="53.191.4.1"> <stencil-route-link class="hydrated" c-id="53.192.5.0" s-id="81">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/item-divider" c-id="81.0.0.0"> <span c-id="53.193.6.0"> 离子项分压器据/span></a> </stencil-route-link></li> <li c-id="53.195.4.2"> <stencil-route-link class="hydrated" c-id="53.196.5.0" s-id="82">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/item-group" c-id="82.0.0.0"> <span c-id="53.197.6.0"> 离子项目组据/span></a> </stencil-route-link></li> <li c-id="53.199.4.3"> <stencil-route-link class="hydrated" c-id="53.200.5.0" s-id="83">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/item-sliding" c-id="83.0.0.0"> <span c-id="53.201.6.0"> 离子项滑动据/span></a> </stencil-route-link></li> <li c-id="53.203.4.4"> <stencil-route-link class="hydrated" c-id="53.204.5.0" s-id="84">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/item-options" c-id="84.0.0.0"> <span c-id="53.205.6.0"> 离子项目的选项据/span></a> </stencil-route-link></li> <li c-id="53.207.4.5"> <stencil-route-link class="hydrated" c-id="53.208.5.0" s-id="85">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/item-option" c-id="85.0.0.0"> <span c-id="53.209.6.0"> 离子项目 - 选项据/span></a> </stencil-route-link></li> <li c-id="53.211.4.6"> <stencil-route-link class="hydrated" c-id="53.212.5.0" s-id="86">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/label" c-id="86.0.0.0"> <span c-id="53.213.6.0"> 离子标签据/span></a> </stencil-route-link></li> <li c-id="53.215.4.7"> <stencil-route-link class="hydrated" c-id="53.216.5.0" s-id="87">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/note" c-id="87.0.0.0"> <span c-id="53.217.6.0"> ion-note据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.219.1.15"> <section c-id="53.220.2.0"> <header class="Nav-header" c-id="53.221.3.0"> 列表据/Header> <ul class="Nav-subnav" c-id="53.223.3.1" style="--level: 1;"> <li c-id="53.224.4.0"> <stencil-route-link class="hydrated" c-id="53.225.5.0" s-id="88">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/list" c-id="88.0.0.0"> <span c-id="53.226.6.0"> ion-list据/span></a> </stencil-route-link></li> <li c-id="53.228.4.1"> <stencil-route-link class="hydrated" c-id="53.229.5.0" s-id="89">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/list-header" c-id="89.0.0.0"> <span c-id="53.230.6.0"> 离子列表标题据/span></a> </stencil-route-link></li> <li c-id="53.232.4.2"> <stencil-route-link class="hydrated" c-id="53.233.5.0" s-id="90">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/virtual-scroll" c-id="90.0.0.0"> <span c-id="53.234.6.0"> 离子虚拟滚动据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.236.1.16"> <section c-id="53.237.2.0"> <header class="Nav-header" c-id="53.238.3.0"> 媒体据/Header> <ul class="Nav-subnav" c-id="53.240.3.1" style="--level: 1;"> <li c-id="53.241.4.0"> <stencil-route-link class="hydrated" c-id="53.242.5.0" s-id="91">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/avatar" c-id="91.0.0.0"> <span c-id="53.243.6.0"> 离子头像据/span></a> </stencil-route-link></li> <li c-id="53.245.4.1"><a href="https://ionic.io/ionicons" target="_blank" class="Nav-link outbound" c-id="53.246.5.0"><span c-id="53.247.6.0"> ion-icon据/span>  <svg viewbox="0 0 512 512" c-id="53.250.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="53.251.7.0"></path> </svg></a></li> <li c-id="53.252.4.2"> <stencil-route-link class="hydrated" c-id="53.253.5.0" s-id="92">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/img" c-id="92.0.0.0"> <span c-id="53.254.6.0"> 离子-IMG据/span></a> </stencil-route-link></li> <li c-id="53.256.4.3"> <stencil-route-link class="hydrated" c-id="53.257.5.0" s-id="93">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/thumbnail" c-id="93.0.0.0"> <span c-id="53.258.6.0"> 离子缩略图据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.260.1.17"> <section c-id="53.261.2.0"> <header class="Nav-header" c-id="53.262.3.0"> 菜单据/Header> <ul class="Nav-subnav" c-id="53.264.3.1" style="--level: 1;"> <li c-id="53.265.4.0"> <stencil-route-link class="hydrated" c-id="53.266.5.0" s-id="94">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/menu" c-id="94.0.0.0"> <span c-id="53.267.6.0"> 离子菜单据/span></a> </stencil-route-link></li> <li c-id="53.269.4.1"> <stencil-route-link class="hydrated" c-id="53.270.5.0" s-id="95">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/menu-button" c-id="95.0.0.0"> <span c-id="53.271.6.0"> ion-menu-button据/span></a> </stencil-route-link></li> <li c-id="53.273.4.2"> <stencil-route-link class="hydrated" c-id="53.274.5.0" s-id="96">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/menu-toggle" c-id="96.0.0.0"> <span c-id="53.275.6.0"> ion-menu-toggle据/span></a> </stencil-route-link></li> <li c-id="53.277.4.3"> <stencil-route-link class="hydrated" c-id="53.278.5.0" s-id="97">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/split-pane" c-id="97.0.0.0"> <span c-id="53.279.6.0"> 离子分裂窗格据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.281.1.18"> <section c-id="53.282.2.0"> <header class="Nav-header" c-id="53.283.3.0"> 模态据/Header> <ul class="Nav-subnav" c-id="53.285.3.1" style="--level: 1;"> <li c-id="53.286.4.0"> <stencil-route-link class="hydrated" c-id="53.287.5.0" s-id="98">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/modal" c-id="98.0.0.0"> <span c-id="53.288.6.0"> 离子峰据/span></a> </stencil-route-link></li> <li c-id="53.290.4.1"> <stencil-route-link class="hydrated" c-id="53.291.5.0" s-id="99">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/backdrop" c-id="99.0.0.0"> <span c-id="53.292.6.0"> 离子背景据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.294.1.19"> <section c-id="53.295.2.0"> <header class="Nav-header" c-id="53.296.3.0"> 导航据/Header> <ul class="Nav-subnav" c-id="53.298.3.1" style="--level: 1;"> <li c-id="53.299.4.0"> <stencil-route-link class="hydrated" c-id="53.300.5.0" s-id="100">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/nav" c-id="100.0.0.0"> <span c-id="53.301.6.0"> 离子NAV据/span></a> </stencil-route-link></li> <li c-id="53.303.4.1"> <stencil-route-link class="hydrated" c-id="53.304.5.0" s-id="101">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/nav-link" c-id="101.0.0.0"> <span c-id="53.305.6.0"> ion-nav-link据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.307.1.20"> <section c-id="53.308.2.0"> <header class="Nav-header" c-id="53.309.3.0"> 酥料饼据/Header> <ul class="Nav-subnav" c-id="53.311.3.1" style="--level: 1;"> <li c-id="53.312.4.0"> <stencil-route-link class="hydrated" c-id="53.313.5.0" s-id="102">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/popover" c-id="102.0.0.0"> <span c-id="53.314.6.0"> 离子弹出据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.316.1.21"> <section c-id="53.317.2.0"> <header class="Nav-header" c-id="53.318.3.0"> 进度指标据/Header> <ul class="Nav-subnav" c-id="53.320.3.1" style="--level: 1;"> <li c-id="53.321.4.0"> <stencil-route-link class="hydrated" c-id="53.322.5.0" s-id="103">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/loading" c-id="103.0.0.0"> <span c-id="53.323.6.0"> ion-loading据/span></a> </stencil-route-link></li> <li c-id="53.325.4.1"> <stencil-route-link class="hydrated" c-id="53.326.5.0" s-id="104">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/progress-bar" c-id="104.0.0.0"> <span c-id="53.327.6.0"> ion-progress-bar据/span></a> </stencil-route-link></li> <li c-id="53.329.4.2"> <stencil-route-link class="hydrated" c-id="53.330.5.0" s-id="105">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/skeleton-text" c-id="105.0.0.0"> <span c-id="53.331.6.0"> 离子骨架文本据/span></a> </stencil-route-link></li> <li c-id="53.333.4.3"> <stencil-route-link class="hydrated" c-id="53.334.5.0" s-id="106">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/spinner" c-id="106.0.0.0"> <span c-id="53.335.6.0"> 离子旋转器据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.337.1.22"> <section c-id="53.338.2.0"> <header class="Nav-header" c-id="53.339.3.0"> 收音机据/Header> <ul class="Nav-subnav" c-id="53.341.3.1" style="--level: 1;"> <li c-id="53.342.4.0"> <stencil-route-link class="hydrated" c-id="53.343.5.0" s-id="107">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/radio" c-id="107.0.0.0"> <span c-id="53.344.6.0"> 离子无线电据/span></a> </stencil-route-link></li> <li c-id="53.346.4.1"> <stencil-route-link class="hydrated" c-id="53.347.5.0" s-id="108">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/radio-group" c-id="108.0.0.0"> <span c-id="53.348.6.0"> 离子无线电基据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.350.1.23"> <section c-id="53.351.2.0"> <header class="Nav-header" c-id="53.352.3.0"> 范围据/Header> <ul class="Nav-subnav" c-id="53.354.3.1" style="--level: 1;"> <li c-id="53.355.4.0"> <stencil-route-link class="hydrated" c-id="53.356.5.0" s-id="109">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/range" c-id="109.0.0.0"> <span c-id="53.357.6.0"> 离子范围据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.359.1.24"> <section c-id="53.360.2.0"> <header class="Nav-header" c-id="53.361.3.0"> 复习据/Header> <ul class="Nav-subnav" c-id="53.363.3.1" style="--level: 1;"> <li c-id="53.364.4.0"> <stencil-route-link class="hydrated" c-id="53.365.5.0" s-id="110">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/refresher" c-id="110.0.0.0"> <span c-id="53.366.6.0"> ion-refresher据/span></a> </stencil-route-link></li> <li c-id="53.368.4.1"> <stencil-route-link class="hydrated" c-id="53.369.5.0" s-id="111">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/refresher-content" c-id="111.0.0.0"> <span c-id="53.370.6.0"> 离子复习内容据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.372.1.25"> <section c-id="53.373.2.0"> <header class="Nav-header" c-id="53.374.3.0"> 重新订购据/Header> <ul class="Nav-subnav" c-id="53.376.3.1" style="--level: 1;"> <li c-id="53.377.4.0"> <stencil-route-link class="hydrated" c-id="53.378.5.0" s-id="112">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/reorder" c-id="112.0.0.0"> <span c-id="53.379.6.0"> ion-reorder据/span></a> </stencil-route-link></li> <li c-id="53.381.4.1"> <stencil-route-link class="hydrated" c-id="53.382.5.0" s-id="113">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/reorder-group" c-id="113.0.0.0"> <span c-id="53.383.6.0"> 离子重新排序组据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.385.1.26"> <section c-id="53.386.2.0"> <header class="Nav-header" c-id="53.387.3.0"> 路由据/Header> <ul class="Nav-subnav" c-id="53.389.3.1" style="--level: 1;"> <li c-id="53.390.4.0"> <stencil-route-link class="hydrated" c-id="53.391.5.0" s-id="114">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/router" c-id="114.0.0.0"> <span c-id="53.392.6.0"> 离子路由器据/span></a> </stencil-route-link></li> <li c-id="53.394.4.1"> <stencil-route-link class="hydrated" c-id="53.395.5.0" s-id="115">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/router-link" c-id="115.0.0.0"> <span c-id="53.396.6.0"> ion-router-link据/span></a> </stencil-route-link></li> <li c-id="53.398.4.2"> <stencil-route-link class="hydrated" c-id="53.399.5.0" s-id="116">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/router-outlet" c-id="116.0.0.0"> <span c-id="53.400.6.0"> ion-router-outlet据/span></a> </stencil-route-link></li> <li c-id="53.402.4.3"> <stencil-route-link class="hydrated" c-id="53.403.5.0" s-id="117">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/route" c-id="117.0.0.0"> <span c-id="53.404.6.0"> 离子路线据/span></a> </stencil-route-link></li> <li c-id="53.406.4.4"> <stencil-route-link class="hydrated" c-id="53.407.5.0" s-id="118">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/route-redirect" c-id="118.0.0.0"> <span c-id="53.408.6.0"> 离子路径重定向据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.410.1.27"> <section c-id="53.411.2.0"> <header class="Nav-header" c-id="53.412.3.0"> 搜索栏据/Header> <ul class="Nav-subnav" c-id="53.414.3.1" style="--level: 1;"> <li c-id="53.415.4.0"> <stencil-route-link class="hydrated" c-id="53.416.5.0" s-id="119">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/searchbar" c-id="119.0.0.0"> <span c-id="53.417.6.0"> ion-searchbar据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.419.1.28"> <section c-id="53.420.2.0"> <header class="Nav-header" c-id="53.421.3.0"> 部分据/Header> <ul class="Nav-subnav" c-id="53.423.3.1" style="--level: 1;"> <li c-id="53.424.4.0"> <stencil-route-link class="hydrated" c-id="53.425.5.0" s-id="120">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/segment" c-id="120.0.0.0"> <span c-id="53.426.6.0"> 离子段据/span></a> </stencil-route-link></li> <li c-id="53.428.4.1"> <stencil-route-link class="hydrated" c-id="53.429.5.0" s-id="121">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/segment-button" c-id="121.0.0.0"> <span c-id="53.430.6.0"> ion-segment-button据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.432.1.29"> <section c-id="53.433.2.0"> <header class="Nav-header" c-id="53.434.3.0"> 选择据/Header> <ul class="Nav-subnav" c-id="53.436.3.1" style="--level: 1;"> <li c-id="53.437.4.0"> <stencil-route-link class="hydrated" c-id="53.438.5.0" s-id="122">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/select" c-id="122.0.0.0"> <span c-id="53.439.6.0"> 离子选择据/span></a> </stencil-route-link></li> <li c-id="53.441.4.1"> <stencil-route-link class="hydrated" c-id="53.442.5.0" s-id="123">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/select-option" c-id="123.0.0.0"> <span c-id="53.443.6.0"> 离子选择选项据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.445.1.30"> <section c-id="53.446.2.0"> <header class="Nav-header" c-id="53.447.3.0"> 幻灯片据/Header> <ul class="Nav-subnav" c-id="53.449.3.1" style="--level: 1;"> <li c-id="53.450.4.0"> <stencil-route-link class="hydrated" c-id="53.451.5.0" s-id="124">   <a class="Nav-link--active Nav-link" href="//www.jesscamp.com/docs/api/slides" c-id="124.0.0.0"> <span c-id="53.452.6.0"> ion-slides据/span></a> </stencil-route-link></li> <li c-id="53.454.4.1"> <stencil-route-link class="hydrated" c-id="53.455.5.0" s-id="125">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/slide" c-id="125.0.0.0"> <span c-id="53.456.6.0"> 离子滑动据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.458.1.31"> <section c-id="53.459.2.0"> <header class="Nav-header" c-id="53.460.3.0"> 标签据/Header> <ul class="Nav-subnav" c-id="53.462.3.1" style="--level: 1;"> <li c-id="53.463.4.0"> <stencil-route-link class="hydrated" c-id="53.464.5.0" s-id="126">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/tabs" c-id="126.0.0.0"> <span c-id="53.465.6.0"> 离子标签据/span></a> </stencil-route-link></li> <li c-id="53.467.4.1"> <stencil-route-link class="hydrated" c-id="53.468.5.0" s-id="127">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/tab" c-id="127.0.0.0"> <span c-id="53.469.6.0"> ion-tab据/span></a> </stencil-route-link></li> <li c-id="53.471.4.2"> <stencil-route-link class="hydrated" c-id="53.472.5.0" s-id="128">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/tab-bar" c-id="128.0.0.0"> <span c-id="53.473.6.0"> ion-tab-bar据/span></a> </stencil-route-link></li> <li c-id="53.475.4.3"> <stencil-route-link class="hydrated" c-id="53.476.5.0" s-id="129">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/tab-button" c-id="129.0.0.0"> <span c-id="53.477.6.0"> 离子制表键据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.479.1.32"> <section c-id="53.480.2.0"> <header class="Nav-header" c-id="53.481.3.0"> 烤面包据/Header> <ul class="Nav-subnav" c-id="53.483.3.1" style="--level: 1;"> <li c-id="53.484.4.0"> <stencil-route-link class="hydrated" c-id="53.485.5.0" s-id="130">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/toast" c-id="130.0.0.0"> <span c-id="53.486.6.0"> 离子烤面包据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.488.1.33"> <section c-id="53.489.2.0"> <header class="Nav-header" c-id="53.490.3.0"> 切换据/Header> <ul class="Nav-subnav" c-id="53.492.3.1" style="--level: 1;"> <li c-id="53.493.4.0"> <stencil-route-link class="hydrated" c-id="53.494.5.0" s-id="131">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/toggle" c-id="131.0.0.0"> <span c-id="53.495.6.0"> 离子切换据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.497.1.34"> <section c-id="53.498.2.0"> <header class="Nav-header" c-id="53.499.3.0"> 工具栏据/Header> <ul class="Nav-subnav" c-id="53.501.3.1" style="--level: 1;"> <li c-id="53.502.4.0"> <stencil-route-link class="hydrated" c-id="53.503.5.0" s-id="132">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/toolbar" c-id="132.0.0.0"> <span c-id="53.504.6.0"> ion-toolbar据/span></a> </stencil-route-link></li> <li c-id="53.506.4.1"> <stencil-route-link class="hydrated" c-id="53.507.5.0" s-id="133">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/header" c-id="133.0.0.0"> <span c-id="53.508.6.0"> ion-header据/span></a> </stencil-route-link></li> <li c-id="53.510.4.2"> <stencil-route-link class="hydrated" c-id="53.511.5.0" s-id="134">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/footer" c-id="134.0.0.0"> <span c-id="53.512.6.0"> 离子页脚据/span></a> </stencil-route-link></li> <li c-id="53.514.4.3"> <stencil-route-link class="hydrated" c-id="53.515.5.0" s-id="135">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/title" c-id="135.0.0.0"> <span c-id="53.516.6.0"> 离子称号据/span></a> </stencil-route-link></li> <li c-id="53.518.4.4"> <stencil-route-link class="hydrated" c-id="53.519.5.0" s-id="136">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/buttons" c-id="136.0.0.0"> <span c-id="53.520.6.0"> ion-buttons据/span></a> </stencil-route-link></li> <li c-id="53.522.4.5"> <stencil-route-link class="hydrated" c-id="53.523.5.0" s-id="137">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/back-button" c-id="137.0.0.0"> <span c-id="53.524.6.0"> 离子后退按钮据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.526.1.35"> <section c-id="53.527.2.0"> <header class="Nav-header" c-id="53.528.3.0"> 排版据/Header> <ul class="Nav-subnav" c-id="53.530.3.1" style="--level: 1;"> <li c-id="53.531.4.0"> <stencil-route-link class="hydrated" c-id="53.532.5.0" s-id="138">   <a class="Nav-link" href="//www.jesscamp.com/docs/api/text" c-id="138.0.0.0"> <span c-id="53.533.6.0"> ion-text据/span></a> </stencil-route-link></li> </ul> </section></li> <li c-id="53.535.1.36"> <section c-id="53.536.2.0"> <header class="Nav-header" c-id="53.537.3.0"> 资源据/Header> <ul class="Nav-subnav" c-id="53.539.3.1" style="--level: 1;"> <li c-id="53.540.4.0"> <stencil-route-link class="hydrated" c-id="53.541.5.0" s-id="139">   <a class="Nav-link" href="//www.jesscamp.com/docs/api" c-id="139.0.0.0"> <span c-id="53.542.6.0"> API索引据/span></a> </stencil-route-link></li> </ul> </section></li> </ul> </docs-nav> </stencil-route> <stencil-route class="hydrated" group="8438-6657-4913-7726" c-id="41.20.1.1" s-id="140" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="8438-6657-4913-7726" c-id="41.21.1.2" s-id="141" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="8438-6657-4913-7726" c-id="41.22.1.3" s-id="142" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="8438-6657-4913-7726" c-id="41.23.1.4" s-id="143" style="display: none;">  </stencil-route> <stencil-route class="hydrated" group="8438-6657-4913-7726" c-id="41.24.1.5" s-id="144" style="display: none;">  </stencil-route> </stencil-route-switch> </docs-menu> <stencil-route class="hydrated" c-id="1.4.1.3" s-id="145">  <docs-page class="page-api-slides hydrated" c-id="145.0.0.0" s-id="146">  <main class="has-demo" c-id="146.0.0.0"> <article c-id="146.1.1.0"> <h1 c-id="146.2.2.0"> ion-slides据/H1>据div class="page-meta" c-id="146.4.2.1"> <docs-table-of-contents class="hydrated" c-id="146.5.3.0" s-id="147">  <strong class="Nav-header" c-id="147.0.0.0"> 内容据/strong> <nav c-id="147.2.0.1"> <ul class="Nav-subnav" c-id="147.3.1.0"> <li c-id="147.4.2.0"> <stencil-route-link class="Nav-link hydrated" c-id="147.5.3.0" s-id="148">   <a href="//www.jesscamp.com/docs/api/slides" c-id="148.0.0.0">  迁移据/a> </stencil-route-link></li> <li c-id="147.7.2.1"> <stencil-route-link class="Nav-link hydrated" c-id="147.8.3.0" s-id="149">   <a href="//www.jesscamp.com/docs/api/slides" c-id="149.0.0.0">  自定义动画据/a> </stencil-route-link></li> <li c-id="147.10.2.2"> <stencil-route-link class="Nav-link hydrated" c-id="147.11.3.0" s-id="150">   <a href="//www.jesscamp.com/docs/api/slides" c-id="150.0.0.0">  用法据/a> </stencil-route-link></li> <li c-id="147.13.2.3"> <stencil-route-link class="Nav-link hydrated" c-id="147.14.3.0" s-id="151">   <a href="//www.jesscamp.com/docs/api/slides" c-id="151.0.0.0">  属性据/a> </stencil-route-link></li> <li c-id="147.16.2.4"> <stencil-route-link class="Nav-link hydrated" c-id="147.17.3.0" s-id="152">   <a href="//www.jesscamp.com/docs/api/slides" c-id="152.0.0.0">  活动据/a> </stencil-route-link></li> <li c-id="147.19.2.5"> <stencil-route-link class="Nav-link hydrated" c-id="147.20.3.0" s-id="153">   <a href="//www.jesscamp.com/docs/api/slides" c-id="153.0.0.0">  方法据/a> </stencil-route-link></li> <li c-id="147.22.2.6"> <stencil-route-link class="Nav-link hydrated" c-id="147.23.3.0" s-id="154">   <a href="//www.jesscamp.com/docs/api/slides" c-id="154.0.0.0">  CSS自定义属性据/a> </stencil-route-link></li> </ul> </nav> </docs-table-of-contents> <internal-ad class="hydrated" c-id="146.6.3.1" s-id="155">  </internal-ad> </div> <section class="markdown-content" c-id="146.7.2.2"> <div c-id="146.8.3.0"> <p class="intro" c-id="146.9.4.0"> Slides组件是一个多节容器。每个部分之间都可以滑动或拖动。它包含任意数量的据stencil-route-link class="hydrated" c-id="146.11.5.1" s-id="156">   <a href="//www.jesscamp.com/docs/api/slide" c-id="156.0.0.0">  滑动据/a> </stencil-route-link> 组件。据/p>  <p class="intro" c-id="146.15.4.2"> 本指南将介绍从已弃用的迁移据code c-id="146.17.5.1"> ion-slides据/code> Swiper.js提供的框架特定解决方案的组件以及现有的据code c-id="146.20.5.3"> ion-slides据/code> API对谁仍在使用该组件的开发。据/p>  <p class="intro" c-id="146.24.4.4"> 从Swiper.js采用：最现代化的移动触摸滑块和硬件加速过渡的框架。据/p>  <p class="intro" c-id="146.27.4.6"><a href="http://www.idangero.us/swiper/" title="http://www.idangero.us/swiper/“c-id="146.28.5.0"> http://www.idangero.us/swiper/据/a></p>  <p class="intro" c-id="146.31.4.8"> 版权所有2016，vladimir kharlampidi idangero.us据a href="http://www.idangero.us/" title="http://www.idangero.us/“c-id="146.33.5.1"> http://www.idangero.us/据/a></p>  <p class="intro" c-id="146.36.4.10"> MIT许可下据/p>  <h2 id="migration" c-id="146.39.4.12"> <a href="#migration" c-id="146.41.5.1"> 迁移据/a> </h2>  <p c-id="146.45.4.14"> 随着Ionic Framework v6betway东盟体育app的发布，Ionic Team已经弃用了据code c-id="146.47.5.1"> ion-slides据/code> 和据code c-id="146.50.5.3"> 离子滑动据/code> 赞成使用组队，探索提供的官方框架集成的组成部分。不要害怕！您仍然可以使用幻灯片组件在应用程序中。此外，因为你还在使用组队，探索，幻灯片组件的功能应保持完全一致。</p>  <h3 id="what-is-swiper-js-" c-id="146.54.4.16"> <a href="#what-is-swiper-js-" c-id="146.56.5.1"> 什么是swiper.js？据/a> </h3>  <p c-id="146.60.4.18"> Swiper.js是沃斯的旋转木马/滑块库据code c-id="146.62.5.1"> ion-slides据/code> 。图书馆与离子Framework的所有版本会自动捆绑。betway东盟体育app当离子框架betway东盟体育appv4的。首次发布，组队，探索并没有它的图书馆的框架，具体的整合，所以据code c-id="146.65.5.3"> ion-slides据/code> 作为桥接芯组队，探索库和诸如角，反应，和Vue的框架之间的间隙的方式被创建。据/p>  <p c-id="146.69.4.20"> 从那时起，Swiper团队发布了Swiper.js的框架特定集成，用于角度，反应，Vue等！据/p>  <h3 id="what-are-the-benefits-of-this-change-" c-id="146.72.4.22"> <a href="#what-are-the-benefits-of-this-change-" c-id="146.74.5.1"> 什么是这种变化的好处是什么？据/a> </h3>  <p c-id="146.78.4.24"> 离子框架社区的成员有几个好处。betway东盟体育app通过使用官方的Swiper.js框架集成:</p>  <ul c-id="146.81.4.26">  <li c-id="146.83.5.1"> 开发人员现在可以控制他们想要使用的Swiper.js的确切版本。以前，开发人员需要依靠Ionic Team内部更新版本，并发布一个新版本的Ionic Framewbetway东盟体育appork。</li>  <li c-id="146.86.5.3"> 离子团队betway东盟体育app可以花更多的时间进行三环和修复其他非幻灯片问题，加快我们的开发过程，以便我们可以使框架为我们的社区工作更好。据/li>  <li c-id="146.89.5.5"> 开发人员应该遇到更少的错误。据/li>  <li c-id="146.92.5.7"> 在某些情况下，应用捆绑尺寸可以缩小。通过将SWIPER.JS安装为3R参加应用程序，WebPack或Rollup等Bundlers应该能够更好地进行编程。</li>  <li c-id="146.95.5.9"> 开发者使用的时候有机会获得新的功能，他们以前没有据code c-id="146.97.6.1"> ion-slides据/code> 。据/li>  </ul>  <h3 id="how-long-do-i-have-to-migrate-" c-id="146.102.4.28"> <a href="#how-long-do-i-have-to-migrate-" c-id="146.104.5.1"> 我需要迁移多久?据/a> </h3>  <p c-id="146.108.4.30"> 我们计划要删除据code c-id="146.110.5.1"> ion-slides据/code> 和据code c-id="146.113.5.3"> 离子滑动据/code> 在离子betway东盟体育app框架V7。据code c-id="146.116.5.5"> ion-slides据/code> 和据code c-id="146.119.5.7"> 离子滑动据/code> 将继续适用于整个离子框架V6生命周期，但只接收重要bug修复。betway东盟体育app据/p>  <h3 id="how-do-i-migrate-" c-id="146.123.4.32"> <a href="#how-do-i-migrate-" c-id="146.125.5.1"> 如何迁移？据/a> </h3>  <p c-id="146.129.4.34"> 由于驱动幻灯片的底层技术是相同的，所以迁移过程很容易!对于您的特定框架，请遵循下面的指南。</p>  <p c-id="146.132.4.36"> 离子角用户迁移:betway东盟体育app据a href="//www.jesscamp.com/docs/angular/slides" title="https://betway东盟体育appwww.jesscamp.com/docs/angular/slides.“c-id="146.134.5.1"> https://betway东盟体育appwww.jesscamp.com/docs/angular/slides.据/a> 迁移离子阵营的用户：betway东盟体育app据a href="//www.jesscamp.com/docs/react/slides" title="https://betway东盟体育appwww.jesscamp.com/docs/react/slides“c-id="146.137.5.3"> https://betway东盟体育appwww.jesscamp.com/docs/react/slides据/a> 迁移离子Vue的用户：betway东盟体育app据a href="//www.jesscamp.com/docs/vue/slides" title="https://betway东盟体育appwww.jesscamp.com/docs/vue/slides“c-id="146.140.5.5"> https://betway东盟体育appwww.jesscamp.com/docs/vue/slides据/a></p>  <hr c-id="146.143.4.38">  <p c-id="146.145.4.40"> 下面的文档适用于据code c-id="146.147.5.1"> ion-slides据/code> 成分。据/p>  <h2 id="custom-animations" c-id="146.151.4.42"> <a href="#custom-animations" c-id="146.153.5.1"> 自定义动画据/a> </h2>  <p c-id="146.157.4.44"> 默认情况下，离子幻灯片使betway东盟体育app用内置据code c-id="146.159.5.1"> 滑动据/code> 动画效果。自定义动画可以通过提供据code c-id="146.162.5.3"> 选项据/code> 财产。其他动画的实例可以在下面找到。</p>  <h3 id="coverflow" c-id="146.166.4.46"> <a href="#coverflow" c-id="146.168.5.1"> Cover Flow功能据/a> </h3>  <docs-code language="typescript" class="hydrated" c-id="146.172.4.48" s-id="157">   <pre c-id="146.174.5.1"><code c-id="146.175.6.0"><span class="token keyword" c-id="146.176.7.0"> 常量据/span> slideOpts据span class="token operator" c-id="146.179.7.2"> =</span> <span class="token punctuation" c-id="146.182.7.4"> {</span> slidesPerView据span class="token operator" c-id="146.185.7.6"> ：据/span> <span class="token number" c-id="146.188.7.8"> 3.据/span><span class="token punctuation" c-id="146.190.7.9"> 那据/span> coverflowEffect据span class="token operator" c-id="146.193.7.11"> ：据/span> <span class="token punctuation" c-id="146.196.7.13"> {</span> 旋转据span class="token operator" c-id="146.199.7.15"> ：据/span> <span class="token number" c-id="146.202.7.17"> 50据/span><span class="token punctuation" c-id="146.204.7.18"> 那据/span> 拉紧据span class="token operator" c-id="146.207.7.20"> ：据/span> <span class="token number" c-id="146.210.7.22"> 0.据/span><span class="token punctuation" c-id="146.212.7.23"> 那据/span> 深度据span class="token operator" c-id="146.215.7.25"> ：据/span> <span class="token number" c-id="146.218.7.27"> One hundred.据/span><span class="token punctuation" c-id="146.220.7.28"> 那据/span> 修改据span class="token operator" c-id="146.223.7.30"> ：据/span> <span class="token number" c-id="146.226.7.32"> 1据/span><span class="token punctuation" c-id="146.228.7.33"> 那据/span> 幻灯片据span class="token operator" c-id="146.231.7.35"> ：据/span> <span class="token boolean" c-id="146.234.7.37"> 真正的据/span><span class="token punctuation" c-id="146.236.7.38"> 那据/span> <span class="token punctuation" c-id="146.239.7.40"> }</span><span class="token punctuation" c-id="146.241.7.41"> 那据/span> 在据span class="token operator" c-id="146.244.7.43"> ：据/span> <span class="token punctuation" c-id="146.247.7.45"> {</span> <span class="token function" c-id="146.250.7.47"> before据/span><span class="token punctuation" c-id="146.252.7.48"> （据/span><span class="token punctuation" c-id="146.254.7.49"> ）据/span> <span class="token punctuation" c-id="146.257.7.51"> {</span> <span class="token keyword" c-id="146.260.7.53"> 常量据/span> 偷窃者据span class="token operator" c-id="146.263.7.55"> =</span> <span class="token keyword" c-id="146.266.7.57"> 这据/span><span class="token punctuation" c-id="146.268.7.58"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.271.7.60"> 。据/span> 类名据span class="token punctuation" c-id="146.274.7.62"> 。据/span><span class="token function" c-id="146.276.7.63"> 推据/span><span class="token punctuation" c-id="146.278.7.64"> （据/span><span class="token template-string" c-id="146.280.7.65"><span class="token template-punctuation string" c-id="146.281.8.0"> `</span><span class="token interpolation" c-id="146.283.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.284.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.287.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.290.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.293.9.6"> }</span></span><span class="token string" c-id="146.295.8.2"> Cover Flow功能据/span><span class="token template-punctuation string" c-id="146.297.8.3"> `</span></span><span class="token punctuation" c-id="146.299.7.66"> ）据/span><span class="token punctuation" c-id="146.301.7.67"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.304.7.69"> 。据/span> 类名据span class="token punctuation" c-id="146.307.7.71"> 。据/span><span class="token function" c-id="146.309.7.72"> 推据/span><span class="token punctuation" c-id="146.311.7.73"> （据/span><span class="token template-string" c-id="146.313.7.74"><span class="token template-punctuation string" c-id="146.314.8.0"> `</span><span class="token interpolation" c-id="146.316.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.317.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.320.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.323.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.326.9.6"> }</span></span><span class="token string" c-id="146.328.8.2"> 3 d据/span><span class="token template-punctuation string" c-id="146.330.8.3"> `</span></span><span class="token punctuation" c-id="146.332.7.75"> ）据/span><span class="token punctuation" c-id="146.334.7.76"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.337.7.78"> 。据/span> PARAMS据span class="token punctuation" c-id="146.340.7.80"> 。据/span> watchSlidesProgress据span class="token operator" c-id="146.343.7.82"> =</span> <span class="token boolean" c-id="146.346.7.84"> 真正的据/span><span class="token punctuation" c-id="146.348.7.85"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.351.7.87"> 。据/span> originalParams据span class="token punctuation" c-id="146.354.7.89"> 。据/span> watchSlidesProgress据span class="token operator" c-id="146.357.7.91"> =</span> <span class="token boolean" c-id="146.360.7.93"> 真正的据/span><span class="token punctuation" c-id="146.362.7.94"> ;据/span> <span class="token punctuation" c-id="146.365.7.96"> }</span><span class="token punctuation" c-id="146.367.7.97"> 那据/span> <span class="token function" c-id="146.370.7.99"> setTranslate据/span><span class="token punctuation" c-id="146.372.7.100"> （据/span><span class="token punctuation" c-id="146.374.7.101"> ）据/span> <span class="token punctuation" c-id="146.377.7.103"> {</span> <span class="token keyword" c-id="146.380.7.105"> 常量据/span> 偷窃者据span class="token operator" c-id="146.383.7.107"> =</span> <span class="token keyword" c-id="146.386.7.109"> 这据/span><span class="token punctuation" c-id="146.388.7.110"> ;据/span> <span class="token keyword" c-id="146.391.7.112"> 常量据/span> <span class="token punctuation" c-id="146.394.7.114"> {</span> 宽度据span class="token operator" c-id="146.397.7.116"> ：据/span> swiperWidth据span class="token punctuation" c-id="146.400.7.118"> 那据/span> 高度据span class="token operator" c-id="146.403.7.120"> ：据/span> swiperHeight据span class="token punctuation" c-id="146.406.7.122"> 那据/span> 幻灯片据span class="token punctuation" c-id="146.409.7.124"> 那据/span> wrapperEl美元据span class="token punctuation" c-id="146.412.7.126"> 那据/span> slidesSizesGrid据span class="token punctuation" c-id="146.415.7.128"> 那据/span> $据span class="token punctuation" c-id="146.418.7.130"> }</span> <span class="token operator" c-id="146.421.7.132"> =</span> 偷窃者据span class="token punctuation" c-id="146.424.7.134"> ;据/span> <span class="token keyword" c-id="146.427.7.136"> 常量据/span> PARAMS据span class="token operator" c-id="146.430.7.138"> =</span> 偷窃者据span class="token punctuation" c-id="146.433.7.140"> 。据/span> PARAMS据span class="token punctuation" c-id="146.436.7.142"> 。据/span> coverflowEffect据span class="token punctuation" c-id="146.439.7.144"> ;据/span> <span class="token keyword" c-id="146.442.7.146"> 常量据/span> isHorizontal据span class="token operator" c-id="146.445.7.148"> =</span> 偷窃者据span class="token punctuation" c-id="146.448.7.150"> 。据/span><span class="token function" c-id="146.450.7.151"> isHorizontal据/span><span class="token punctuation" c-id="146.452.7.152"> （据/span><span class="token punctuation" c-id="146.454.7.153"> ）据/span><span class="token punctuation" c-id="146.456.7.154"> ;据/span> <span class="token keyword" c-id="146.459.7.156"> 常量据/span> 变换$$据span class="token number" c-id="146.462.7.158"> 1据/span> <span class="token operator" c-id="146.465.7.160"> =</span> 偷窃者据span class="token punctuation" c-id="146.468.7.162"> 。据/span> 翻译据span class="token punctuation" c-id="146.471.7.164"> ;据/span> <span class="token keyword" c-id="146.474.7.166"> 常量据/span> 中心据span class="token operator" c-id="146.477.7.168"> =</span> isHorizontal据span class="token operator" c-id="146.480.7.170"> 还是</span> <span class="token operator" c-id="146.483.7.172"> -据/span> 变换$$据span class="token number" c-id="146.486.7.174"> 1据/span> <span class="token operator" c-id="146.489.7.176"> +据/span> <span class="token punctuation" c-id="146.492.7.178"> （据/span> swiperWidth据span class="token operator" c-id="146.495.7.180"> /据/span> <span class="token number" c-id="146.498.7.182"> 2据/span><span class="token punctuation" c-id="146.500.7.183"> ）据/span> <span class="token operator" c-id="146.503.7.185"> ：据/span> <span class="token operator" c-id="146.506.7.187"> -据/span> 变换$$据span class="token number" c-id="146.509.7.189"> 1据/span> <span class="token operator" c-id="146.512.7.191"> +据/span> <span class="token punctuation" c-id="146.515.7.193"> （据/span> swiperHeight据span class="token operator" c-id="146.518.7.195"> /据/span> <span class="token number" c-id="146.521.7.197"> 2据/span><span class="token punctuation" c-id="146.523.7.198"> ）据/span><span class="token punctuation" c-id="146.525.7.199"> ;据/span> <span class="token keyword" c-id="146.528.7.201"> 常量据/span> 旋转据span class="token operator" c-id="146.531.7.203"> =</span> isHorizontal据span class="token operator" c-id="146.534.7.205"> 还是</span> PARAMS据span class="token punctuation" c-id="146.537.7.207"> 。据/span> 旋转据span class="token operator" c-id="146.540.7.209"> ：据/span> <span class="token operator" c-id="146.543.7.211"> -据/span> PARAMS据span class="token punctuation" c-id="146.546.7.213"> 。据/span> 旋转据span class="token punctuation" c-id="146.549.7.215"> ;据/span> <span class="token keyword" c-id="146.552.7.217"> 常量据/span> 翻译据span class="token operator" c-id="146.555.7.219"> =</span> PARAMS据span class="token punctuation" c-id="146.558.7.221"> 。据/span> 深度据span class="token punctuation" c-id="146.561.7.223"> ;据/span> <span class="token comment" c-id="146.564.7.225"> //每个幻灯片偏离中心据/span> <span class="token keyword" c-id="146.567.7.227"> 为了据/span> <span class="token punctuation" c-id="146.570.7.229"> （据/span><span class="token keyword" c-id="146.572.7.230"> 让据/span> 一世据span class="token operator" c-id="146.575.7.232"> =</span> <span class="token number" c-id="146.578.7.234"> 0.据/span><span class="token punctuation" c-id="146.580.7.235"> 那据/span> 长度据span class="token operator" c-id="146.583.7.237"> =</span> 幻灯片据span class="token punctuation" c-id="146.586.7.239"> 。据/span> 长度据span class="token punctuation" c-id="146.589.7.241"> ;据/span> 一世据span class="token operator" c-id="146.592.7.243"> 据</span> 长度据span class="token punctuation" c-id="146.595.7.245"> ;据/span> 一世据span class="token operator" c-id="146.598.7.247"> + =据/span> <span class="token number" c-id="146.601.7.249"> 1据/span><span class="token punctuation" c-id="146.603.7.250"> ）据/span> <span class="token punctuation" c-id="146.606.7.252"> {</span> <span class="token keyword" c-id="146.609.7.254"> 常量据/span> $ slideEl据span class="token operator" c-id="146.612.7.256"> =</span> 幻灯片据span class="token punctuation" c-id="146.615.7.258"> 。据/span><span class="token function" c-id="146.617.7.259"> eq.据/span><span class="token punctuation" c-id="146.619.7.260"> （据/span> 一世据span class="token punctuation" c-id="146.622.7.262"> ）据/span><span class="token punctuation" c-id="146.624.7.263"> ;据/span> <span class="token keyword" c-id="146.627.7.265"> 常量据/span> slideSize据span class="token operator" c-id="146.630.7.267"> =</span> slidesSizesGrid据span class="token punctuation" c-id="146.633.7.269"> [</span> 一世据span class="token punctuation" c-id="146.636.7.271"> ]</span><span class="token punctuation" c-id="146.638.7.272"> ;据/span> <span class="token keyword" c-id="146.641.7.274"> 常量据/span> slideOffset据span class="token operator" c-id="146.644.7.276"> =</span> $ slideEl据span class="token punctuation" c-id="146.647.7.278"> [</span><span class="token number" c-id="146.649.7.279"> 0.据/span><span class="token punctuation" c-id="146.651.7.280"> ]</span><span class="token punctuation" c-id="146.653.7.281"> 。据/span> swiperSlideOffset据span class="token punctuation" c-id="146.656.7.283"> ;据/span> <span class="token keyword" c-id="146.659.7.285"> 常量据/span> offsetMultiplier据span class="token operator" c-id="146.662.7.287"> =</span> <span class="token punctuation" c-id="146.665.7.289"> （据/span><span class="token punctuation" c-id="146.667.7.290"> （据/span> 中心据span class="token operator" c-id="146.670.7.292"> -据/span> slideOffset据span class="token operator" c-id="146.673.7.294"> -据/span> <span class="token punctuation" c-id="146.676.7.296"> （据/span> slideSize据span class="token operator" c-id="146.679.7.298"> /据/span> <span class="token number" c-id="146.682.7.300"> 2据/span><span class="token punctuation" c-id="146.684.7.301"> ）据/span><span class="token punctuation" c-id="146.686.7.302"> ）据/span> <span class="token operator" c-id="146.689.7.304"> /据/span> slideSize据span class="token punctuation" c-id="146.692.7.306"> ）据/span> <span class="token operator" c-id="146.695.7.308"> *据/span> PARAMS据span class="token punctuation" c-id="146.698.7.310"> 。据/span> 修改据span class="token punctuation" c-id="146.701.7.312"> ;据/span> <span class="token keyword" c-id="146.704.7.314"> 让据/span> 旋转Y据span class="token operator" c-id="146.707.7.316"> =</span> isHorizontal据span class="token operator" c-id="146.710.7.318"> 还是</span> 旋转据span class="token operator" c-id="146.713.7.320"> *据/span> offsetMultiplier据span class="token operator" c-id="146.716.7.322"> ：据/span> <span class="token number" c-id="146.719.7.324"> 0.据/span><span class="token punctuation" c-id="146.721.7.325"> ;据/span> <span class="token keyword" c-id="146.724.7.327"> 让据/span> rotateX据span class="token operator" c-id="146.727.7.329"> =</span> isHorizontal据span class="token operator" c-id="146.730.7.331"> 还是</span> <span class="token number" c-id="146.733.7.333"> 0.据/span> <span class="token operator" c-id="146.736.7.335"> ：据/span> 旋转据span class="token operator" c-id="146.739.7.337"> *据/span> offsetMultiplier据span class="token punctuation" c-id="146.742.7.339"> ;据/span> <span class="token comment" c-id="146.745.7.341"> // var rotateZ = 0据/span> <span class="token keyword" c-id="146.748.7.343"> 让据/span> translateZ据span class="token operator" c-id="146.751.7.345"> =</span> <span class="token operator" c-id="146.754.7.347"> -据/span> 翻译据span class="token operator" c-id="146.757.7.349"> *据/span> 数学据span class="token punctuation" c-id="146.760.7.351"> 。据/span><span class="token function" c-id="146.762.7.352"> ABS据/span><span class="token punctuation" c-id="146.764.7.353"> （据/span> offsetMultiplier据span class="token punctuation" c-id="146.767.7.355"> ）据/span><span class="token punctuation" c-id="146.769.7.356"> ;据/span> <span class="token keyword" c-id="146.772.7.358"> 让据/span> 平移Y据span class="token operator" c-id="146.775.7.360"> =</span> isHorizontal据span class="token operator" c-id="146.778.7.362"> 还是</span> <span class="token number" c-id="146.781.7.364"> 0.据/span> <span class="token operator" c-id="146.784.7.366"> ：据/span> PARAMS据span class="token punctuation" c-id="146.787.7.368"> 。据/span> 拉紧据span class="token operator" c-id="146.790.7.370"> *据/span> <span class="token punctuation" c-id="146.793.7.372"> （据/span> offsetMultiplier据span class="token punctuation" c-id="146.796.7.374"> ）据/span><span class="token punctuation" c-id="146.798.7.375"> ;据/span> <span class="token keyword" c-id="146.801.7.377"> 让据/span> 平移X据span class="token operator" c-id="146.804.7.379"> =</span> isHorizontal据span class="token operator" c-id="146.807.7.381"> 还是</span> PARAMS据span class="token punctuation" c-id="146.810.7.383"> 。据/span> 拉紧据span class="token operator" c-id="146.813.7.385"> *据/span> <span class="token punctuation" c-id="146.816.7.387"> （据/span> offsetMultiplier据span class="token punctuation" c-id="146.819.7.389"> ）据/span> <span class="token operator" c-id="146.822.7.391"> ：据/span> <span class="token number" c-id="146.825.7.393"> 0.据/span><span class="token punctuation" c-id="146.827.7.394"> ;据/span> <span class="token comment" c-id="146.830.7.396"> //修复超小值据/span> <span class="token keyword" c-id="146.833.7.398"> 如果据/span> <span class="token punctuation" c-id="146.836.7.400"> （据/span> 数学据span class="token punctuation" c-id="146.839.7.402"> 。据/span><span class="token function" c-id="146.841.7.403"> ABS据/span><span class="token punctuation" c-id="146.843.7.404"> （据/span> 平移X据span class="token punctuation" c-id="146.846.7.406"> ）据/span> <span class="token operator" c-id="146.849.7.408"> 据</span> <span class="token number" c-id="146.852.7.410"> ０．００１据/span><span class="token punctuation" c-id="146.854.7.411"> ）据/span> 平移X据span class="token operator" c-id="146.857.7.413"> =</span> <span class="token number" c-id="146.860.7.415"> 0.据/span><span class="token punctuation" c-id="146.862.7.416"> ;据/span> <span class="token keyword" c-id="146.865.7.418"> 如果据/span> <span class="token punctuation" c-id="146.868.7.420"> （据/span> 数学据span class="token punctuation" c-id="146.871.7.422"> 。据/span><span class="token function" c-id="146.873.7.423"> ABS据/span><span class="token punctuation" c-id="146.875.7.424"> （据/span> 平移Y据span class="token punctuation" c-id="146.878.7.426"> ）据/span> <span class="token operator" c-id="146.881.7.428"> 据</span> <span class="token number" c-id="146.884.7.430"> ０．００１据/span><span class="token punctuation" c-id="146.886.7.431"> ）据/span> 平移Y据span class="token operator" c-id="146.889.7.433"> =</span> <span class="token number" c-id="146.892.7.435"> 0.据/span><span class="token punctuation" c-id="146.894.7.436"> ;据/span> <span class="token keyword" c-id="146.897.7.438"> 如果据/span> <span class="token punctuation" c-id="146.900.7.440"> （据/span> 数学据span class="token punctuation" c-id="146.903.7.442"> 。据/span><span class="token function" c-id="146.905.7.443"> ABS据/span><span class="token punctuation" c-id="146.907.7.444"> （据/span> translateZ据span class="token punctuation" c-id="146.910.7.446"> ）据/span> <span class="token operator" c-id="146.913.7.448"> 据</span> <span class="token number" c-id="146.916.7.450"> ０．００１据/span><span class="token punctuation" c-id="146.918.7.451"> ）据/span> translateZ据span class="token operator" c-id="146.921.7.453"> =</span> <span class="token number" c-id="146.924.7.455"> 0.据/span><span class="token punctuation" c-id="146.926.7.456"> ;据/span> <span class="token keyword" c-id="146.929.7.458"> 如果据/span> <span class="token punctuation" c-id="146.932.7.460"> （据/span> 数学据span class="token punctuation" c-id="146.935.7.462"> 。据/span><span class="token function" c-id="146.937.7.463"> ABS据/span><span class="token punctuation" c-id="146.939.7.464"> （据/span> 旋转Y据span class="token punctuation" c-id="146.942.7.466"> ）据/span> <span class="token operator" c-id="146.945.7.468"> 据</span> <span class="token number" c-id="146.948.7.470"> ０．００１据/span><span class="token punctuation" c-id="146.950.7.471"> ）据/span> 旋转Y据span class="token operator" c-id="146.953.7.473"> =</span> <span class="token number" c-id="146.956.7.475"> 0.据/span><span class="token punctuation" c-id="146.958.7.476"> ;据/span> <span class="token keyword" c-id="146.961.7.478"> 如果据/span> <span class="token punctuation" c-id="146.964.7.480"> （据/span> 数学据span class="token punctuation" c-id="146.967.7.482"> 。据/span><span class="token function" c-id="146.969.7.483"> ABS据/span><span class="token punctuation" c-id="146.971.7.484"> （据/span> rotateX据span class="token punctuation" c-id="146.974.7.486"> ）据/span> <span class="token operator" c-id="146.977.7.488"> 据</span> <span class="token number" c-id="146.980.7.490"> ０．００１据/span><span class="token punctuation" c-id="146.982.7.491"> ）据/span> rotateX据span class="token operator" c-id="146.985.7.493"> =</span> <span class="token number" c-id="146.988.7.495"> 0.据/span><span class="token punctuation" c-id="146.990.7.496"> ;据/span> <span class="token keyword" c-id="146.993.7.498"> 常量据/span> slideTransform据span class="token operator" c-id="146.996.7.500"> =</span> <span class="token template-string" c-id="146.999.7.502"><span class="token template-punctuation string" c-id="146.1000.8.0"> `</span><span class="token string" c-id="146.1002.8.1"> translate3d（据/span><span class="token interpolation" c-id="146.1004.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.1005.9.0"> $ {据/span> 平移X据span class="token interpolation-punctuation punctuation" c-id="146.1008.9.2"> }</span></span><span class="token string" c-id="146.1010.8.3"> px,据/span><span class="token interpolation" c-id="146.1012.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.1013.9.0"> $ {据/span> 平移Y据span class="token interpolation-punctuation punctuation" c-id="146.1016.9.2"> }</span></span><span class="token string" c-id="146.1018.8.5"> px,据/span><span class="token interpolation" c-id="146.1020.8.6"><span class="token interpolation-punctuation punctuation" c-id="146.1021.9.0"> $ {据/span> translateZ据span class="token interpolation-punctuation punctuation" c-id="146.1024.9.2"> }</span></span><span class="token string" c-id="146.1026.8.7"> PX）rotateX（据/span><span class="token interpolation" c-id="146.1028.8.8"><span class="token interpolation-punctuation punctuation" c-id="146.1029.9.0"> $ {据/span> rotateX据span class="token interpolation-punctuation punctuation" c-id="146.1032.9.2"> }</span></span><span class="token string" c-id="146.1034.8.9"> 度)rotateY (据/span><span class="token interpolation" c-id="146.1036.8.10"><span class="token interpolation-punctuation punctuation" c-id="146.1037.9.0"> $ {据/span> 旋转Y据span class="token interpolation-punctuation punctuation" c-id="146.1040.9.2"> }</span></span><span class="token string" c-id="146.1042.8.11"> 度）据/span><span class="token template-punctuation string" c-id="146.1044.8.12"> `</span></span><span class="token punctuation" c-id="146.1046.7.503"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.1049.7.505"> 。据/span><span class="token function" c-id="146.1051.7.506"> 变换据/span><span class="token punctuation" c-id="146.1053.7.507"> （据/span> slideTransform据span class="token punctuation" c-id="146.1056.7.509"> ）据/span><span class="token punctuation" c-id="146.1058.7.510"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.1061.7.512"> [</span><span class="token number" c-id="146.1063.7.513"> 0.据/span><span class="token punctuation" c-id="146.1065.7.514"> ]</span><span class="token punctuation" c-id="146.1067.7.515"> 。据/span> 风格据span class="token punctuation" c-id="146.1070.7.517"> 。据/span> 用zIndex据span class="token operator" c-id="146.1073.7.519"> =</span> <span class="token operator" c-id="146.1076.7.521"> -据/span> 数学据span class="token punctuation" c-id="146.1079.7.523"> 。据/span><span class="token function" c-id="146.1081.7.524"> ABS据/span><span class="token punctuation" c-id="146.1083.7.525"> （据/span> 数学据span class="token punctuation" c-id="146.1086.7.527"> 。据/span><span class="token function" c-id="146.1088.7.528"> 圆形的据/span><span class="token punctuation" c-id="146.1090.7.529"> （据/span> offsetMultiplier据span class="token punctuation" c-id="146.1093.7.531"> ）据/span><span class="token punctuation" c-id="146.1095.7.532"> ）据/span> <span class="token operator" c-id="146.1098.7.534"> +据/span> <span class="token number" c-id="146.1101.7.536"> 1据/span><span class="token punctuation" c-id="146.1103.7.537"> ;据/span> <span class="token keyword" c-id="146.1106.7.539"> 如果据/span> <span class="token punctuation" c-id="146.1109.7.541"> （据/span> PARAMS据span class="token punctuation" c-id="146.1112.7.543"> 。据/span> 幻灯片据span class="token punctuation" c-id="146.1115.7.545"> ）据/span> <span class="token punctuation" c-id="146.1118.7.547"> {</span> <span class="token comment" c-id="146.1121.7.549"> //设置阴影据/span> <span class="token keyword" c-id="146.1124.7.551"> 让据/span> $ shadowbeforeel.据span class="token operator" c-id="146.1127.7.553"> =</span> isHorizontal据span class="token operator" c-id="146.1130.7.555"> 还是</span> $ slideEl据span class="token punctuation" c-id="146.1133.7.557"> 。据/span><span class="token function" c-id="146.1135.7.558"> 找据/span><span class="token punctuation" c-id="146.1137.7.559"> （据/span><span class="token string" c-id="146.1139.7.560"> “.swiper-slide-shadow-left”据/span><span class="token punctuation" c-id="146.1141.7.561"> ）据/span> <span class="token operator" c-id="146.1144.7.563"> ：据/span> $ slideEl据span class="token punctuation" c-id="146.1147.7.565"> 。据/span><span class="token function" c-id="146.1149.7.566"> 找据/span><span class="token punctuation" c-id="146.1151.7.567"> （据/span><span class="token string" c-id="146.1153.7.568"> “.swiper-slide-shadow-top”据/span><span class="token punctuation" c-id="146.1155.7.569"> ）据/span><span class="token punctuation" c-id="146.1157.7.570"> ;据/span> <span class="token keyword" c-id="146.1160.7.572"> 让据/span> $ shadowAfterEl据span class="token operator" c-id="146.1163.7.574"> =</span> isHorizontal据span class="token operator" c-id="146.1166.7.576"> 还是</span> $ slideEl据span class="token punctuation" c-id="146.1169.7.578"> 。据/span><span class="token function" c-id="146.1171.7.579"> 找据/span><span class="token punctuation" c-id="146.1173.7.580"> （据/span><span class="token string" c-id="146.1175.7.581"> '.swiper-滑动阴影权'据/span><span class="token punctuation" c-id="146.1177.7.582"> ）据/span> <span class="token operator" c-id="146.1180.7.584"> ：据/span> $ slideEl据span class="token punctuation" c-id="146.1183.7.586"> 。据/span><span class="token function" c-id="146.1185.7.587"> 找据/span><span class="token punctuation" c-id="146.1187.7.588"> （据/span><span class="token string" c-id="146.1189.7.589"> '.swiper-滑动阴影' 底部据/span><span class="token punctuation" c-id="146.1191.7.590"> ）据/span><span class="token punctuation" c-id="146.1193.7.591"> ;据/span> <span class="token keyword" c-id="146.1196.7.593"> 如果据/span> <span class="token punctuation" c-id="146.1199.7.595"> （据/span> $ shadowbeforeel.据span class="token punctuation" c-id="146.1202.7.597"> 。据/span> 长度据span class="token operator" c-id="146.1205.7.599"> ===.据/span> <span class="token number" c-id="146.1208.7.601"> 0.据/span><span class="token punctuation" c-id="146.1210.7.602"> ）据/span> <span class="token punctuation" c-id="146.1213.7.604"> {</span> $ shadowbeforeel.据span class="token operator" c-id="146.1216.7.606"> =</span> 偷窃者据span class="token punctuation" c-id="146.1219.7.608"> 。据/span><span class="token function" c-id="146.1221.7.609"> $据/span><span class="token punctuation" c-id="146.1223.7.610"> （据/span><span class="token template-string" c-id="146.1225.7.611"><span class="token template-punctuation string" c-id="146.1226.8.0"> `</span><span class="token string" c-id="146.1228.8.1"> < div class = " swiper-slide-shadow -据/span><span class="token interpolation" c-id="146.1230.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.1231.9.0"> $ {据/span> isHorizontal据span class="token operator" c-id="146.1234.9.2"> 还是</span> <span class="token string" c-id="146.1237.9.4"> '剩下'据/span> <span class="token operator" c-id="146.1240.9.6"> ：据/span> <span class="token string" c-id="146.1243.9.8"> '最佳'据/span><span class="token interpolation-punctuation punctuation" c-id="146.1245.9.9"> }</span></span><span class="token string" c-id="146.1247.8.3"> “> </ div>据/span><span class="token template-punctuation string" c-id="146.1249.8.4"> `</span></span><span class="token punctuation" c-id="146.1251.7.612"> ）据/span><span class="token punctuation" c-id="146.1253.7.613"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.1256.7.615"> 。据/span><span class="token function" c-id="146.1258.7.616"> 附加据/span><span class="token punctuation" c-id="146.1260.7.617"> （据/span> $ shadowbeforeel.据span class="token punctuation" c-id="146.1263.7.619"> ）据/span><span class="token punctuation" c-id="146.1265.7.620"> ;据/span> <span class="token punctuation" c-id="146.1268.7.622"> }</span> <span class="token keyword" c-id="146.1271.7.624"> 如果据/span> <span class="token punctuation" c-id="146.1274.7.626"> （据/span> $ shadowAfterEl据span class="token punctuation" c-id="146.1277.7.628"> 。据/span> 长度据span class="token operator" c-id="146.1280.7.630"> ===.据/span> <span class="token number" c-id="146.1283.7.632"> 0.据/span><span class="token punctuation" c-id="146.1285.7.633"> ）据/span> <span class="token punctuation" c-id="146.1288.7.635"> {</span> $ shadowAfterEl据span class="token operator" c-id="146.1291.7.637"> =</span> 偷窃者据span class="token punctuation" c-id="146.1294.7.639"> 。据/span><span class="token function" c-id="146.1296.7.640"> $据/span><span class="token punctuation" c-id="146.1298.7.641"> （据/span><span class="token template-string" c-id="146.1300.7.642"><span class="token template-punctuation string" c-id="146.1301.8.0"> `</span><span class="token string" c-id="146.1303.8.1"> < div class = " swiper-slide-shadow -据/span><span class="token interpolation" c-id="146.1305.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.1306.9.0"> $ {据/span> isHorizontal据span class="token operator" c-id="146.1309.9.2"> 还是</span> <span class="token string" c-id="146.1312.9.4"> '对'据/span> <span class="token operator" c-id="146.1315.9.6"> ：据/span> <span class="token string" c-id="146.1318.9.8"> “底”据/span><span class="token interpolation-punctuation punctuation" c-id="146.1320.9.9"> }</span></span><span class="token string" c-id="146.1322.8.3"> “> </ div>据/span><span class="token template-punctuation string" c-id="146.1324.8.4"> `</span></span><span class="token punctuation" c-id="146.1326.7.643"> ）据/span><span class="token punctuation" c-id="146.1328.7.644"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.1331.7.646"> 。据/span><span class="token function" c-id="146.1333.7.647"> 附加据/span><span class="token punctuation" c-id="146.1335.7.648"> （据/span> $ shadowAfterEl据span class="token punctuation" c-id="146.1338.7.650"> ）据/span><span class="token punctuation" c-id="146.1340.7.651"> ;据/span> <span class="token punctuation" c-id="146.1343.7.653"> }</span> <span class="token keyword" c-id="146.1346.7.655"> 如果据/span> <span class="token punctuation" c-id="146.1349.7.657"> （据/span> $ shadowbeforeel.据span class="token punctuation" c-id="146.1352.7.659"> 。据/span> 长度据span class="token punctuation" c-id="146.1355.7.661"> ）据/span> $ shadowbeforeel.据span class="token punctuation" c-id="146.1358.7.663"> [</span><span class="token number" c-id="146.1360.7.664"> 0.据/span><span class="token punctuation" c-id="146.1362.7.665"> ]</span><span class="token punctuation" c-id="146.1364.7.666"> 。据/span> 风格据span class="token punctuation" c-id="146.1367.7.668"> 。据/span> 不透明度据span class="token operator" c-id="146.1370.7.670"> =</span> offsetMultiplier据span class="token operator" c-id="146.1373.7.672"> ></span> <span class="token number" c-id="146.1376.7.674"> 0.据/span> <span class="token operator" c-id="146.1379.7.676"> 还是</span> offsetMultiplier据span class="token operator" c-id="146.1382.7.678"> ：据/span> <span class="token number" c-id="146.1385.7.680"> 0.据/span><span class="token punctuation" c-id="146.1387.7.681"> ;据/span> <span class="token keyword" c-id="146.1390.7.683"> 如果据/span> <span class="token punctuation" c-id="146.1393.7.685"> （据/span> $ shadowAfterEl据span class="token punctuation" c-id="146.1396.7.687"> 。据/span> 长度据span class="token punctuation" c-id="146.1399.7.689"> ）据/span> $ shadowAfterEl据span class="token punctuation" c-id="146.1402.7.691"> [</span><span class="token number" c-id="146.1404.7.692"> 0.据/span><span class="token punctuation" c-id="146.1406.7.693"> ]</span><span class="token punctuation" c-id="146.1408.7.694"> 。据/span> 风格据span class="token punctuation" c-id="146.1411.7.696"> 。据/span> 不透明度据span class="token operator" c-id="146.1414.7.698"> =</span> <span class="token punctuation" c-id="146.1417.7.700"> （据/span><span class="token operator" c-id="146.1419.7.701"> -据/span> offsetMultiplier据span class="token punctuation" c-id="146.1422.7.703"> ）据/span> <span class="token operator" c-id="146.1425.7.705"> ></span> <span class="token number" c-id="146.1428.7.707"> 0.据/span> <span class="token operator" c-id="146.1431.7.709"> 还是</span> <span class="token operator" c-id="146.1434.7.711"> -据/span> offsetMultiplier据span class="token operator" c-id="146.1437.7.713"> ：据/span> <span class="token number" c-id="146.1440.7.715"> 0.据/span><span class="token punctuation" c-id="146.1442.7.716"> ;据/span> <span class="token punctuation" c-id="146.1445.7.718"> }</span> <span class="token punctuation" c-id="146.1448.7.720"> }</span> <span class="token comment" c-id="146.1451.7.722"> //设置正确的观点为IE10据/span> <span class="token keyword" c-id="146.1454.7.724"> 如果据/span> <span class="token punctuation" c-id="146.1457.7.726"> （据/span> 偷窃者据span class="token punctuation" c-id="146.1460.7.728"> 。据/span> 支持据span class="token punctuation" c-id="146.1463.7.730"> 。据/span> 尖报据span class="token operator" c-id="146.1466.7.732"> ||据/span> 偷窃者据span class="token punctuation" c-id="146.1469.7.734"> 。据/span> 支持据span class="token punctuation" c-id="146.1472.7.736"> 。据/span> 前缀pointseRevents.据span class="token punctuation" c-id="146.1475.7.738"> ）据/span> <span class="token punctuation" c-id="146.1478.7.740"> {</span> <span class="token keyword" c-id="146.1481.7.742"> 常量据/span> ws据span class="token operator" c-id="146.1484.7.744"> =</span> wrapperEl美元据span class="token punctuation" c-id="146.1487.7.746"> [</span><span class="token number" c-id="146.1489.7.747"> 0.据/span><span class="token punctuation" c-id="146.1491.7.748"> ]</span><span class="token punctuation" c-id="146.1493.7.749"> 。据/span> 风格据span class="token punctuation" c-id="146.1496.7.751"> ;据/span> ws据span class="token punctuation" c-id="146.1499.7.753"> 。据/span> perspectiveOrigin据span class="token operator" c-id="146.1502.7.755"> =</span> <span class="token template-string" c-id="146.1505.7.757"><span class="token template-punctuation string" c-id="146.1506.8.0"> `</span><span class="token interpolation" c-id="146.1508.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.1509.9.0"> $ {据/span> 中心据span class="token interpolation-punctuation punctuation" c-id="146.1512.9.2"> }</span></span><span class="token string" c-id="146.1514.8.2"> px 50%据/span><span class="token template-punctuation string" c-id="146.1516.8.3"> `</span></span><span class="token punctuation" c-id="146.1518.7.758"> ;据/span> <span class="token punctuation" c-id="146.1521.7.760"> }</span> <span class="token punctuation" c-id="146.1524.7.762"> }</span><span class="token punctuation" c-id="146.1526.7.763"> 那据/span> <span class="token function" c-id="146.1529.7.765"> setTransition据/span><span class="token punctuation" c-id="146.1531.7.766"> （据/span><span class="token parameter" c-id="146.1533.7.767"> 期间据/span><span class="token punctuation" c-id="146.1535.7.768"> ）据/span> <span class="token punctuation" c-id="146.1538.7.770"> {</span> <span class="token keyword" c-id="146.1541.7.772"> 常量据/span> 偷窃者据span class="token operator" c-id="146.1544.7.774"> =</span> <span class="token keyword" c-id="146.1547.7.776"> 这据/span><span class="token punctuation" c-id="146.1549.7.777"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.1552.7.779"> 。据/span> 幻灯片据span class="token punctuation" c-id="146.1555.7.781"> 。据/span><span class="token function" c-id="146.1557.7.782"> 过渡据/span><span class="token punctuation" c-id="146.1559.7.783"> （据/span> 期间据span class="token punctuation" c-id="146.1562.7.785"> ）据/span> <span class="token punctuation" c-id="146.1565.7.787"> 。据/span><span class="token function" c-id="146.1567.7.788"> 找据/span><span class="token punctuation" c-id="146.1569.7.789"> （据/span><span class="token string" c-id="146.1571.7.790"> '.swiper-滑动阴影顶部，.swiper-滑动阴影右，.swiper-滑动阴影底部，.swiper-滑动阴影左'据/span><span class="token punctuation" c-id="146.1573.7.791"> ）据/span> <span class="token punctuation" c-id="146.1576.7.793"> 。据/span><span class="token function" c-id="146.1578.7.794"> 过渡据/span><span class="token punctuation" c-id="146.1580.7.795"> （据/span> 期间据span class="token punctuation" c-id="146.1583.7.797"> ）据/span><span class="token punctuation" c-id="146.1585.7.798"> ;据/span> <span class="token punctuation" c-id="146.1588.7.800"> }</span> <span class="token punctuation" c-id="146.1591.7.802"> }</span> <span class="token punctuation" c-id="146.1594.7.804"> }</span></code></pre>  <div class="code-text__copy" c-id="157.0.0.0"> <a class="code-text__copy-link" c-id="157.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="157.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="157.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="157.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <h3 id="cube" c-id="146.1598.4.50"> <a href="#cube" c-id="146.1600.5.1"> 立方体据/a> </h3>  <docs-code language="typescript" class="hydrated" c-id="146.1604.4.52" s-id="158">   <pre c-id="146.1606.5.1"><code c-id="146.1607.6.0"><span class="token keyword" c-id="146.1608.7.0"> 常量据/span> slideOpts据span class="token operator" c-id="146.1611.7.2"> =</span> <span class="token punctuation" c-id="146.1614.7.4"> {</span> grabCursor据span class="token operator" c-id="146.1617.7.6"> ：据/span> <span class="token boolean" c-id="146.1620.7.8"> 真正的据/span><span class="token punctuation" c-id="146.1622.7.9"> 那据/span> cubeEffect据span class="token operator" c-id="146.1625.7.11"> ：据/span> <span class="token punctuation" c-id="146.1628.7.13"> {</span> 影子据span class="token operator" c-id="146.1631.7.15"> ：据/span> <span class="token boolean" c-id="146.1634.7.17"> 真正的据/span><span class="token punctuation" c-id="146.1636.7.18"> 那据/span> 幻灯片据span class="token operator" c-id="146.1639.7.20"> ：据/span> <span class="token boolean" c-id="146.1642.7.22"> 真正的据/span><span class="token punctuation" c-id="146.1644.7.23"> 那据/span> ShadowOffset.据span class="token operator" c-id="146.1647.7.25"> ：据/span> <span class="token number" c-id="146.1650.7.27"> 20.据/span><span class="token punctuation" c-id="146.1652.7.28"> 那据/span> shadowScale据span class="token operator" c-id="146.1655.7.30"> ：据/span> <span class="token number" c-id="146.1658.7.32"> 0.94据/span><span class="token punctuation" c-id="146.1660.7.33"> 那据/span> <span class="token punctuation" c-id="146.1663.7.35"> }</span><span class="token punctuation" c-id="146.1665.7.36"> 那据/span> 在据span class="token operator" c-id="146.1668.7.38"> ：据/span> <span class="token punctuation" c-id="146.1671.7.40"> {</span> <span class="token function-variable function" c-id="146.1674.7.42"> before据/span><span class="token operator" c-id="146.1676.7.43"> ：据/span> <span class="token keyword" c-id="146.1679.7.45"> 功能据/span><span class="token punctuation" c-id="146.1681.7.46"> （据/span><span class="token punctuation" c-id="146.1683.7.47"> ）据/span> <span class="token punctuation" c-id="146.1686.7.49"> {</span> <span class="token keyword" c-id="146.1689.7.51"> 常量据/span> 偷窃者据span class="token operator" c-id="146.1692.7.53"> =</span> <span class="token keyword" c-id="146.1695.7.55"> 这据/span><span class="token punctuation" c-id="146.1697.7.56"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.1700.7.58"> 。据/span> 类名据span class="token punctuation" c-id="146.1703.7.60"> 。据/span><span class="token function" c-id="146.1705.7.61"> 推据/span><span class="token punctuation" c-id="146.1707.7.62"> （据/span><span class="token template-string" c-id="146.1709.7.63"><span class="token template-punctuation string" c-id="146.1710.8.0"> `</span><span class="token interpolation" c-id="146.1712.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.1713.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.1716.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.1719.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.1722.9.6"> }</span></span><span class="token string" c-id="146.1724.8.2"> 立方体据/span><span class="token template-punctuation string" c-id="146.1726.8.3"> `</span></span><span class="token punctuation" c-id="146.1728.7.64"> ）据/span><span class="token punctuation" c-id="146.1730.7.65"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.1733.7.67"> 。据/span> 类名据span class="token punctuation" c-id="146.1736.7.69"> 。据/span><span class="token function" c-id="146.1738.7.70"> 推据/span><span class="token punctuation" c-id="146.1740.7.71"> （据/span><span class="token template-string" c-id="146.1742.7.72"><span class="token template-punctuation string" c-id="146.1743.8.0"> `</span><span class="token interpolation" c-id="146.1745.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.1746.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.1749.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.1752.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.1755.9.6"> }</span></span><span class="token string" c-id="146.1757.8.2"> 3 d据/span><span class="token template-punctuation string" c-id="146.1759.8.3"> `</span></span><span class="token punctuation" c-id="146.1761.7.73"> ）据/span><span class="token punctuation" c-id="146.1763.7.74"> ;据/span> <span class="token keyword" c-id="146.1766.7.76"> 常量据/span> 过度覆盖物据span class="token operator" c-id="146.1769.7.78"> =</span> <span class="token punctuation" c-id="146.1772.7.80"> {</span> slidesPerView据span class="token operator" c-id="146.1775.7.82"> ：据/span> <span class="token number" c-id="146.1778.7.84"> 1据/span><span class="token punctuation" c-id="146.1780.7.85"> 那据/span> 滑动分子汇据span class="token operator" c-id="146.1783.7.87"> ：据/span> <span class="token number" c-id="146.1786.7.89"> 1据/span><span class="token punctuation" c-id="146.1788.7.90"> 那据/span> slidesPerGroup据span class="token operator" c-id="146.1791.7.92"> ：据/span> <span class="token number" c-id="146.1794.7.94"> 1据/span><span class="token punctuation" c-id="146.1796.7.95"> 那据/span> watchSlidesProgress据span class="token operator" c-id="146.1799.7.97"> ：据/span> <span class="token boolean" c-id="146.1802.7.99"> 真正的据/span><span class="token punctuation" c-id="146.1804.7.100"> 那据/span> resistanceRatio据span class="token operator" c-id="146.1807.7.102"> ：据/span> <span class="token number" c-id="146.1810.7.104"> 0.据/span><span class="token punctuation" c-id="146.1812.7.105"> 那据/span> spaceBetween据span class="token operator" c-id="146.1815.7.107"> ：据/span> <span class="token number" c-id="146.1818.7.109"> 0.据/span><span class="token punctuation" c-id="146.1820.7.110"> 那据/span> centeredSlides据span class="token operator" c-id="146.1823.7.112"> ：据/span> <span class="token boolean" c-id="146.1826.7.114"> 错误的据/span><span class="token punctuation" c-id="146.1828.7.115"> 那据/span> virtualTranslate据span class="token operator" c-id="146.1831.7.117"> ：据/span> <span class="token boolean" c-id="146.1834.7.119"> 真正的据/span><span class="token punctuation" c-id="146.1836.7.120"> 那据/span> <span class="token punctuation" c-id="146.1839.7.122"> }</span><span class="token punctuation" c-id="146.1841.7.123"> ;据/span> <span class="token keyword" c-id="146.1844.7.125"> 这据/span><span class="token punctuation" c-id="146.1846.7.126"> 。据/span> PARAMS据span class="token operator" c-id="146.1849.7.128"> =</span> 目的据span class="token punctuation" c-id="146.1852.7.130"> 。据/span><span class="token function" c-id="146.1854.7.131"> 分配据/span><span class="token punctuation" c-id="146.1856.7.132"> （据/span><span class="token keyword" c-id="146.1858.7.133"> 这据/span><span class="token punctuation" c-id="146.1860.7.134"> 。据/span> PARAMS据span class="token punctuation" c-id="146.1863.7.136"> 那据/span> 过度覆盖物据span class="token punctuation" c-id="146.1866.7.138"> ）据/span><span class="token punctuation" c-id="146.1868.7.139"> ;据/span> <span class="token keyword" c-id="146.1871.7.141"> 这据/span><span class="token punctuation" c-id="146.1873.7.142"> 。据/span> originalParams据span class="token operator" c-id="146.1876.7.144"> =</span> 目的据span class="token punctuation" c-id="146.1879.7.146"> 。据/span><span class="token function" c-id="146.1881.7.147"> 分配据/span><span class="token punctuation" c-id="146.1883.7.148"> （据/span><span class="token keyword" c-id="146.1885.7.149"> 这据/span><span class="token punctuation" c-id="146.1887.7.150"> 。据/span> originalParams据span class="token punctuation" c-id="146.1890.7.152"> 那据/span> 过度覆盖物据span class="token punctuation" c-id="146.1893.7.154"> ）据/span><span class="token punctuation" c-id="146.1895.7.155"> ;据/span> <span class="token punctuation" c-id="146.1898.7.157"> }</span><span class="token punctuation" c-id="146.1900.7.158"> 那据/span> <span class="token function-variable function" c-id="146.1903.7.160"> setTranslate据/span><span class="token operator" c-id="146.1905.7.161"> ：据/span> <span class="token keyword" c-id="146.1908.7.163"> 功能据/span><span class="token punctuation" c-id="146.1910.7.164"> （据/span><span class="token punctuation" c-id="146.1912.7.165"> ）据/span> <span class="token punctuation" c-id="146.1915.7.167"> {</span> <span class="token keyword" c-id="146.1918.7.169"> 常量据/span> 偷窃者据span class="token operator" c-id="146.1921.7.171"> =</span> <span class="token keyword" c-id="146.1924.7.173"> 这据/span><span class="token punctuation" c-id="146.1926.7.174"> ;据/span> <span class="token keyword" c-id="146.1929.7.176"> 常量据/span> <span class="token punctuation" c-id="146.1932.7.178"> {</span> $ el.据span class="token punctuation" c-id="146.1935.7.180"> 那据/span> wrapperEl美元据span class="token punctuation" c-id="146.1938.7.182"> 那据/span> 幻灯片据span class="token punctuation" c-id="146.1941.7.184"> 那据/span> 宽度据span class="token operator" c-id="146.1944.7.186"> ：据/span> swiperWidth据span class="token punctuation" c-id="146.1947.7.188"> 那据/span> 高度据span class="token operator" c-id="146.1950.7.190"> ：据/span> swiperHeight据span class="token punctuation" c-id="146.1953.7.192"> 那据/span> Rtltranslate.据span class="token operator" c-id="146.1956.7.194"> ：据/span> rtl据span class="token punctuation" c-id="146.1959.7.196"> 那据/span> 尺寸据span class="token operator" c-id="146.1962.7.198"> ：据/span> 滑移据span class="token punctuation" c-id="146.1965.7.200"> 那据/span> <span class="token punctuation" c-id="146.1968.7.202"> }</span> <span class="token operator" c-id="146.1971.7.204"> =</span> 偷窃者据span class="token punctuation" c-id="146.1974.7.206"> ;据/span> <span class="token keyword" c-id="146.1977.7.208"> 常量据/span> PARAMS据span class="token operator" c-id="146.1980.7.210"> =</span> 偷窃者据span class="token punctuation" c-id="146.1983.7.212"> 。据/span> PARAMS据span class="token punctuation" c-id="146.1986.7.214"> 。据/span> cubeEffect据span class="token punctuation" c-id="146.1989.7.216"> ;据/span> <span class="token keyword" c-id="146.1992.7.218"> 常量据/span> isHorizontal据span class="token operator" c-id="146.1995.7.220"> =</span> 偷窃者据span class="token punctuation" c-id="146.1998.7.222"> 。据/span><span class="token function" c-id="146.2000.7.223"> isHorizontal据/span><span class="token punctuation" c-id="146.2002.7.224"> （据/span><span class="token punctuation" c-id="146.2004.7.225"> ）据/span><span class="token punctuation" c-id="146.2006.7.226"> ;据/span> <span class="token keyword" c-id="146.2009.7.228"> 常量据/span> isviartual.据span class="token operator" c-id="146.2012.7.230"> =</span> 偷窃者据span class="token punctuation" c-id="146.2015.7.232"> 。据/span> 虚拟的据span class="token operator" c-id="146.2018.7.234"> &&据/span> 偷窃者据span class="token punctuation" c-id="146.2021.7.236"> 。据/span> PARAMS据span class="token punctuation" c-id="146.2024.7.238"> 。据/span> 虚拟的据span class="token punctuation" c-id="146.2027.7.240"> 。据/span> 启用据span class="token punctuation" c-id="146.2030.7.242"> ;据/span> <span class="token keyword" c-id="146.2033.7.244"> 让据/span> wrapperRotate据span class="token operator" c-id="146.2036.7.246"> =</span> <span class="token number" c-id="146.2039.7.248"> 0.据/span><span class="token punctuation" c-id="146.2041.7.249"> ;据/span> <span class="token keyword" c-id="146.2044.7.251"> 让据/span> cubeShadowEl美元据span class="token punctuation" c-id="146.2047.7.253"> ;据/span> <span class="token keyword" c-id="146.2050.7.255"> 如果据/span> <span class="token punctuation" c-id="146.2053.7.257"> （据/span> PARAMS据span class="token punctuation" c-id="146.2056.7.259"> 。据/span> 影子据span class="token punctuation" c-id="146.2059.7.261"> ）据/span> <span class="token punctuation" c-id="146.2062.7.263"> {</span> <span class="token keyword" c-id="146.2065.7.265"> 如果据/span> <span class="token punctuation" c-id="146.2068.7.267"> （据/span> isHorizontal据span class="token punctuation" c-id="146.2071.7.269"> ）据/span> <span class="token punctuation" c-id="146.2074.7.271"> {</span> cubeShadowEl美元据span class="token operator" c-id="146.2077.7.273"> =</span> wrapperEl美元据span class="token punctuation" c-id="146.2080.7.275"> 。据/span><span class="token function" c-id="146.2082.7.276"> 找据/span><span class="token punctuation" c-id="146.2084.7.277"> （据/span><span class="token string" c-id="146.2086.7.278"> “.swiper-cube-shadow”据/span><span class="token punctuation" c-id="146.2088.7.279"> ）据/span><span class="token punctuation" c-id="146.2090.7.280"> ;据/span> <span class="token keyword" c-id="146.2093.7.282"> 如果据/span> <span class="token punctuation" c-id="146.2096.7.284"> （据/span> cubeShadowEl美元据span class="token punctuation" c-id="146.2099.7.286"> 。据/span> 长度据span class="token operator" c-id="146.2102.7.288"> ===.据/span> <span class="token number" c-id="146.2105.7.290"> 0.据/span><span class="token punctuation" c-id="146.2107.7.291"> ）据/span> <span class="token punctuation" c-id="146.2110.7.293"> {</span> cubeShadowEl美元据span class="token operator" c-id="146.2113.7.295"> =</span> 偷窃者据span class="token punctuation" c-id="146.2116.7.297"> 。据/span><span class="token function" c-id="146.2118.7.298"> $据/span><span class="token punctuation" c-id="146.2120.7.299"> （据/span><span class="token string" c-id="146.2122.7.300"> ' < div class = " swiper-cube-shadow " > < / div >”据/span><span class="token punctuation" c-id="146.2124.7.301"> ）据/span><span class="token punctuation" c-id="146.2126.7.302"> ;据/span> wrapperEl美元据span class="token punctuation" c-id="146.2129.7.304"> 。据/span><span class="token function" c-id="146.2131.7.305"> 附加据/span><span class="token punctuation" c-id="146.2133.7.306"> （据/span> cubeShadowEl美元据span class="token punctuation" c-id="146.2136.7.308"> ）据/span><span class="token punctuation" c-id="146.2138.7.309"> ;据/span> <span class="token punctuation" c-id="146.2141.7.311"> }</span> cubeShadowEl美元据span class="token punctuation" c-id="146.2144.7.313"> 。据/span><span class="token function" c-id="146.2146.7.314"> css据/span><span class="token punctuation" c-id="146.2148.7.315"> （据/span><span class="token punctuation" c-id="146.2150.7.316"> {</span> 高度据span class="token operator" c-id="146.2153.7.318"> ：据/span> <span class="token template-string" c-id="146.2156.7.320"><span class="token template-punctuation string" c-id="146.2157.8.0"> `</span><span class="token interpolation" c-id="146.2159.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.2160.9.0"> $ {据/span> swiperWidth据span class="token interpolation-punctuation punctuation" c-id="146.2163.9.2"> }</span></span><span class="token string" c-id="146.2165.8.2"> px据/span><span class="token template-punctuation string" c-id="146.2167.8.3"> `</span></span> <span class="token punctuation" c-id="146.2170.7.322"> }</span><span class="token punctuation" c-id="146.2172.7.323"> ）据/span><span class="token punctuation" c-id="146.2174.7.324"> ;据/span> <span class="token punctuation" c-id="146.2177.7.326"> }</span> <span class="token keyword" c-id="146.2180.7.328"> 别的据/span> <span class="token punctuation" c-id="146.2183.7.330"> {</span> cubeShadowEl美元据span class="token operator" c-id="146.2186.7.332"> =</span> $ el.据span class="token punctuation" c-id="146.2189.7.334"> 。据/span><span class="token function" c-id="146.2191.7.335"> 找据/span><span class="token punctuation" c-id="146.2193.7.336"> （据/span><span class="token string" c-id="146.2195.7.337"> “.swiper-cube-shadow”据/span><span class="token punctuation" c-id="146.2197.7.338"> ）据/span><span class="token punctuation" c-id="146.2199.7.339"> ;据/span> <span class="token keyword" c-id="146.2202.7.341"> 如果据/span> <span class="token punctuation" c-id="146.2205.7.343"> （据/span> cubeShadowEl美元据span class="token punctuation" c-id="146.2208.7.345"> 。据/span> 长度据span class="token operator" c-id="146.2211.7.347"> ===.据/span> <span class="token number" c-id="146.2214.7.349"> 0.据/span><span class="token punctuation" c-id="146.2216.7.350"> ）据/span> <span class="token punctuation" c-id="146.2219.7.352"> {</span> cubeShadowEl美元据span class="token operator" c-id="146.2222.7.354"> =</span> 偷窃者据span class="token punctuation" c-id="146.2225.7.356"> 。据/span><span class="token function" c-id="146.2227.7.357"> $据/span><span class="token punctuation" c-id="146.2229.7.358"> （据/span><span class="token string" c-id="146.2231.7.359"> ' < div class = " swiper-cube-shadow " > < / div >”据/span><span class="token punctuation" c-id="146.2233.7.360"> ）据/span><span class="token punctuation" c-id="146.2235.7.361"> ;据/span> $ el.据span class="token punctuation" c-id="146.2238.7.363"> 。据/span><span class="token function" c-id="146.2240.7.364"> 附加据/span><span class="token punctuation" c-id="146.2242.7.365"> （据/span> cubeShadowEl美元据span class="token punctuation" c-id="146.2245.7.367"> ）据/span><span class="token punctuation" c-id="146.2247.7.368"> ;据/span> <span class="token punctuation" c-id="146.2250.7.370"> }</span> <span class="token punctuation" c-id="146.2253.7.372"> }</span> <span class="token punctuation" c-id="146.2256.7.374"> }</span> <span class="token keyword" c-id="146.2259.7.376"> 为了据/span> <span class="token punctuation" c-id="146.2262.7.378"> （据/span><span class="token keyword" c-id="146.2264.7.379"> 让据/span> 一世据span class="token operator" c-id="146.2267.7.381"> =</span> <span class="token number" c-id="146.2270.7.383"> 0.据/span><span class="token punctuation" c-id="146.2272.7.384"> ;据/span> 一世据span class="token operator" c-id="146.2275.7.386"> 据</span> 幻灯片据span class="token punctuation" c-id="146.2278.7.388"> 。据/span> 长度据span class="token punctuation" c-id="146.2281.7.390"> ;据/span> 一世据span class="token operator" c-id="146.2284.7.392"> + =据/span> <span class="token number" c-id="146.2287.7.394"> 1据/span><span class="token punctuation" c-id="146.2289.7.395"> ）据/span> <span class="token punctuation" c-id="146.2292.7.397"> {</span> <span class="token keyword" c-id="146.2295.7.399"> 常量据/span> $ slideEl据span class="token operator" c-id="146.2298.7.401"> =</span> 幻灯片据span class="token punctuation" c-id="146.2301.7.403"> 。据/span><span class="token function" c-id="146.2303.7.404"> eq.据/span><span class="token punctuation" c-id="146.2305.7.405"> （据/span> 一世据span class="token punctuation" c-id="146.2308.7.407"> ）据/span><span class="token punctuation" c-id="146.2310.7.408"> ;据/span> <span class="token keyword" c-id="146.2313.7.410"> 让据/span> slideIndex据span class="token operator" c-id="146.2316.7.412"> =</span> 一世据span class="token punctuation" c-id="146.2319.7.414"> ;据/span> <span class="token keyword" c-id="146.2322.7.416"> 如果据/span> <span class="token punctuation" c-id="146.2325.7.418"> （据/span> isviartual.据span class="token punctuation" c-id="146.2328.7.420"> ）据/span> <span class="token punctuation" c-id="146.2331.7.422"> {</span> slideIndex据span class="token operator" c-id="146.2334.7.424"> =</span> <span class="token function" c-id="146.2337.7.426"> 方法用于据/span><span class="token punctuation" c-id="146.2339.7.427"> （据/span> $ slideEl据span class="token punctuation" c-id="146.2342.7.429"> 。据/span><span class="token function" c-id="146.2344.7.430"> attr据/span><span class="token punctuation" c-id="146.2346.7.431"> （据/span><span class="token string" c-id="146.2348.7.432"> “数据刷卡-滑动索引”据/span><span class="token punctuation" c-id="146.2350.7.433"> ）据/span><span class="token punctuation" c-id="146.2352.7.434"> 那据/span> <span class="token number" c-id="146.2355.7.436"> 10据/span><span class="token punctuation" c-id="146.2357.7.437"> ）据/span><span class="token punctuation" c-id="146.2359.7.438"> ;据/span> <span class="token punctuation" c-id="146.2362.7.440"> }</span> <span class="token keyword" c-id="146.2365.7.442"> 让据/span> slideAngle据span class="token operator" c-id="146.2368.7.444"> =</span> slideIndex据span class="token operator" c-id="146.2371.7.446"> *据/span> <span class="token number" c-id="146.2374.7.448"> 90据/span><span class="token punctuation" c-id="146.2376.7.449"> ;据/span> <span class="token keyword" c-id="146.2379.7.451"> 让据/span> 圆形的据span class="token operator" c-id="146.2382.7.453"> =</span> 数学据span class="token punctuation" c-id="146.2385.7.455"> 。据/span><span class="token function" c-id="146.2387.7.456"> 地板上据/span><span class="token punctuation" c-id="146.2389.7.457"> （据/span> slideAngle据span class="token operator" c-id="146.2392.7.459"> /据/span> <span class="token number" c-id="146.2395.7.461"> 360据/span><span class="token punctuation" c-id="146.2397.7.462"> ）据/span><span class="token punctuation" c-id="146.2399.7.463"> ;据/span> <span class="token keyword" c-id="146.2402.7.465"> 如果据/span> <span class="token punctuation" c-id="146.2405.7.467"> （据/span> rtl据span class="token punctuation" c-id="146.2408.7.469"> ）据/span> <span class="token punctuation" c-id="146.2411.7.471"> {</span> slideAngle据span class="token operator" c-id="146.2414.7.473"> =</span> <span class="token operator" c-id="146.2417.7.475"> -据/span> slideAngle据span class="token punctuation" c-id="146.2420.7.477"> ;据/span> 圆形的据span class="token operator" c-id="146.2423.7.479"> =</span> 数学据span class="token punctuation" c-id="146.2426.7.481"> 。据/span><span class="token function" c-id="146.2428.7.482"> 地板上据/span><span class="token punctuation" c-id="146.2430.7.483"> （据/span><span class="token operator" c-id="146.2432.7.484"> -据/span> slideAngle据span class="token operator" c-id="146.2435.7.486"> /据/span> <span class="token number" c-id="146.2438.7.488"> 360据/span><span class="token punctuation" c-id="146.2440.7.489"> ）据/span><span class="token punctuation" c-id="146.2442.7.490"> ;据/span> <span class="token punctuation" c-id="146.2445.7.492"> }</span> <span class="token keyword" c-id="146.2448.7.494"> 常量据/span> 进步据span class="token operator" c-id="146.2451.7.496"> =</span> 数学据span class="token punctuation" c-id="146.2454.7.498"> 。据/span><span class="token function" c-id="146.2456.7.499"> 最大限度据/span><span class="token punctuation" c-id="146.2458.7.500"> （据/span> 数学据span class="token punctuation" c-id="146.2461.7.502"> 。据/span><span class="token function" c-id="146.2463.7.503"> 最小值据/span><span class="token punctuation" c-id="146.2465.7.504"> （据/span> $ slideEl据span class="token punctuation" c-id="146.2468.7.506"> [</span><span class="token number" c-id="146.2470.7.507"> 0.据/span><span class="token punctuation" c-id="146.2472.7.508"> ]</span><span class="token punctuation" c-id="146.2474.7.509"> 。据/span> 进步据span class="token punctuation" c-id="146.2477.7.511"> 那据/span> <span class="token number" c-id="146.2480.7.513"> 1据/span><span class="token punctuation" c-id="146.2482.7.514"> ）据/span><span class="token punctuation" c-id="146.2484.7.515"> 那据/span> <span class="token operator" c-id="146.2487.7.517"> -据/span><span class="token number" c-id="146.2489.7.518"> 1据/span><span class="token punctuation" c-id="146.2491.7.519"> ）据/span><span class="token punctuation" c-id="146.2493.7.520"> ;据/span> <span class="token keyword" c-id="146.2496.7.522"> 让据/span> tx据span class="token operator" c-id="146.2499.7.524"> =</span> <span class="token number" c-id="146.2502.7.526"> 0.据/span><span class="token punctuation" c-id="146.2504.7.527"> ;据/span> <span class="token keyword" c-id="146.2507.7.529"> 让据/span> 泰据span class="token operator" c-id="146.2510.7.531"> =</span> <span class="token number" c-id="146.2513.7.533"> 0.据/span><span class="token punctuation" c-id="146.2515.7.534"> ;据/span> <span class="token keyword" c-id="146.2518.7.536"> 让据/span> tz据span class="token operator" c-id="146.2521.7.538"> =</span> <span class="token number" c-id="146.2524.7.540"> 0.据/span><span class="token punctuation" c-id="146.2526.7.541"> ;据/span> <span class="token keyword" c-id="146.2529.7.543"> 如果据/span> <span class="token punctuation" c-id="146.2532.7.545"> （据/span> slideIndex据span class="token operator" c-id="146.2535.7.547"> ％据/span> <span class="token number" c-id="146.2538.7.549"> 4.据/span> <span class="token operator" c-id="146.2541.7.551"> ===.据/span> <span class="token number" c-id="146.2544.7.553"> 0.据/span><span class="token punctuation" c-id="146.2546.7.554"> ）据/span> <span class="token punctuation" c-id="146.2549.7.556"> {</span> tx据span class="token operator" c-id="146.2552.7.558"> =</span> <span class="token operator" c-id="146.2555.7.560"> -据/span> 圆形的据span class="token operator" c-id="146.2558.7.562"> *据/span> <span class="token number" c-id="146.2561.7.564"> 4.据/span> <span class="token operator" c-id="146.2564.7.566"> *据/span> 滑移据span class="token punctuation" c-id="146.2567.7.568"> ;据/span> tz据span class="token operator" c-id="146.2570.7.570"> =</span> <span class="token number" c-id="146.2573.7.572"> 0.据/span><span class="token punctuation" c-id="146.2575.7.573"> ;据/span> <span class="token punctuation" c-id="146.2578.7.575"> }</span> <span class="token keyword" c-id="146.2581.7.577"> 别的据/span> <span class="token keyword" c-id="146.2584.7.579"> 如果据/span> <span class="token punctuation" c-id="146.2587.7.581"> （据/span><span class="token punctuation" c-id="146.2589.7.582"> （据/span> slideIndex据span class="token operator" c-id="146.2592.7.584"> -据/span> <span class="token number" c-id="146.2595.7.586"> 1据/span><span class="token punctuation" c-id="146.2597.7.587"> ）据/span> <span class="token operator" c-id="146.2600.7.589"> ％据/span> <span class="token number" c-id="146.2603.7.591"> 4.据/span> <span class="token operator" c-id="146.2606.7.593"> ===.据/span> <span class="token number" c-id="146.2609.7.595"> 0.据/span><span class="token punctuation" c-id="146.2611.7.596"> ）据/span> <span class="token punctuation" c-id="146.2614.7.598"> {</span> tx据span class="token operator" c-id="146.2617.7.600"> =</span> <span class="token number" c-id="146.2620.7.602"> 0.据/span><span class="token punctuation" c-id="146.2622.7.603"> ;据/span> tz据span class="token operator" c-id="146.2625.7.605"> =</span> <span class="token operator" c-id="146.2628.7.607"> -据/span> 圆形的据span class="token operator" c-id="146.2631.7.609"> *据/span> <span class="token number" c-id="146.2634.7.611"> 4.据/span> <span class="token operator" c-id="146.2637.7.613"> *据/span> 滑移据span class="token punctuation" c-id="146.2640.7.615"> ;据/span> <span class="token punctuation" c-id="146.2643.7.617"> }</span> <span class="token keyword" c-id="146.2646.7.619"> 别的据/span> <span class="token keyword" c-id="146.2649.7.621"> 如果据/span> <span class="token punctuation" c-id="146.2652.7.623"> （据/span><span class="token punctuation" c-id="146.2654.7.624"> （据/span> slideIndex据span class="token operator" c-id="146.2657.7.626"> -据/span> <span class="token number" c-id="146.2660.7.628"> 2据/span><span class="token punctuation" c-id="146.2662.7.629"> ）据/span> <span class="token operator" c-id="146.2665.7.631"> ％据/span> <span class="token number" c-id="146.2668.7.633"> 4.据/span> <span class="token operator" c-id="146.2671.7.635"> ===.据/span> <span class="token number" c-id="146.2674.7.637"> 0.据/span><span class="token punctuation" c-id="146.2676.7.638"> ）据/span> <span class="token punctuation" c-id="146.2679.7.640"> {</span> tx据span class="token operator" c-id="146.2682.7.642"> =</span> 滑移据span class="token operator" c-id="146.2685.7.644"> +据/span> <span class="token punctuation" c-id="146.2688.7.646"> （据/span> 圆形的据span class="token operator" c-id="146.2691.7.648"> *据/span> <span class="token number" c-id="146.2694.7.650"> 4.据/span> <span class="token operator" c-id="146.2697.7.652"> *据/span> 滑移据span class="token punctuation" c-id="146.2700.7.654"> ）据/span><span class="token punctuation" c-id="146.2702.7.655"> ;据/span> tz据span class="token operator" c-id="146.2705.7.657"> =</span> 滑移据span class="token punctuation" c-id="146.2708.7.659"> ;据/span> <span class="token punctuation" c-id="146.2711.7.661"> }</span> <span class="token keyword" c-id="146.2714.7.663"> 别的据/span> <span class="token keyword" c-id="146.2717.7.665"> 如果据/span> <span class="token punctuation" c-id="146.2720.7.667"> （据/span><span class="token punctuation" c-id="146.2722.7.668"> （据/span> slideIndex据span class="token operator" c-id="146.2725.7.670"> -据/span> <span class="token number" c-id="146.2728.7.672"> 3.据/span><span class="token punctuation" c-id="146.2730.7.673"> ）据/span> <span class="token operator" c-id="146.2733.7.675"> ％据/span> <span class="token number" c-id="146.2736.7.677"> 4.据/span> <span class="token operator" c-id="146.2739.7.679"> ===.据/span> <span class="token number" c-id="146.2742.7.681"> 0.据/span><span class="token punctuation" c-id="146.2744.7.682"> ）据/span> <span class="token punctuation" c-id="146.2747.7.684"> {</span> tx据span class="token operator" c-id="146.2750.7.686"> =</span> <span class="token operator" c-id="146.2753.7.688"> -据/span> 滑移据span class="token punctuation" c-id="146.2756.7.690"> ;据/span> tz据span class="token operator" c-id="146.2759.7.692"> =</span> <span class="token punctuation" c-id="146.2762.7.694"> （据/span><span class="token number" c-id="146.2764.7.695"> 3.据/span> <span class="token operator" c-id="146.2767.7.697"> *据/span> 滑移据span class="token punctuation" c-id="146.2770.7.699"> ）据/span> <span class="token operator" c-id="146.2773.7.701"> +据/span> <span class="token punctuation" c-id="146.2776.7.703"> （据/span> 滑移据span class="token operator" c-id="146.2779.7.705"> *据/span> <span class="token number" c-id="146.2782.7.707"> 4.据/span> <span class="token operator" c-id="146.2785.7.709"> *据/span> 圆形的据span class="token punctuation" c-id="146.2788.7.711"> ）据/span><span class="token punctuation" c-id="146.2790.7.712"> ;据/span> <span class="token punctuation" c-id="146.2793.7.714"> }</span> <span class="token keyword" c-id="146.2796.7.716"> 如果据/span> <span class="token punctuation" c-id="146.2799.7.718"> （据/span> rtl据span class="token punctuation" c-id="146.2802.7.720"> ）据/span> <span class="token punctuation" c-id="146.2805.7.722"> {</span> tx据span class="token operator" c-id="146.2808.7.724"> =</span> <span class="token operator" c-id="146.2811.7.726"> -据/span> tx据span class="token punctuation" c-id="146.2814.7.728"> ;据/span> <span class="token punctuation" c-id="146.2817.7.730"> }</span> <span class="token keyword" c-id="146.2820.7.732"> 如果据/span> <span class="token punctuation" c-id="146.2823.7.734"> （据/span><span class="token operator" c-id="146.2825.7.735"> ！！据/span> isHorizontal据span class="token punctuation" c-id="146.2828.7.737"> ）据/span> <span class="token punctuation" c-id="146.2831.7.739"> {</span> 泰据span class="token operator" c-id="146.2834.7.741"> =</span> tx据span class="token punctuation" c-id="146.2837.7.743"> ;据/span> tx据span class="token operator" c-id="146.2840.7.745"> =</span> <span class="token number" c-id="146.2843.7.747"> 0.据/span><span class="token punctuation" c-id="146.2845.7.748"> ;据/span> <span class="token punctuation" c-id="146.2848.7.750"> }</span> <span class="token keyword" c-id="146.2851.7.752"> 常量据/span> 变换$$据span class="token number" c-id="146.2854.7.754"> 1据/span> <span class="token operator" c-id="146.2857.7.756"> =</span> <span class="token template-string" c-id="146.2860.7.758"><span class="token template-punctuation string" c-id="146.2861.8.0"> `</span><span class="token string" c-id="146.2863.8.1"> rotateX（据/span><span class="token interpolation" c-id="146.2865.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.2866.9.0"> $ {据/span> isHorizontal据span class="token operator" c-id="146.2869.9.2"> 还是</span> <span class="token number" c-id="146.2872.9.4"> 0.据/span> <span class="token operator" c-id="146.2875.9.6"> ：据/span> <span class="token operator" c-id="146.2878.9.8"> -据/span> slideAngle据span class="token interpolation-punctuation punctuation" c-id="146.2881.9.10"> }</span></span><span class="token string" c-id="146.2883.8.3"> 度)rotateY (据/span><span class="token interpolation" c-id="146.2885.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.2886.9.0"> $ {据/span> isHorizontal据span class="token operator" c-id="146.2889.9.2"> 还是</span> slideAngle据span class="token operator" c-id="146.2892.9.4"> ：据/span> <span class="token number" c-id="146.2895.9.6"> 0.据/span><span class="token interpolation-punctuation punctuation" c-id="146.2897.9.7"> }</span></span><span class="token string" c-id="146.2899.8.5"> deg）translate3d（据/span><span class="token interpolation" c-id="146.2901.8.6"><span class="token interpolation-punctuation punctuation" c-id="146.2902.9.0"> $ {据/span> tx据span class="token interpolation-punctuation punctuation" c-id="146.2905.9.2"> }</span></span><span class="token string" c-id="146.2907.8.7"> px,据/span><span class="token interpolation" c-id="146.2909.8.8"><span class="token interpolation-punctuation punctuation" c-id="146.2910.9.0"> $ {据/span> 泰据span class="token interpolation-punctuation punctuation" c-id="146.2913.9.2"> }</span></span><span class="token string" c-id="146.2915.8.9"> px,据/span><span class="token interpolation" c-id="146.2917.8.10"><span class="token interpolation-punctuation punctuation" c-id="146.2918.9.0"> $ {据/span> tz据span class="token interpolation-punctuation punctuation" c-id="146.2921.9.2"> }</span></span><span class="token string" c-id="146.2923.8.11"> px)据/span><span class="token template-punctuation string" c-id="146.2925.8.12"> `</span></span><span class="token punctuation" c-id="146.2927.7.759"> ;据/span> <span class="token keyword" c-id="146.2930.7.761"> 如果据/span> <span class="token punctuation" c-id="146.2933.7.763"> （据/span> 进步据span class="token operator" c-id="146.2936.7.765"> <=据/span> <span class="token number" c-id="146.2939.7.767"> 1据/span> <span class="token operator" c-id="146.2942.7.769"> &&据/span> 进步据span class="token operator" c-id="146.2945.7.771"> ></span> <span class="token operator" c-id="146.2948.7.773"> -据/span><span class="token number" c-id="146.2950.7.774"> 1据/span><span class="token punctuation" c-id="146.2952.7.775"> ）据/span> <span class="token punctuation" c-id="146.2955.7.777"> {</span> wrapperRotate据span class="token operator" c-id="146.2958.7.779"> =</span> <span class="token punctuation" c-id="146.2961.7.781"> （据/span> slideIndex据span class="token operator" c-id="146.2964.7.783"> *据/span> <span class="token number" c-id="146.2967.7.785"> 90据/span><span class="token punctuation" c-id="146.2969.7.786"> ）据/span> <span class="token operator" c-id="146.2972.7.788"> +据/span> <span class="token punctuation" c-id="146.2975.7.790"> （据/span> 进步据span class="token operator" c-id="146.2978.7.792"> *据/span> <span class="token number" c-id="146.2981.7.794"> 90据/span><span class="token punctuation" c-id="146.2983.7.795"> ）据/span><span class="token punctuation" c-id="146.2985.7.796"> ;据/span> <span class="token keyword" c-id="146.2988.7.798"> 如果据/span> <span class="token punctuation" c-id="146.2991.7.800"> （据/span> rtl据span class="token punctuation" c-id="146.2994.7.802"> ）据/span> wrapperRotate据span class="token operator" c-id="146.2997.7.804"> =</span> <span class="token punctuation" c-id="146.3000.7.806"> （据/span><span class="token operator" c-id="146.3002.7.807"> -据/span> slideIndex据span class="token operator" c-id="146.3005.7.809"> *据/span> <span class="token number" c-id="146.3008.7.811"> 90据/span><span class="token punctuation" c-id="146.3010.7.812"> ）据/span> <span class="token operator" c-id="146.3013.7.814"> -据/span> <span class="token punctuation" c-id="146.3016.7.816"> （据/span> 进步据span class="token operator" c-id="146.3019.7.818"> *据/span> <span class="token number" c-id="146.3022.7.820"> 90据/span><span class="token punctuation" c-id="146.3024.7.821"> ）据/span><span class="token punctuation" c-id="146.3026.7.822"> ;据/span> <span class="token punctuation" c-id="146.3029.7.824"> }</span> $ slideEl据span class="token punctuation" c-id="146.3032.7.826"> 。据/span><span class="token function" c-id="146.3034.7.827"> 变换据/span><span class="token punctuation" c-id="146.3036.7.828"> （据/span> 变换$$据span class="token number" c-id="146.3039.7.830"> 1据/span><span class="token punctuation" c-id="146.3041.7.831"> ）据/span><span class="token punctuation" c-id="146.3043.7.832"> ;据/span> <span class="token keyword" c-id="146.3046.7.834"> 如果据/span> <span class="token punctuation" c-id="146.3049.7.836"> （据/span> PARAMS据span class="token punctuation" c-id="146.3052.7.838"> 。据/span> 幻灯片据span class="token punctuation" c-id="146.3055.7.840"> ）据/span> <span class="token punctuation" c-id="146.3058.7.842"> {</span> <span class="token comment" c-id="146.3061.7.844"> //设置阴影据/span> <span class="token keyword" c-id="146.3064.7.846"> 让据/span> shadowBefore据span class="token operator" c-id="146.3067.7.848"> =</span> isHorizontal据span class="token operator" c-id="146.3070.7.850"> 还是</span> $ slideEl据span class="token punctuation" c-id="146.3073.7.852"> 。据/span><span class="token function" c-id="146.3075.7.853"> 找据/span><span class="token punctuation" c-id="146.3077.7.854"> （据/span><span class="token string" c-id="146.3079.7.855"> “.swiper-slide-shadow-left”据/span><span class="token punctuation" c-id="146.3081.7.856"> ）据/span> <span class="token operator" c-id="146.3084.7.858"> ：据/span> $ slideEl据span class="token punctuation" c-id="146.3087.7.860"> 。据/span><span class="token function" c-id="146.3089.7.861"> 找据/span><span class="token punctuation" c-id="146.3091.7.862"> （据/span><span class="token string" c-id="146.3093.7.863"> “.swiper-slide-shadow-top”据/span><span class="token punctuation" c-id="146.3095.7.864"> ）据/span><span class="token punctuation" c-id="146.3097.7.865"> ;据/span> <span class="token keyword" c-id="146.3100.7.867"> 让据/span> shadowAfter据span class="token operator" c-id="146.3103.7.869"> =</span> isHorizontal据span class="token operator" c-id="146.3106.7.871"> 还是</span> $ slideEl据span class="token punctuation" c-id="146.3109.7.873"> 。据/span><span class="token function" c-id="146.3111.7.874"> 找据/span><span class="token punctuation" c-id="146.3113.7.875"> （据/span><span class="token string" c-id="146.3115.7.876"> '.swiper-滑动阴影权'据/span><span class="token punctuation" c-id="146.3117.7.877"> ）据/span> <span class="token operator" c-id="146.3120.7.879"> ：据/span> $ slideEl据span class="token punctuation" c-id="146.3123.7.881"> 。据/span><span class="token function" c-id="146.3125.7.882"> 找据/span><span class="token punctuation" c-id="146.3127.7.883"> （据/span><span class="token string" c-id="146.3129.7.884"> '.swiper-滑动阴影' 底部据/span><span class="token punctuation" c-id="146.3131.7.885"> ）据/span><span class="token punctuation" c-id="146.3133.7.886"> ;据/span> <span class="token keyword" c-id="146.3136.7.888"> 如果据/span> <span class="token punctuation" c-id="146.3139.7.890"> （据/span> shadowBefore据span class="token punctuation" c-id="146.3142.7.892"> 。据/span> 长度据span class="token operator" c-id="146.3145.7.894"> ===.据/span> <span class="token number" c-id="146.3148.7.896"> 0.据/span><span class="token punctuation" c-id="146.3150.7.897"> ）据/span> <span class="token punctuation" c-id="146.3153.7.899"> {</span> shadowBefore据span class="token operator" c-id="146.3156.7.901"> =</span> 偷窃者据span class="token punctuation" c-id="146.3159.7.903"> 。据/span><span class="token function" c-id="146.3161.7.904"> $据/span><span class="token punctuation" c-id="146.3163.7.905"> （据/span><span class="token template-string" c-id="146.3165.7.906"><span class="token template-punctuation string" c-id="146.3166.8.0"> `</span><span class="token string" c-id="146.3168.8.1"> < div class = " swiper-slide-shadow -据/span><span class="token interpolation" c-id="146.3170.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3171.9.0"> $ {据/span> isHorizontal据span class="token operator" c-id="146.3174.9.2"> 还是</span> <span class="token string" c-id="146.3177.9.4"> '剩下'据/span> <span class="token operator" c-id="146.3180.9.6"> ：据/span> <span class="token string" c-id="146.3183.9.8"> '最佳'据/span><span class="token interpolation-punctuation punctuation" c-id="146.3185.9.9"> }</span></span><span class="token string" c-id="146.3187.8.3"> “> </ div>据/span><span class="token template-punctuation string" c-id="146.3189.8.4"> `</span></span><span class="token punctuation" c-id="146.3191.7.907"> ）据/span><span class="token punctuation" c-id="146.3193.7.908"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.3196.7.910"> 。据/span><span class="token function" c-id="146.3198.7.911"> 附加据/span><span class="token punctuation" c-id="146.3200.7.912"> （据/span> shadowBefore据span class="token punctuation" c-id="146.3203.7.914"> ）据/span><span class="token punctuation" c-id="146.3205.7.915"> ;据/span> <span class="token punctuation" c-id="146.3208.7.917"> }</span> <span class="token keyword" c-id="146.3211.7.919"> 如果据/span> <span class="token punctuation" c-id="146.3214.7.921"> （据/span> shadowAfter据span class="token punctuation" c-id="146.3217.7.923"> 。据/span> 长度据span class="token operator" c-id="146.3220.7.925"> ===.据/span> <span class="token number" c-id="146.3223.7.927"> 0.据/span><span class="token punctuation" c-id="146.3225.7.928"> ）据/span> <span class="token punctuation" c-id="146.3228.7.930"> {</span> shadowAfter据span class="token operator" c-id="146.3231.7.932"> =</span> 偷窃者据span class="token punctuation" c-id="146.3234.7.934"> 。据/span><span class="token function" c-id="146.3236.7.935"> $据/span><span class="token punctuation" c-id="146.3238.7.936"> （据/span><span class="token template-string" c-id="146.3240.7.937"><span class="token template-punctuation string" c-id="146.3241.8.0"> `</span><span class="token string" c-id="146.3243.8.1"> < div class = " swiper-slide-shadow -据/span><span class="token interpolation" c-id="146.3245.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3246.9.0"> $ {据/span> isHorizontal据span class="token operator" c-id="146.3249.9.2"> 还是</span> <span class="token string" c-id="146.3252.9.4"> '对'据/span> <span class="token operator" c-id="146.3255.9.6"> ：据/span> <span class="token string" c-id="146.3258.9.8"> “底”据/span><span class="token interpolation-punctuation punctuation" c-id="146.3260.9.9"> }</span></span><span class="token string" c-id="146.3262.8.3"> “> </ div>据/span><span class="token template-punctuation string" c-id="146.3264.8.4"> `</span></span><span class="token punctuation" c-id="146.3266.7.938"> ）据/span><span class="token punctuation" c-id="146.3268.7.939"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.3271.7.941"> 。据/span><span class="token function" c-id="146.3273.7.942"> 附加据/span><span class="token punctuation" c-id="146.3275.7.943"> （据/span> shadowAfter据span class="token punctuation" c-id="146.3278.7.945"> ）据/span><span class="token punctuation" c-id="146.3280.7.946"> ;据/span> <span class="token punctuation" c-id="146.3283.7.948"> }</span> <span class="token keyword" c-id="146.3286.7.950"> 如果据/span> <span class="token punctuation" c-id="146.3289.7.952"> （据/span> shadowBefore据span class="token punctuation" c-id="146.3292.7.954"> 。据/span> 长度据span class="token punctuation" c-id="146.3295.7.956"> ）据/span> shadowBefore据span class="token punctuation" c-id="146.3298.7.958"> [</span><span class="token number" c-id="146.3300.7.959"> 0.据/span><span class="token punctuation" c-id="146.3302.7.960"> ]</span><span class="token punctuation" c-id="146.3304.7.961"> 。据/span> 风格据span class="token punctuation" c-id="146.3307.7.963"> 。据/span> 不透明度据span class="token operator" c-id="146.3310.7.965"> =</span> 数学据span class="token punctuation" c-id="146.3313.7.967"> 。据/span><span class="token function" c-id="146.3315.7.968"> 最大限度据/span><span class="token punctuation" c-id="146.3317.7.969"> （据/span><span class="token operator" c-id="146.3319.7.970"> -据/span> 进步据span class="token punctuation" c-id="146.3322.7.972"> 那据/span> <span class="token number" c-id="146.3325.7.974"> 0.据/span><span class="token punctuation" c-id="146.3327.7.975"> ）据/span><span class="token punctuation" c-id="146.3329.7.976"> ;据/span> <span class="token keyword" c-id="146.3332.7.978"> 如果据/span> <span class="token punctuation" c-id="146.3335.7.980"> （据/span> shadowAfter据span class="token punctuation" c-id="146.3338.7.982"> 。据/span> 长度据span class="token punctuation" c-id="146.3341.7.984"> ）据/span> shadowAfter据span class="token punctuation" c-id="146.3344.7.986"> [</span><span class="token number" c-id="146.3346.7.987"> 0.据/span><span class="token punctuation" c-id="146.3348.7.988"> ]</span><span class="token punctuation" c-id="146.3350.7.989"> 。据/span> 风格据span class="token punctuation" c-id="146.3353.7.991"> 。据/span> 不透明度据span class="token operator" c-id="146.3356.7.993"> =</span> 数学据span class="token punctuation" c-id="146.3359.7.995"> 。据/span><span class="token function" c-id="146.3361.7.996"> 最大限度据/span><span class="token punctuation" c-id="146.3363.7.997"> （据/span> 进步据span class="token punctuation" c-id="146.3366.7.999"> 那据/span> <span class="token number" c-id="146.3369.7.1001"> 0.据/span><span class="token punctuation" c-id="146.3371.7.1002"> ）据/span><span class="token punctuation" c-id="146.3373.7.1003"> ;据/span> <span class="token punctuation" c-id="146.3376.7.1005"> }</span> <span class="token punctuation" c-id="146.3379.7.1007"> }</span> wrapperEl美元据span class="token punctuation" c-id="146.3382.7.1009"> 。据/span><span class="token function" c-id="146.3384.7.1010"> css据/span><span class="token punctuation" c-id="146.3386.7.1011"> （据/span><span class="token punctuation" c-id="146.3388.7.1012"> {</span> <span class="token string" c-id="146.3391.7.1014"> '-webkit-变换出身'据/span><span class="token operator" c-id="146.3393.7.1015"> ：据/span> <span class="token template-string" c-id="146.3396.7.1017"><span class="token template-punctuation string" c-id="146.3397.8.0"> `</span><span class="token string" c-id="146.3399.8.1"> 50％50％ -据/span><span class="token interpolation" c-id="146.3401.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3402.9.0"> $ {据/span> 滑移据span class="token operator" c-id="146.3405.9.2"> /据/span> <span class="token number" c-id="146.3408.9.4"> 2据/span><span class="token interpolation-punctuation punctuation" c-id="146.3410.9.5"> }</span></span><span class="token string" c-id="146.3412.8.3"> px据/span><span class="token template-punctuation string" c-id="146.3414.8.4"> `</span></span><span class="token punctuation" c-id="146.3416.7.1018"> 那据/span> <span class="token string" c-id="146.3419.7.1020"> '-moz-变换出身'据/span><span class="token operator" c-id="146.3421.7.1021"> ：据/span> <span class="token template-string" c-id="146.3424.7.1023"><span class="token template-punctuation string" c-id="146.3425.8.0"> `</span><span class="token string" c-id="146.3427.8.1"> 50％50％ -据/span><span class="token interpolation" c-id="146.3429.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3430.9.0"> $ {据/span> 滑移据span class="token operator" c-id="146.3433.9.2"> /据/span> <span class="token number" c-id="146.3436.9.4"> 2据/span><span class="token interpolation-punctuation punctuation" c-id="146.3438.9.5"> }</span></span><span class="token string" c-id="146.3440.8.3"> px据/span><span class="token template-punctuation string" c-id="146.3442.8.4"> `</span></span><span class="token punctuation" c-id="146.3444.7.1024"> 那据/span> <span class="token string" c-id="146.3447.7.1026"> '-MS-变换出身'据/span><span class="token operator" c-id="146.3449.7.1027"> ：据/span> <span class="token template-string" c-id="146.3452.7.1029"><span class="token template-punctuation string" c-id="146.3453.8.0"> `</span><span class="token string" c-id="146.3455.8.1"> 50％50％ -据/span><span class="token interpolation" c-id="146.3457.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3458.9.0"> $ {据/span> 滑移据span class="token operator" c-id="146.3461.9.2"> /据/span> <span class="token number" c-id="146.3464.9.4"> 2据/span><span class="token interpolation-punctuation punctuation" c-id="146.3466.9.5"> }</span></span><span class="token string" c-id="146.3468.8.3"> px据/span><span class="token template-punctuation string" c-id="146.3470.8.4"> `</span></span><span class="token punctuation" c-id="146.3472.7.1030"> 那据/span> <span class="token string" c-id="146.3475.7.1032"> “transform-origin”据/span><span class="token operator" c-id="146.3477.7.1033"> ：据/span> <span class="token template-string" c-id="146.3480.7.1035"><span class="token template-punctuation string" c-id="146.3481.8.0"> `</span><span class="token string" c-id="146.3483.8.1"> 50％50％ -据/span><span class="token interpolation" c-id="146.3485.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3486.9.0"> $ {据/span> 滑移据span class="token operator" c-id="146.3489.9.2"> /据/span> <span class="token number" c-id="146.3492.9.4"> 2据/span><span class="token interpolation-punctuation punctuation" c-id="146.3494.9.5"> }</span></span><span class="token string" c-id="146.3496.8.3"> px据/span><span class="token template-punctuation string" c-id="146.3498.8.4"> `</span></span><span class="token punctuation" c-id="146.3500.7.1036"> 那据/span> <span class="token punctuation" c-id="146.3503.7.1038"> }</span><span class="token punctuation" c-id="146.3505.7.1039"> ）据/span><span class="token punctuation" c-id="146.3507.7.1040"> ;据/span> <span class="token keyword" c-id="146.3510.7.1042"> 如果据/span> <span class="token punctuation" c-id="146.3513.7.1044"> （据/span> PARAMS据span class="token punctuation" c-id="146.3516.7.1046"> 。据/span> 影子据span class="token punctuation" c-id="146.3519.7.1048"> ）据/span> <span class="token punctuation" c-id="146.3522.7.1050"> {</span> <span class="token keyword" c-id="146.3525.7.1052"> 如果据/span> <span class="token punctuation" c-id="146.3528.7.1054"> （据/span> isHorizontal据span class="token punctuation" c-id="146.3531.7.1056"> ）据/span> <span class="token punctuation" c-id="146.3534.7.1058"> {</span> cubeShadowEl美元据span class="token punctuation" c-id="146.3537.7.1060"> 。据/span><span class="token function" c-id="146.3539.7.1061"> 变换据/span><span class="token punctuation" c-id="146.3541.7.1062"> （据/span><span class="token template-string" c-id="146.3543.7.1063"><span class="token template-punctuation string" c-id="146.3544.8.0"> `</span><span class="token string" c-id="146.3546.8.1"> translate3d (0 px,据/span><span class="token interpolation" c-id="146.3548.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3549.9.0"> $ {据/span><span class="token punctuation" c-id="146.3551.9.1"> （据/span> swiperWidth据span class="token operator" c-id="146.3554.9.3"> /据/span> <span class="token number" c-id="146.3557.9.5"> 2据/span><span class="token punctuation" c-id="146.3559.9.6"> ）据/span> <span class="token operator" c-id="146.3562.9.8"> +据/span> PARAMS据span class="token punctuation" c-id="146.3565.9.10"> 。据/span> ShadowOffset.据span class="token interpolation-punctuation punctuation" c-id="146.3568.9.12"> }</span></span><span class="token string" c-id="146.3570.8.3"> px,据/span><span class="token interpolation" c-id="146.3572.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.3573.9.0"> $ {据/span><span class="token operator" c-id="146.3575.9.1"> -据/span> swiperWidth据span class="token operator" c-id="146.3578.9.3"> /据/span> <span class="token number" c-id="146.3581.9.5"> 2据/span><span class="token interpolation-punctuation punctuation" c-id="146.3583.9.6"> }</span></span><span class="token string" c-id="146.3585.8.5"> px) rotateX(90deg) rotateZ(0deg)缩放(据/span><span class="token interpolation" c-id="146.3587.8.6"><span class="token interpolation-punctuation punctuation" c-id="146.3588.9.0"> $ {据/span> PARAMS据span class="token punctuation" c-id="146.3591.9.2"> 。据/span> shadowScale据span class="token interpolation-punctuation punctuation" c-id="146.3594.9.4"> }</span></span><span class="token string" c-id="146.3596.8.7"> ）据/span><span class="token template-punctuation string" c-id="146.3598.8.8"> `</span></span><span class="token punctuation" c-id="146.3600.7.1064"> ）据/span><span class="token punctuation" c-id="146.3602.7.1065"> ;据/span> <span class="token punctuation" c-id="146.3605.7.1067"> }</span> <span class="token keyword" c-id="146.3608.7.1069"> 别的据/span> <span class="token punctuation" c-id="146.3611.7.1071"> {</span> <span class="token keyword" c-id="146.3614.7.1073"> 常量据/span> shadowAngle据span class="token operator" c-id="146.3617.7.1075"> =</span> 数学据span class="token punctuation" c-id="146.3620.7.1077"> 。据/span><span class="token function" c-id="146.3622.7.1078"> ABS据/span><span class="token punctuation" c-id="146.3624.7.1079"> （据/span> wrapperRotate据span class="token punctuation" c-id="146.3627.7.1081"> ）据/span> <span class="token operator" c-id="146.3630.7.1083"> -据/span> <span class="token punctuation" c-id="146.3633.7.1085"> （据/span> 数学据span class="token punctuation" c-id="146.3636.7.1087"> 。据/span><span class="token function" c-id="146.3638.7.1088"> 地板上据/span><span class="token punctuation" c-id="146.3640.7.1089"> （据/span> 数学据span class="token punctuation" c-id="146.3643.7.1091"> 。据/span><span class="token function" c-id="146.3645.7.1092"> ABS据/span><span class="token punctuation" c-id="146.3647.7.1093"> （据/span> wrapperRotate据span class="token punctuation" c-id="146.3650.7.1095"> ）据/span> <span class="token operator" c-id="146.3653.7.1097"> /据/span> <span class="token number" c-id="146.3656.7.1099"> 90据/span><span class="token punctuation" c-id="146.3658.7.1100"> ）据/span> <span class="token operator" c-id="146.3661.7.1102"> *据/span> <span class="token number" c-id="146.3664.7.1104"> 90据/span><span class="token punctuation" c-id="146.3666.7.1105"> ）据/span><span class="token punctuation" c-id="146.3668.7.1106"> ;据/span> <span class="token keyword" c-id="146.3671.7.1108"> 常量据/span> 乘数据span class="token operator" c-id="146.3674.7.1110"> =</span> <span class="token number" c-id="146.3677.7.1112"> 1．5据/span> <span class="token operator" c-id="146.3680.7.1114"> -据/span> <span class="token punctuation" c-id="146.3683.7.1116"> （据/span> <span class="token punctuation" c-id="146.3686.7.1118"> （据/span> 数学据span class="token punctuation" c-id="146.3689.7.1120"> 。据/span><span class="token function" c-id="146.3691.7.1121"> 罪据/span><span class="token punctuation" c-id="146.3693.7.1122"> （据/span><span class="token punctuation" c-id="146.3695.7.1123"> （据/span> shadowAngle据span class="token operator" c-id="146.3698.7.1125"> *据/span> <span class="token number" c-id="146.3701.7.1127"> 2据/span> <span class="token operator" c-id="146.3704.7.1129"> *据/span> 数学据span class="token punctuation" c-id="146.3707.7.1131"> 。据/span><span class="token constant" c-id="146.3709.7.1132"> π据/span><span class="token punctuation" c-id="146.3711.7.1133"> ）据/span> <span class="token operator" c-id="146.3714.7.1135"> /据/span> <span class="token number" c-id="146.3717.7.1137"> 360据/span><span class="token punctuation" c-id="146.3719.7.1138"> ）据/span> <span class="token operator" c-id="146.3722.7.1140"> /据/span> <span class="token number" c-id="146.3725.7.1142"> 2据/span><span class="token punctuation" c-id="146.3727.7.1143"> ）据/span> <span class="token operator" c-id="146.3730.7.1145"> +据/span> <span class="token punctuation" c-id="146.3733.7.1147"> （据/span> 数学据span class="token punctuation" c-id="146.3736.7.1149"> 。据/span><span class="token function" c-id="146.3738.7.1150"> COS.据/span><span class="token punctuation" c-id="146.3740.7.1151"> （据/span><span class="token punctuation" c-id="146.3742.7.1152"> （据/span> shadowAngle据span class="token operator" c-id="146.3745.7.1154"> *据/span> <span class="token number" c-id="146.3748.7.1156"> 2据/span> <span class="token operator" c-id="146.3751.7.1158"> *据/span> 数学据span class="token punctuation" c-id="146.3754.7.1160"> 。据/span><span class="token constant" c-id="146.3756.7.1161"> π据/span><span class="token punctuation" c-id="146.3758.7.1162"> ）据/span> <span class="token operator" c-id="146.3761.7.1164"> /据/span> <span class="token number" c-id="146.3764.7.1166"> 360据/span><span class="token punctuation" c-id="146.3766.7.1167"> ）据/span> <span class="token operator" c-id="146.3769.7.1169"> /据/span> <span class="token number" c-id="146.3772.7.1171"> 2据/span><span class="token punctuation" c-id="146.3774.7.1172"> ）据/span> <span class="token punctuation" c-id="146.3777.7.1174"> ）据/span><span class="token punctuation" c-id="146.3779.7.1175"> ;据/span> <span class="token keyword" c-id="146.3782.7.1177"> 常量据/span> scale1据span class="token operator" c-id="146.3785.7.1179"> =</span> PARAMS据span class="token punctuation" c-id="146.3788.7.1181"> 。据/span> shadowScale据span class="token punctuation" c-id="146.3791.7.1183"> ;据/span> <span class="token keyword" c-id="146.3794.7.1185"> 常量据/span> scale2据span class="token operator" c-id="146.3797.7.1187"> =</span> PARAMS据span class="token punctuation" c-id="146.3800.7.1189"> 。据/span> shadowScale据span class="token operator" c-id="146.3803.7.1191"> /据/span> 乘数据span class="token punctuation" c-id="146.3806.7.1193"> ;据/span> <span class="token keyword" c-id="146.3809.7.1195"> 常量据/span> 抵消$ $据span class="token number" c-id="146.3812.7.1197"> 1据/span> <span class="token operator" c-id="146.3815.7.1199"> =</span> PARAMS据span class="token punctuation" c-id="146.3818.7.1201"> 。据/span> ShadowOffset.据span class="token punctuation" c-id="146.3821.7.1203"> ;据/span> cubeShadowEl美元据span class="token punctuation" c-id="146.3824.7.1205"> 。据/span><span class="token function" c-id="146.3826.7.1206"> 变换据/span><span class="token punctuation" c-id="146.3828.7.1207"> （据/span><span class="token template-string" c-id="146.3830.7.1208"><span class="token template-punctuation string" c-id="146.3831.8.0"> `</span><span class="token string" c-id="146.3833.8.1"> scale3d（据/span><span class="token interpolation" c-id="146.3835.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3836.9.0"> $ {据/span> scale1据span class="token interpolation-punctuation punctuation" c-id="146.3839.9.2"> }</span></span><span class="token string" c-id="146.3841.8.3"> ,1据/span><span class="token interpolation" c-id="146.3843.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.3844.9.0"> $ {据/span> scale2据span class="token interpolation-punctuation punctuation" c-id="146.3847.9.2"> }</span></span><span class="token string" c-id="146.3849.8.5"> ) translate3d (0 px,据/span><span class="token interpolation" c-id="146.3851.8.6"><span class="token interpolation-punctuation punctuation" c-id="146.3852.9.0"> $ {据/span><span class="token punctuation" c-id="146.3854.9.1"> （据/span> swiperHeight据span class="token operator" c-id="146.3857.9.3"> /据/span> <span class="token number" c-id="146.3860.9.5"> 2据/span><span class="token punctuation" c-id="146.3862.9.6"> ）据/span> <span class="token operator" c-id="146.3865.9.8"> +据/span> 抵消$ $据span class="token number" c-id="146.3868.9.10"> 1据/span><span class="token interpolation-punctuation punctuation" c-id="146.3870.9.11"> }</span></span><span class="token string" c-id="146.3872.8.7"> px,据/span><span class="token interpolation" c-id="146.3874.8.8"><span class="token interpolation-punctuation punctuation" c-id="146.3875.9.0"> $ {据/span><span class="token operator" c-id="146.3877.9.1"> -据/span> swiperHeight据span class="token operator" c-id="146.3880.9.3"> /据/span> <span class="token number" c-id="146.3883.9.5"> 2据/span> <span class="token operator" c-id="146.3886.9.7"> /据/span> scale2据span class="token interpolation-punctuation punctuation" c-id="146.3889.9.9"> }</span></span><span class="token string" c-id="146.3891.8.9"> 像素）rotateX（-90deg）据/span><span class="token template-punctuation string" c-id="146.3893.8.10"> `</span></span><span class="token punctuation" c-id="146.3895.7.1209"> ）据/span><span class="token punctuation" c-id="146.3897.7.1210"> ;据/span> <span class="token punctuation" c-id="146.3900.7.1212"> }</span> <span class="token punctuation" c-id="146.3903.7.1214"> }</span> <span class="token keyword" c-id="146.3906.7.1216"> 常量据/span> zFactor据span class="token operator" c-id="146.3909.7.1218"> =</span> <span class="token punctuation" c-id="146.3912.7.1220"> （据/span> 偷窃者据span class="token punctuation" c-id="146.3915.7.1222"> 。据/span> 浏览器据span class="token punctuation" c-id="146.3918.7.1224"> 。据/span> isSafari据span class="token operator" c-id="146.3921.7.1226"> ||据/span> 偷窃者据span class="token punctuation" c-id="146.3924.7.1228"> 。据/span> 浏览器据span class="token punctuation" c-id="146.3927.7.1230"> 。据/span> isUiWebView据span class="token punctuation" c-id="146.3930.7.1232"> ）据/span> <span class="token operator" c-id="146.3933.7.1234"> 还是</span> <span class="token punctuation" c-id="146.3936.7.1236"> （据/span><span class="token operator" c-id="146.3938.7.1237"> -据/span> 滑移据span class="token operator" c-id="146.3941.7.1239"> /据/span> <span class="token number" c-id="146.3944.7.1241"> 2据/span><span class="token punctuation" c-id="146.3946.7.1242"> ）据/span> <span class="token operator" c-id="146.3949.7.1244"> ：据/span> <span class="token number" c-id="146.3952.7.1246"> 0.据/span><span class="token punctuation" c-id="146.3954.7.1247"> ;据/span> wrapperEl美元据span class="token punctuation" c-id="146.3957.7.1249"> 。据/span><span class="token function" c-id="146.3959.7.1250"> 变换据/span><span class="token punctuation" c-id="146.3961.7.1251"> （据/span><span class="token template-string" c-id="146.3963.7.1252"><span class="token template-punctuation string" c-id="146.3964.8.0"> `</span><span class="token string" c-id="146.3966.8.1"> translate3d (0 px, 0,据/span><span class="token interpolation" c-id="146.3968.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.3969.9.0"> $ {据/span> zFactor据span class="token interpolation-punctuation punctuation" c-id="146.3972.9.2"> }</span></span><span class="token string" c-id="146.3974.8.3"> PX）rotateX（据/span><span class="token interpolation" c-id="146.3976.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.3977.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.3980.9.2"> 。据/span><span class="token function" c-id="146.3982.9.3"> isHorizontal据/span><span class="token punctuation" c-id="146.3984.9.4"> （据/span><span class="token punctuation" c-id="146.3986.9.5"> ）据/span> <span class="token operator" c-id="146.3989.9.7"> 还是</span> <span class="token number" c-id="146.3992.9.9"> 0.据/span> <span class="token operator" c-id="146.3995.9.11"> ：据/span> wrapperRotate据span class="token interpolation-punctuation punctuation" c-id="146.3998.9.13"> }</span></span><span class="token string" c-id="146.4000.8.5"> 度)rotateY (据/span><span class="token interpolation" c-id="146.4002.8.6"><span class="token interpolation-punctuation punctuation" c-id="146.4003.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.4006.9.2"> 。据/span><span class="token function" c-id="146.4008.9.3"> isHorizontal据/span><span class="token punctuation" c-id="146.4010.9.4"> （据/span><span class="token punctuation" c-id="146.4012.9.5"> ）据/span> <span class="token operator" c-id="146.4015.9.7"> 还是</span> <span class="token operator" c-id="146.4018.9.9"> -据/span> wrapperRotate据span class="token operator" c-id="146.4021.9.11"> ：据/span> <span class="token number" c-id="146.4024.9.13"> 0.据/span><span class="token interpolation-punctuation punctuation" c-id="146.4026.9.14"> }</span></span><span class="token string" c-id="146.4028.8.7"> 度）据/span><span class="token template-punctuation string" c-id="146.4030.8.8"> `</span></span><span class="token punctuation" c-id="146.4032.7.1253"> ）据/span><span class="token punctuation" c-id="146.4034.7.1254"> ;据/span> <span class="token punctuation" c-id="146.4037.7.1256"> }</span><span class="token punctuation" c-id="146.4039.7.1257"> 那据/span> <span class="token function-variable function" c-id="146.4042.7.1259"> setTransition据/span><span class="token operator" c-id="146.4044.7.1260"> ：据/span> <span class="token keyword" c-id="146.4047.7.1262"> 功能据/span><span class="token punctuation" c-id="146.4049.7.1263"> （据/span><span class="token parameter" c-id="146.4051.7.1264"> 期间据/span><span class="token punctuation" c-id="146.4053.7.1265"> ）据/span> <span class="token punctuation" c-id="146.4056.7.1267"> {</span> <span class="token keyword" c-id="146.4059.7.1269"> 常量据/span> 偷窃者据span class="token operator" c-id="146.4062.7.1271"> =</span> <span class="token keyword" c-id="146.4065.7.1273"> 这据/span><span class="token punctuation" c-id="146.4067.7.1274"> ;据/span> <span class="token keyword" c-id="146.4070.7.1276"> 常量据/span> <span class="token punctuation" c-id="146.4073.7.1278"> {</span> $ el.据span class="token punctuation" c-id="146.4076.7.1280"> 那据/span> 幻灯片据span class="token punctuation" c-id="146.4079.7.1282"> }</span> <span class="token operator" c-id="146.4082.7.1284"> =</span> 偷窃者据span class="token punctuation" c-id="146.4085.7.1286"> ;据/span> 幻灯片据span class="token punctuation" c-id="146.4088.7.1288"> 。据/span><span class="token function" c-id="146.4090.7.1289"> 过渡据/span><span class="token punctuation" c-id="146.4092.7.1290"> （据/span> 期间据span class="token punctuation" c-id="146.4095.7.1292"> ）据/span> <span class="token punctuation" c-id="146.4098.7.1294"> 。据/span><span class="token function" c-id="146.4100.7.1295"> 找据/span><span class="token punctuation" c-id="146.4102.7.1296"> （据/span><span class="token string" c-id="146.4104.7.1297"> '.swiper-滑动阴影顶部，.swiper-滑动阴影右，.swiper-滑动阴影底部，.swiper-滑动阴影左'据/span><span class="token punctuation" c-id="146.4106.7.1298"> ）据/span> <span class="token punctuation" c-id="146.4109.7.1300"> 。据/span><span class="token function" c-id="146.4111.7.1301"> 过渡据/span><span class="token punctuation" c-id="146.4113.7.1302"> （据/span> 期间据span class="token punctuation" c-id="146.4116.7.1304"> ）据/span><span class="token punctuation" c-id="146.4118.7.1305"> ;据/span> <span class="token keyword" c-id="146.4121.7.1307"> 如果据/span> <span class="token punctuation" c-id="146.4124.7.1309"> （据/span> 偷窃者据span class="token punctuation" c-id="146.4127.7.1311"> 。据/span> PARAMS据span class="token punctuation" c-id="146.4130.7.1313"> 。据/span> cubeEffect据span class="token punctuation" c-id="146.4133.7.1315"> 。据/span> 影子据span class="token operator" c-id="146.4136.7.1317"> &&据/span> <span class="token operator" c-id="146.4139.7.1319"> ！！据/span> 偷窃者据span class="token punctuation" c-id="146.4142.7.1321"> 。据/span><span class="token function" c-id="146.4144.7.1322"> isHorizontal据/span><span class="token punctuation" c-id="146.4146.7.1323"> （据/span><span class="token punctuation" c-id="146.4148.7.1324"> ）据/span><span class="token punctuation" c-id="146.4150.7.1325"> ）据/span> <span class="token punctuation" c-id="146.4153.7.1327"> {</span> $ el.据span class="token punctuation" c-id="146.4156.7.1329"> 。据/span><span class="token function" c-id="146.4158.7.1330"> 找据/span><span class="token punctuation" c-id="146.4160.7.1331"> （据/span><span class="token string" c-id="146.4162.7.1332"> “.swiper-cube-shadow”据/span><span class="token punctuation" c-id="146.4164.7.1333"> ）据/span><span class="token punctuation" c-id="146.4166.7.1334"> 。据/span><span class="token function" c-id="146.4168.7.1335"> 过渡据/span><span class="token punctuation" c-id="146.4170.7.1336"> （据/span> 期间据span class="token punctuation" c-id="146.4173.7.1338"> ）据/span><span class="token punctuation" c-id="146.4175.7.1339"> ;据/span> <span class="token punctuation" c-id="146.4178.7.1341"> }</span> <span class="token punctuation" c-id="146.4181.7.1343"> }</span><span class="token punctuation" c-id="146.4183.7.1344"> 那据/span> <span class="token punctuation" c-id="146.4186.7.1346"> }</span> <span class="token punctuation" c-id="146.4189.7.1348"> }</span></code></pre>  <div class="code-text__copy" c-id="158.0.0.0"> <a class="code-text__copy-link" c-id="158.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="158.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="158.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="158.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <h3 id="fade" c-id="146.4193.4.54"> <a href="#fade" c-id="146.4195.5.1"> 褪色据/a> </h3>  <docs-code language="typescript" class="hydrated" c-id="146.4199.4.56" s-id="159">   <pre c-id="146.4201.5.1"><code c-id="146.4202.6.0"><span class="token keyword" c-id="146.4203.7.0"> 常量据/span> slideOpts据span class="token operator" c-id="146.4206.7.2"> =</span> <span class="token punctuation" c-id="146.4209.7.4"> {</span> 在据span class="token operator" c-id="146.4212.7.6"> ：据/span> <span class="token punctuation" c-id="146.4215.7.8"> {</span> <span class="token function" c-id="146.4218.7.10"> before据/span><span class="token punctuation" c-id="146.4220.7.11"> （据/span><span class="token punctuation" c-id="146.4222.7.12"> ）据/span> <span class="token punctuation" c-id="146.4225.7.14"> {</span> <span class="token keyword" c-id="146.4228.7.16"> 常量据/span> 偷窃者据span class="token operator" c-id="146.4231.7.18"> =</span> <span class="token keyword" c-id="146.4234.7.20"> 这据/span><span class="token punctuation" c-id="146.4236.7.21"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.4239.7.23"> 。据/span> 类名据span class="token punctuation" c-id="146.4242.7.25"> 。据/span><span class="token function" c-id="146.4244.7.26"> 推据/span><span class="token punctuation" c-id="146.4246.7.27"> （据/span><span class="token template-string" c-id="146.4248.7.28"><span class="token template-punctuation string" c-id="146.4249.8.0"> `</span><span class="token interpolation" c-id="146.4251.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.4252.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.4255.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.4258.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.4261.9.6"> }</span></span><span class="token string" c-id="146.4263.8.2"> 褪色据/span><span class="token template-punctuation string" c-id="146.4265.8.3"> `</span></span><span class="token punctuation" c-id="146.4267.7.29"> ）据/span><span class="token punctuation" c-id="146.4269.7.30"> ;据/span> <span class="token keyword" c-id="146.4272.7.32"> 常量据/span> 过度覆盖物据span class="token operator" c-id="146.4275.7.34"> =</span> <span class="token punctuation" c-id="146.4278.7.36"> {</span> slidesPerView据span class="token operator" c-id="146.4281.7.38"> ：据/span> <span class="token number" c-id="146.4284.7.40"> 1据/span><span class="token punctuation" c-id="146.4286.7.41"> 那据/span> 滑动分子汇据span class="token operator" c-id="146.4289.7.43"> ：据/span> <span class="token number" c-id="146.4292.7.45"> 1据/span><span class="token punctuation" c-id="146.4294.7.46"> 那据/span> slidesPerGroup据span class="token operator" c-id="146.4297.7.48"> ：据/span> <span class="token number" c-id="146.4300.7.50"> 1据/span><span class="token punctuation" c-id="146.4302.7.51"> 那据/span> watchSlidesProgress据span class="token operator" c-id="146.4305.7.53"> ：据/span> <span class="token boolean" c-id="146.4308.7.55"> 真正的据/span><span class="token punctuation" c-id="146.4310.7.56"> 那据/span> spaceBetween据span class="token operator" c-id="146.4313.7.58"> ：据/span> <span class="token number" c-id="146.4316.7.60"> 0.据/span><span class="token punctuation" c-id="146.4318.7.61"> 那据/span> virtualTranslate据span class="token operator" c-id="146.4321.7.63"> ：据/span> <span class="token boolean" c-id="146.4324.7.65"> 真正的据/span><span class="token punctuation" c-id="146.4326.7.66"> 那据/span> <span class="token punctuation" c-id="146.4329.7.68"> }</span><span class="token punctuation" c-id="146.4331.7.69"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.4334.7.71"> 。据/span> PARAMS据span class="token operator" c-id="146.4337.7.73"> =</span> 目的据span class="token punctuation" c-id="146.4340.7.75"> 。据/span><span class="token function" c-id="146.4342.7.76"> 分配据/span><span class="token punctuation" c-id="146.4344.7.77"> （据/span> 偷窃者据span class="token punctuation" c-id="146.4347.7.79"> 。据/span> PARAMS据span class="token punctuation" c-id="146.4350.7.81"> 那据/span> 过度覆盖物据span class="token punctuation" c-id="146.4353.7.83"> ）据/span><span class="token punctuation" c-id="146.4355.7.84"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.4358.7.86"> 。据/span> PARAMS据span class="token operator" c-id="146.4361.7.88"> =</span> 目的据span class="token punctuation" c-id="146.4364.7.90"> 。据/span><span class="token function" c-id="146.4366.7.91"> 分配据/span><span class="token punctuation" c-id="146.4368.7.92"> （据/span> 偷窃者据span class="token punctuation" c-id="146.4371.7.94"> 。据/span> originalParams据span class="token punctuation" c-id="146.4374.7.96"> 那据/span> 过度覆盖物据span class="token punctuation" c-id="146.4377.7.98"> ）据/span><span class="token punctuation" c-id="146.4379.7.99"> ;据/span> <span class="token punctuation" c-id="146.4382.7.101"> }</span><span class="token punctuation" c-id="146.4384.7.102"> 那据/span> <span class="token function" c-id="146.4387.7.104"> setTranslate据/span><span class="token punctuation" c-id="146.4389.7.105"> （据/span><span class="token punctuation" c-id="146.4391.7.106"> ）据/span> <span class="token punctuation" c-id="146.4394.7.108"> {</span> <span class="token keyword" c-id="146.4397.7.110"> 常量据/span> 偷窃者据span class="token operator" c-id="146.4400.7.112"> =</span> <span class="token keyword" c-id="146.4403.7.114"> 这据/span><span class="token punctuation" c-id="146.4405.7.115"> ;据/span> <span class="token keyword" c-id="146.4408.7.117"> 常量据/span> <span class="token punctuation" c-id="146.4411.7.119"> {</span> 幻灯片据span class="token punctuation" c-id="146.4414.7.121"> }</span> <span class="token operator" c-id="146.4417.7.123"> =</span> 偷窃者据span class="token punctuation" c-id="146.4420.7.125"> ;据/span> <span class="token keyword" c-id="146.4423.7.127"> 为了据/span> <span class="token punctuation" c-id="146.4426.7.129"> （据/span><span class="token keyword" c-id="146.4428.7.130"> 让据/span> 一世据span class="token operator" c-id="146.4431.7.132"> =</span> <span class="token number" c-id="146.4434.7.134"> 0.据/span><span class="token punctuation" c-id="146.4436.7.135"> ;据/span> 一世据span class="token operator" c-id="146.4439.7.137"> 据</span> 幻灯片据span class="token punctuation" c-id="146.4442.7.139"> 。据/span> 长度据span class="token punctuation" c-id="146.4445.7.141"> ;据/span> 一世据span class="token operator" c-id="146.4448.7.143"> + =据/span> <span class="token number" c-id="146.4451.7.145"> 1据/span><span class="token punctuation" c-id="146.4453.7.146"> ）据/span> <span class="token punctuation" c-id="146.4456.7.148"> {</span> <span class="token keyword" c-id="146.4459.7.150"> 常量据/span> $ slideEl据span class="token operator" c-id="146.4462.7.152"> =</span> 偷窃者据span class="token punctuation" c-id="146.4465.7.154"> 。据/span> 幻灯片据span class="token punctuation" c-id="146.4468.7.156"> 。据/span><span class="token function" c-id="146.4470.7.157"> eq.据/span><span class="token punctuation" c-id="146.4472.7.158"> （据/span> 一世据span class="token punctuation" c-id="146.4475.7.160"> ）据/span><span class="token punctuation" c-id="146.4477.7.161"> ;据/span> <span class="token keyword" c-id="146.4480.7.163"> 常量据/span> 抵消$ $据span class="token number" c-id="146.4483.7.165"> 1据/span> <span class="token operator" c-id="146.4486.7.167"> =</span> $ slideEl据span class="token punctuation" c-id="146.4489.7.169"> [</span><span class="token number" c-id="146.4491.7.170"> 0.据/span><span class="token punctuation" c-id="146.4493.7.171"> ]</span><span class="token punctuation" c-id="146.4495.7.172"> 。据/span> swiperSlideOffset据span class="token punctuation" c-id="146.4498.7.174"> ;据/span> <span class="token keyword" c-id="146.4501.7.176"> 让据/span> tx据span class="token operator" c-id="146.4504.7.178"> =</span> <span class="token operator" c-id="146.4507.7.180"> -据/span> 抵消$ $据span class="token number" c-id="146.4510.7.182"> 1据/span><span class="token punctuation" c-id="146.4512.7.183"> ;据/span> <span class="token keyword" c-id="146.4515.7.185"> 如果据/span> <span class="token punctuation" c-id="146.4518.7.187"> （据/span><span class="token operator" c-id="146.4520.7.188"> ！！据/span> 偷窃者据span class="token punctuation" c-id="146.4523.7.190"> 。据/span> PARAMS据span class="token punctuation" c-id="146.4526.7.192"> 。据/span> virtualTranslate据span class="token punctuation" c-id="146.4529.7.194"> ）据/span> tx据span class="token operator" c-id="146.4532.7.196"> - =据/span> 偷窃者据span class="token punctuation" c-id="146.4535.7.198"> 。据/span> 翻译据span class="token punctuation" c-id="146.4538.7.200"> ;据/span> <span class="token keyword" c-id="146.4541.7.202"> 让据/span> 泰据span class="token operator" c-id="146.4544.7.204"> =</span> <span class="token number" c-id="146.4547.7.206"> 0.据/span><span class="token punctuation" c-id="146.4549.7.207"> ;据/span> <span class="token keyword" c-id="146.4552.7.209"> 如果据/span> <span class="token punctuation" c-id="146.4555.7.211"> （据/span><span class="token operator" c-id="146.4557.7.212"> ！！据/span> 偷窃者据span class="token punctuation" c-id="146.4560.7.214"> 。据/span><span class="token function" c-id="146.4562.7.215"> isHorizontal据/span><span class="token punctuation" c-id="146.4564.7.216"> （据/span><span class="token punctuation" c-id="146.4566.7.217"> ）据/span><span class="token punctuation" c-id="146.4568.7.218"> ）据/span> <span class="token punctuation" c-id="146.4571.7.220"> {</span> 泰据span class="token operator" c-id="146.4574.7.222"> =</span> tx据span class="token punctuation" c-id="146.4577.7.224"> ;据/span> tx据span class="token operator" c-id="146.4580.7.226"> =</span> <span class="token number" c-id="146.4583.7.228"> 0.据/span><span class="token punctuation" c-id="146.4585.7.229"> ;据/span> <span class="token punctuation" c-id="146.4588.7.231"> }</span> <span class="token keyword" c-id="146.4591.7.233"> 常量据/span> slideOpacity据span class="token operator" c-id="146.4594.7.235"> =</span> 偷窃者据span class="token punctuation" c-id="146.4597.7.237"> 。据/span> PARAMS据span class="token punctuation" c-id="146.4600.7.239"> 。据/span> fadeEffect据span class="token punctuation" c-id="146.4603.7.241"> 。据/span> 淡入淡出据span class="token operator" c-id="146.4606.7.243"> 还是</span> 数学据span class="token punctuation" c-id="146.4609.7.245"> 。据/span><span class="token function" c-id="146.4611.7.246"> 最大限度据/span><span class="token punctuation" c-id="146.4613.7.247"> （据/span><span class="token number" c-id="146.4615.7.248"> 1据/span> <span class="token operator" c-id="146.4618.7.250"> -据/span> 数学据span class="token punctuation" c-id="146.4621.7.252"> 。据/span><span class="token function" c-id="146.4623.7.253"> ABS据/span><span class="token punctuation" c-id="146.4625.7.254"> （据/span> $ slideEl据span class="token punctuation" c-id="146.4628.7.256"> [</span><span class="token number" c-id="146.4630.7.257"> 0.据/span><span class="token punctuation" c-id="146.4632.7.258"> ]</span><span class="token punctuation" c-id="146.4634.7.259"> 。据/span> 进步据span class="token punctuation" c-id="146.4637.7.261"> ）据/span><span class="token punctuation" c-id="146.4639.7.262"> 那据/span> <span class="token number" c-id="146.4642.7.264"> 0.据/span><span class="token punctuation" c-id="146.4644.7.265"> ）据/span> <span class="token operator" c-id="146.4647.7.267"> ：据/span> <span class="token number" c-id="146.4650.7.269"> 1据/span> <span class="token operator" c-id="146.4653.7.271"> +据/span> 数学据span class="token punctuation" c-id="146.4656.7.273"> 。据/span><span class="token function" c-id="146.4658.7.274"> 最小值据/span><span class="token punctuation" c-id="146.4660.7.275"> （据/span> 数学据span class="token punctuation" c-id="146.4663.7.277"> 。据/span><span class="token function" c-id="146.4665.7.278"> 最大限度据/span><span class="token punctuation" c-id="146.4667.7.279"> （据/span> $ slideEl据span class="token punctuation" c-id="146.4670.7.281"> [</span><span class="token number" c-id="146.4672.7.282"> 0.据/span><span class="token punctuation" c-id="146.4674.7.283"> ]</span><span class="token punctuation" c-id="146.4676.7.284"> 。据/span> 进步据span class="token punctuation" c-id="146.4679.7.286"> 那据/span> <span class="token operator" c-id="146.4682.7.288"> -据/span><span class="token number" c-id="146.4684.7.289"> 1据/span><span class="token punctuation" c-id="146.4686.7.290"> ）据/span><span class="token punctuation" c-id="146.4688.7.291"> 那据/span> <span class="token number" c-id="146.4691.7.293"> 0.据/span><span class="token punctuation" c-id="146.4693.7.294"> ）据/span><span class="token punctuation" c-id="146.4695.7.295"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.4698.7.297"> 。据/span><span class="token function" c-id="146.4700.7.298"> css据/span><span class="token punctuation" c-id="146.4702.7.299"> （据/span><span class="token punctuation" c-id="146.4704.7.300"> {</span> 不透明度据span class="token operator" c-id="146.4707.7.302"> ：据/span> slideOpacity据span class="token punctuation" c-id="146.4710.7.304"> 那据/span> <span class="token punctuation" c-id="146.4713.7.306"> }</span><span class="token punctuation" c-id="146.4715.7.307"> ）据/span> <span class="token punctuation" c-id="146.4718.7.309"> 。据/span><span class="token function" c-id="146.4720.7.310"> 变换据/span><span class="token punctuation" c-id="146.4722.7.311"> （据/span><span class="token template-string" c-id="146.4724.7.312"><span class="token template-punctuation string" c-id="146.4725.8.0"> `</span><span class="token string" c-id="146.4727.8.1"> translate3d（据/span><span class="token interpolation" c-id="146.4729.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.4730.9.0"> $ {据/span> tx据span class="token interpolation-punctuation punctuation" c-id="146.4733.9.2"> }</span></span><span class="token string" c-id="146.4735.8.3"> px,据/span><span class="token interpolation" c-id="146.4737.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.4738.9.0"> $ {据/span> 泰据span class="token interpolation-punctuation punctuation" c-id="146.4741.9.2"> }</span></span><span class="token string" c-id="146.4743.8.5"> px, 0 px)据/span><span class="token template-punctuation string" c-id="146.4745.8.6"> `</span></span><span class="token punctuation" c-id="146.4747.7.313"> ）据/span><span class="token punctuation" c-id="146.4749.7.314"> ;据/span> <span class="token punctuation" c-id="146.4752.7.316"> }</span> <span class="token punctuation" c-id="146.4755.7.318"> }</span><span class="token punctuation" c-id="146.4757.7.319"> 那据/span> <span class="token function" c-id="146.4760.7.321"> setTransition据/span><span class="token punctuation" c-id="146.4762.7.322"> （据/span><span class="token parameter" c-id="146.4764.7.323"> 期间据/span><span class="token punctuation" c-id="146.4766.7.324"> ）据/span> <span class="token punctuation" c-id="146.4769.7.326"> {</span> <span class="token keyword" c-id="146.4772.7.328"> 常量据/span> 偷窃者据span class="token operator" c-id="146.4775.7.330"> =</span> <span class="token keyword" c-id="146.4778.7.332"> 这据/span><span class="token punctuation" c-id="146.4780.7.333"> ;据/span> <span class="token keyword" c-id="146.4783.7.335"> 常量据/span> <span class="token punctuation" c-id="146.4786.7.337"> {</span> 幻灯片据span class="token punctuation" c-id="146.4789.7.339"> 那据/span> wrapperEl美元据span class="token punctuation" c-id="146.4792.7.341"> }</span> <span class="token operator" c-id="146.4795.7.343"> =</span> 偷窃者据span class="token punctuation" c-id="146.4798.7.345"> ;据/span> 幻灯片据span class="token punctuation" c-id="146.4801.7.347"> 。据/span><span class="token function" c-id="146.4803.7.348"> 过渡据/span><span class="token punctuation" c-id="146.4805.7.349"> （据/span> 期间据span class="token punctuation" c-id="146.4808.7.351"> ）据/span><span class="token punctuation" c-id="146.4810.7.352"> ;据/span> <span class="token keyword" c-id="146.4813.7.354"> 如果据/span> <span class="token punctuation" c-id="146.4816.7.356"> （据/span> 偷窃者据span class="token punctuation" c-id="146.4819.7.358"> 。据/span> PARAMS据span class="token punctuation" c-id="146.4822.7.360"> 。据/span> virtualTranslate据span class="token operator" c-id="146.4825.7.362"> &&据/span> 期间据span class="token operator" c-id="146.4828.7.364"> ！==据/span> <span class="token number" c-id="146.4831.7.366"> 0.据/span><span class="token punctuation" c-id="146.4833.7.367"> ）据/span> <span class="token punctuation" c-id="146.4836.7.369"> {</span> <span class="token keyword" c-id="146.4839.7.371"> 让据/span> eventTriggered据span class="token operator" c-id="146.4842.7.373"> =</span> <span class="token boolean" c-id="146.4845.7.375"> 错误的据/span><span class="token punctuation" c-id="146.4847.7.376"> ;据/span> 幻灯片据span class="token punctuation" c-id="146.4850.7.378"> 。据/span><span class="token function" c-id="146.4852.7.379"> transitionEnd据/span><span class="token punctuation" c-id="146.4854.7.380"> （据/span><span class="token punctuation" c-id="146.4856.7.381"> （据/span><span class="token punctuation" c-id="146.4858.7.382"> ）据/span> <span class="token operator" c-id="146.4861.7.384"> =>据/span> <span class="token punctuation" c-id="146.4864.7.386"> {</span> <span class="token keyword" c-id="146.4867.7.388"> 如果据/span> <span class="token punctuation" c-id="146.4870.7.390"> （据/span> eventTriggered据span class="token punctuation" c-id="146.4873.7.392"> ）据/span> <span class="token keyword" c-id="146.4876.7.394"> 返回据/span><span class="token punctuation" c-id="146.4878.7.395"> ;据/span> <span class="token keyword" c-id="146.4881.7.397"> 如果据/span> <span class="token punctuation" c-id="146.4884.7.399"> （据/span><span class="token operator" c-id="146.4886.7.400"> ！！据/span> 偷窃者据span class="token operator" c-id="146.4889.7.402"> ||据/span> 偷窃者据span class="token punctuation" c-id="146.4892.7.404"> 。据/span> 销毁据span class="token punctuation" c-id="146.4895.7.406"> ）据/span> <span class="token keyword" c-id="146.4898.7.408"> 返回据/span><span class="token punctuation" c-id="146.4900.7.409"> ;据/span> eventTriggered据span class="token operator" c-id="146.4903.7.411"> =</span> <span class="token boolean" c-id="146.4906.7.413"> 真正的据/span><span class="token punctuation" c-id="146.4908.7.414"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.4911.7.416"> 。据/span> 动画据span class="token operator" c-id="146.4914.7.418"> =</span> <span class="token boolean" c-id="146.4917.7.420"> 错误的据/span><span class="token punctuation" c-id="146.4919.7.421"> ;据/span> <span class="token keyword" c-id="146.4922.7.423"> 常量据/span> triggerEvents据span class="token operator" c-id="146.4925.7.425"> =</span> <span class="token punctuation" c-id="146.4928.7.427"> [</span><span class="token string" c-id="146.4930.7.428"> 'webkitTransitionEnd'据/span><span class="token punctuation" c-id="146.4932.7.429"> 那据/span> <span class="token string" c-id="146.4935.7.431"> 'transitionend'据/span><span class="token punctuation" c-id="146.4937.7.432"> ]</span><span class="token punctuation" c-id="146.4939.7.433"> ;据/span> <span class="token keyword" c-id="146.4942.7.435"> 为了据/span> <span class="token punctuation" c-id="146.4945.7.437"> （据/span><span class="token keyword" c-id="146.4947.7.438"> 让据/span> 一世据span class="token operator" c-id="146.4950.7.440"> =</span> <span class="token number" c-id="146.4953.7.442"> 0.据/span><span class="token punctuation" c-id="146.4955.7.443"> ;据/span> 一世据span class="token operator" c-id="146.4958.7.445"> 据</span> triggerEvents据span class="token punctuation" c-id="146.4961.7.447"> 。据/span> 长度据span class="token punctuation" c-id="146.4964.7.449"> ;据/span> 一世据span class="token operator" c-id="146.4967.7.451"> + =据/span> <span class="token number" c-id="146.4970.7.453"> 1据/span><span class="token punctuation" c-id="146.4972.7.454"> ）据/span> <span class="token punctuation" c-id="146.4975.7.456"> {</span> wrapperEl美元据span class="token punctuation" c-id="146.4978.7.458"> 。据/span><span class="token function" c-id="146.4980.7.459"> 扳机据/span><span class="token punctuation" c-id="146.4982.7.460"> （据/span> triggerEvents据span class="token punctuation" c-id="146.4985.7.462"> [</span> 一世据span class="token punctuation" c-id="146.4988.7.464"> ]</span><span class="token punctuation" c-id="146.4990.7.465"> ）据/span><span class="token punctuation" c-id="146.4992.7.466"> ;据/span> <span class="token punctuation" c-id="146.4995.7.468"> }</span> <span class="token punctuation" c-id="146.4998.7.470"> }</span><span class="token punctuation" c-id="146.5000.7.471"> ）据/span><span class="token punctuation" c-id="146.5002.7.472"> ;据/span> <span class="token punctuation" c-id="146.5005.7.474"> }</span> <span class="token punctuation" c-id="146.5008.7.476"> }</span><span class="token punctuation" c-id="146.5010.7.477"> 那据/span> <span class="token punctuation" c-id="146.5013.7.479"> }</span> <span class="token punctuation" c-id="146.5016.7.481"> }</span></code></pre>  <div class="code-text__copy" c-id="159.0.0.0"> <a class="code-text__copy-link" c-id="159.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="159.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="159.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="159.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <h3 id="flip" c-id="146.5020.4.58"> <a href="#flip" c-id="146.5022.5.1"> 翻动据/a> </h3>  <docs-code language="typescript" class="hydrated" c-id="146.5026.4.60" s-id="160">   <pre c-id="146.5028.5.1"><code c-id="146.5029.6.0"><span class="token keyword" c-id="146.5030.7.0"> 常量据/span> slideOpts据span class="token operator" c-id="146.5033.7.2"> =</span> <span class="token punctuation" c-id="146.5036.7.4"> {</span> 在据span class="token operator" c-id="146.5039.7.6"> ：据/span> <span class="token punctuation" c-id="146.5042.7.8"> {</span> <span class="token function" c-id="146.5045.7.10"> before据/span><span class="token punctuation" c-id="146.5047.7.11"> （据/span><span class="token punctuation" c-id="146.5049.7.12"> ）据/span> <span class="token punctuation" c-id="146.5052.7.14"> {</span> <span class="token keyword" c-id="146.5055.7.16"> 常量据/span> 偷窃者据span class="token operator" c-id="146.5058.7.18"> =</span> <span class="token keyword" c-id="146.5061.7.20"> 这据/span><span class="token punctuation" c-id="146.5063.7.21"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.5066.7.23"> 。据/span> 类名据span class="token punctuation" c-id="146.5069.7.25"> 。据/span><span class="token function" c-id="146.5071.7.26"> 推据/span><span class="token punctuation" c-id="146.5073.7.27"> （据/span><span class="token template-string" c-id="146.5075.7.28"><span class="token template-punctuation string" c-id="146.5076.8.0"> `</span><span class="token interpolation" c-id="146.5078.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.5079.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.5082.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.5085.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.5088.9.6"> }</span></span><span class="token string" c-id="146.5090.8.2"> 翻动据/span><span class="token template-punctuation string" c-id="146.5092.8.3"> `</span></span><span class="token punctuation" c-id="146.5094.7.29"> ）据/span><span class="token punctuation" c-id="146.5096.7.30"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.5099.7.32"> 。据/span> 类名据span class="token punctuation" c-id="146.5102.7.34"> 。据/span><span class="token function" c-id="146.5104.7.35"> 推据/span><span class="token punctuation" c-id="146.5106.7.36"> （据/span><span class="token template-string" c-id="146.5108.7.37"><span class="token template-punctuation string" c-id="146.5109.8.0"> `</span><span class="token interpolation" c-id="146.5111.8.1"><span class="token interpolation-punctuation punctuation" c-id="146.5112.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.5115.9.2"> 。据/span> PARAMS据span class="token punctuation" c-id="146.5118.9.4"> 。据/span> containerModifierClass据span class="token interpolation-punctuation punctuation" c-id="146.5121.9.6"> }</span></span><span class="token string" c-id="146.5123.8.2"> 3 d据/span><span class="token template-punctuation string" c-id="146.5125.8.3"> `</span></span><span class="token punctuation" c-id="146.5127.7.38"> ）据/span><span class="token punctuation" c-id="146.5129.7.39"> ;据/span> <span class="token keyword" c-id="146.5132.7.41"> 常量据/span> 过度覆盖物据span class="token operator" c-id="146.5135.7.43"> =</span> <span class="token punctuation" c-id="146.5138.7.45"> {</span> slidesPerView据span class="token operator" c-id="146.5141.7.47"> ：据/span> <span class="token number" c-id="146.5144.7.49"> 1据/span><span class="token punctuation" c-id="146.5146.7.50"> 那据/span> 滑动分子汇据span class="token operator" c-id="146.5149.7.52"> ：据/span> <span class="token number" c-id="146.5152.7.54"> 1据/span><span class="token punctuation" c-id="146.5154.7.55"> 那据/span> slidesPerGroup据span class="token operator" c-id="146.5157.7.57"> ：据/span> <span class="token number" c-id="146.5160.7.59"> 1据/span><span class="token punctuation" c-id="146.5162.7.60"> 那据/span> watchSlidesProgress据span class="token operator" c-id="146.5165.7.62"> ：据/span> <span class="token boolean" c-id="146.5168.7.64"> 真正的据/span><span class="token punctuation" c-id="146.5170.7.65"> 那据/span> spaceBetween据span class="token operator" c-id="146.5173.7.67"> ：据/span> <span class="token number" c-id="146.5176.7.69"> 0.据/span><span class="token punctuation" c-id="146.5178.7.70"> 那据/span> virtualTranslate据span class="token operator" c-id="146.5181.7.72"> ：据/span> <span class="token boolean" c-id="146.5184.7.74"> 真正的据/span><span class="token punctuation" c-id="146.5186.7.75"> 那据/span> <span class="token punctuation" c-id="146.5189.7.77"> }</span><span class="token punctuation" c-id="146.5191.7.78"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.5194.7.80"> 。据/span> PARAMS据span class="token operator" c-id="146.5197.7.82"> =</span> 目的据span class="token punctuation" c-id="146.5200.7.84"> 。据/span><span class="token function" c-id="146.5202.7.85"> 分配据/span><span class="token punctuation" c-id="146.5204.7.86"> （据/span> 偷窃者据span class="token punctuation" c-id="146.5207.7.88"> 。据/span> PARAMS据span class="token punctuation" c-id="146.5210.7.90"> 那据/span> 过度覆盖物据span class="token punctuation" c-id="146.5213.7.92"> ）据/span><span class="token punctuation" c-id="146.5215.7.93"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.5218.7.95"> 。据/span> originalParams据span class="token operator" c-id="146.5221.7.97"> =</span> 目的据span class="token punctuation" c-id="146.5224.7.99"> 。据/span><span class="token function" c-id="146.5226.7.100"> 分配据/span><span class="token punctuation" c-id="146.5228.7.101"> （据/span> 偷窃者据span class="token punctuation" c-id="146.5231.7.103"> 。据/span> originalParams据span class="token punctuation" c-id="146.5234.7.105"> 那据/span> 过度覆盖物据span class="token punctuation" c-id="146.5237.7.107"> ）据/span><span class="token punctuation" c-id="146.5239.7.108"> ;据/span> <span class="token punctuation" c-id="146.5242.7.110"> }</span><span class="token punctuation" c-id="146.5244.7.111"> 那据/span> <span class="token function" c-id="146.5247.7.113"> setTranslate据/span><span class="token punctuation" c-id="146.5249.7.114"> （据/span><span class="token punctuation" c-id="146.5251.7.115"> ）据/span> <span class="token punctuation" c-id="146.5254.7.117"> {</span> <span class="token keyword" c-id="146.5257.7.119"> 常量据/span> 偷窃者据span class="token operator" c-id="146.5260.7.121"> =</span> <span class="token keyword" c-id="146.5263.7.123"> 这据/span><span class="token punctuation" c-id="146.5265.7.124"> ;据/span> <span class="token keyword" c-id="146.5268.7.126"> 常量据/span> <span class="token punctuation" c-id="146.5271.7.128"> {</span> $据span class="token punctuation" c-id="146.5274.7.130"> 那据/span> 幻灯片据span class="token punctuation" c-id="146.5277.7.132"> 那据/span> Rtltranslate.据span class="token operator" c-id="146.5280.7.134"> ：据/span> rtl据span class="token punctuation" c-id="146.5283.7.136"> }</span> <span class="token operator" c-id="146.5286.7.138"> =</span> 偷窃者据span class="token punctuation" c-id="146.5289.7.140"> ;据/span> <span class="token keyword" c-id="146.5292.7.142"> 为了据/span> <span class="token punctuation" c-id="146.5295.7.144"> （据/span><span class="token keyword" c-id="146.5297.7.145"> 让据/span> 一世据span class="token operator" c-id="146.5300.7.147"> =</span> <span class="token number" c-id="146.5303.7.149"> 0.据/span><span class="token punctuation" c-id="146.5305.7.150"> ;据/span> 一世据span class="token operator" c-id="146.5308.7.152"> 据</span> 幻灯片据span class="token punctuation" c-id="146.5311.7.154"> 。据/span> 长度据span class="token punctuation" c-id="146.5314.7.156"> ;据/span> 一世据span class="token operator" c-id="146.5317.7.158"> + =据/span> <span class="token number" c-id="146.5320.7.160"> 1据/span><span class="token punctuation" c-id="146.5322.7.161"> ）据/span> <span class="token punctuation" c-id="146.5325.7.163"> {</span> <span class="token keyword" c-id="146.5328.7.165"> 常量据/span> $ slideEl据span class="token operator" c-id="146.5331.7.167"> =</span> 幻灯片据span class="token punctuation" c-id="146.5334.7.169"> 。据/span><span class="token function" c-id="146.5336.7.170"> eq.据/span><span class="token punctuation" c-id="146.5338.7.171"> （据/span> 一世据span class="token punctuation" c-id="146.5341.7.173"> ）据/span><span class="token punctuation" c-id="146.5343.7.174"> ;据/span> <span class="token keyword" c-id="146.5346.7.176"> 让据/span> 进步据span class="token operator" c-id="146.5349.7.178"> =</span> $ slideEl据span class="token punctuation" c-id="146.5352.7.180"> [</span><span class="token number" c-id="146.5354.7.181"> 0.据/span><span class="token punctuation" c-id="146.5356.7.182"> ]</span><span class="token punctuation" c-id="146.5358.7.183"> 。据/span> 进步据span class="token punctuation" c-id="146.5361.7.185"> ;据/span> <span class="token keyword" c-id="146.5364.7.187"> 如果据/span> <span class="token punctuation" c-id="146.5367.7.189"> （据/span> 偷窃者据span class="token punctuation" c-id="146.5370.7.191"> 。据/span> PARAMS据span class="token punctuation" c-id="146.5373.7.193"> 。据/span> flipEffect据span class="token punctuation" c-id="146.5376.7.195"> 。据/span> 限制据span class="token punctuation" c-id="146.5379.7.197"> ）据/span> <span class="token punctuation" c-id="146.5382.7.199"> {</span> 进步据span class="token operator" c-id="146.5385.7.201"> =</span> 数学据span class="token punctuation" c-id="146.5388.7.203"> 。据/span><span class="token function" c-id="146.5390.7.204"> 最大限度据/span><span class="token punctuation" c-id="146.5392.7.205"> （据/span> 数学据span class="token punctuation" c-id="146.5395.7.207"> 。据/span><span class="token function" c-id="146.5397.7.208"> 最小值据/span><span class="token punctuation" c-id="146.5399.7.209"> （据/span> $ slideEl据span class="token punctuation" c-id="146.5402.7.211"> [</span><span class="token number" c-id="146.5404.7.212"> 0.据/span><span class="token punctuation" c-id="146.5406.7.213"> ]</span><span class="token punctuation" c-id="146.5408.7.214"> 。据/span> 进步据span class="token punctuation" c-id="146.5411.7.216"> 那据/span> <span class="token number" c-id="146.5414.7.218"> 1据/span><span class="token punctuation" c-id="146.5416.7.219"> ）据/span><span class="token punctuation" c-id="146.5418.7.220"> 那据/span> <span class="token operator" c-id="146.5421.7.222"> -据/span><span class="token number" c-id="146.5423.7.223"> 1据/span><span class="token punctuation" c-id="146.5425.7.224"> ）据/span><span class="token punctuation" c-id="146.5427.7.225"> ;据/span> <span class="token punctuation" c-id="146.5430.7.227"> }</span> <span class="token keyword" c-id="146.5433.7.229"> 常量据/span> 抵消$ $据span class="token number" c-id="146.5436.7.231"> 1据/span> <span class="token operator" c-id="146.5439.7.233"> =</span> $ slideEl据span class="token punctuation" c-id="146.5442.7.235"> [</span><span class="token number" c-id="146.5444.7.236"> 0.据/span><span class="token punctuation" c-id="146.5446.7.237"> ]</span><span class="token punctuation" c-id="146.5448.7.238"> 。据/span> swiperSlideOffset据span class="token punctuation" c-id="146.5451.7.240"> ;据/span> <span class="token keyword" c-id="146.5454.7.242"> 常量据/span> 旋转据span class="token operator" c-id="146.5457.7.244"> =</span> <span class="token operator" c-id="146.5460.7.246"> -据/span><span class="token number" c-id="146.5462.7.247"> 180据/span> <span class="token operator" c-id="146.5465.7.249"> *据/span> 进步据span class="token punctuation" c-id="146.5468.7.251"> ;据/span> <span class="token keyword" c-id="146.5471.7.253"> 让据/span> 旋转Y据span class="token operator" c-id="146.5474.7.255"> =</span> 旋转据span class="token punctuation" c-id="146.5477.7.257"> ;据/span> <span class="token keyword" c-id="146.5480.7.259"> 让据/span> rotateX据span class="token operator" c-id="146.5483.7.261"> =</span> <span class="token number" c-id="146.5486.7.263"> 0.据/span><span class="token punctuation" c-id="146.5488.7.264"> ;据/span> <span class="token keyword" c-id="146.5491.7.266"> 让据/span> tx据span class="token operator" c-id="146.5494.7.268"> =</span> <span class="token operator" c-id="146.5497.7.270"> -据/span> 抵消$ $据span class="token number" c-id="146.5500.7.272"> 1据/span><span class="token punctuation" c-id="146.5502.7.273"> ;据/span> <span class="token keyword" c-id="146.5505.7.275"> 让据/span> 泰据span class="token operator" c-id="146.5508.7.277"> =</span> <span class="token number" c-id="146.5511.7.279"> 0.据/span><span class="token punctuation" c-id="146.5513.7.280"> ;据/span> <span class="token keyword" c-id="146.5516.7.282"> 如果据/span> <span class="token punctuation" c-id="146.5519.7.284"> （据/span><span class="token operator" c-id="146.5521.7.285"> ！！据/span> 偷窃者据span class="token punctuation" c-id="146.5524.7.287"> 。据/span><span class="token function" c-id="146.5526.7.288"> isHorizontal据/span><span class="token punctuation" c-id="146.5528.7.289"> （据/span><span class="token punctuation" c-id="146.5530.7.290"> ）据/span><span class="token punctuation" c-id="146.5532.7.291"> ）据/span> <span class="token punctuation" c-id="146.5535.7.293"> {</span> 泰据span class="token operator" c-id="146.5538.7.295"> =</span> tx据span class="token punctuation" c-id="146.5541.7.297"> ;据/span> tx据span class="token operator" c-id="146.5544.7.299"> =</span> <span class="token number" c-id="146.5547.7.301"> 0.据/span><span class="token punctuation" c-id="146.5549.7.302"> ;据/span> rotateX据span class="token operator" c-id="146.5552.7.304"> =</span> <span class="token operator" c-id="146.5555.7.306"> -据/span> 旋转Y据span class="token punctuation" c-id="146.5558.7.308"> ;据/span> 旋转Y据span class="token operator" c-id="146.5561.7.310"> =</span> <span class="token number" c-id="146.5564.7.312"> 0.据/span><span class="token punctuation" c-id="146.5566.7.313"> ;据/span> <span class="token punctuation" c-id="146.5569.7.315"> }</span> <span class="token keyword" c-id="146.5572.7.317"> 别的据/span> <span class="token keyword" c-id="146.5575.7.319"> 如果据/span> <span class="token punctuation" c-id="146.5578.7.321"> （据/span> rtl据span class="token punctuation" c-id="146.5581.7.323"> ）据/span> <span class="token punctuation" c-id="146.5584.7.325"> {</span> 旋转Y据span class="token operator" c-id="146.5587.7.327"> =</span> <span class="token operator" c-id="146.5590.7.329"> -据/span> 旋转Y据span class="token punctuation" c-id="146.5593.7.331"> ;据/span> <span class="token punctuation" c-id="146.5596.7.333"> }</span> $ slideEl据span class="token punctuation" c-id="146.5599.7.335"> [</span><span class="token number" c-id="146.5601.7.336"> 0.据/span><span class="token punctuation" c-id="146.5603.7.337"> ]</span><span class="token punctuation" c-id="146.5605.7.338"> 。据/span> 风格据span class="token punctuation" c-id="146.5608.7.340"> 。据/span> 用zIndex据span class="token operator" c-id="146.5611.7.342"> =</span> <span class="token operator" c-id="146.5614.7.344"> -据/span> 数学据span class="token punctuation" c-id="146.5617.7.346"> 。据/span><span class="token function" c-id="146.5619.7.347"> ABS据/span><span class="token punctuation" c-id="146.5621.7.348"> （据/span> 数学据span class="token punctuation" c-id="146.5624.7.350"> 。据/span><span class="token function" c-id="146.5626.7.351"> 圆形的据/span><span class="token punctuation" c-id="146.5628.7.352"> （据/span> 进步据span class="token punctuation" c-id="146.5631.7.354"> ）据/span><span class="token punctuation" c-id="146.5633.7.355"> ）据/span> <span class="token operator" c-id="146.5636.7.357"> +据/span> 幻灯片据span class="token punctuation" c-id="146.5639.7.359"> 。据/span> 长度据span class="token punctuation" c-id="146.5642.7.361"> ;据/span> <span class="token keyword" c-id="146.5645.7.363"> 如果据/span> <span class="token punctuation" c-id="146.5648.7.365"> （据/span> 偷窃者据span class="token punctuation" c-id="146.5651.7.367"> 。据/span> PARAMS据span class="token punctuation" c-id="146.5654.7.369"> 。据/span> flipEffect据span class="token punctuation" c-id="146.5657.7.371"> 。据/span> 幻灯片据span class="token punctuation" c-id="146.5660.7.373"> ）据/span> <span class="token punctuation" c-id="146.5663.7.375"> {</span> <span class="token comment" c-id="146.5666.7.377"> //设置阴影据/span> <span class="token keyword" c-id="146.5669.7.379"> 让据/span> shadowBefore据span class="token operator" c-id="146.5672.7.381"> =</span> 偷窃者据span class="token punctuation" c-id="146.5675.7.383"> 。据/span><span class="token function" c-id="146.5677.7.384"> isHorizontal据/span><span class="token punctuation" c-id="146.5679.7.385"> （据/span><span class="token punctuation" c-id="146.5681.7.386"> ）据/span> <span class="token operator" c-id="146.5684.7.388"> 还是</span> $ slideEl据span class="token punctuation" c-id="146.5687.7.390"> 。据/span><span class="token function" c-id="146.5689.7.391"> 找据/span><span class="token punctuation" c-id="146.5691.7.392"> （据/span><span class="token string" c-id="146.5693.7.393"> “.swiper-slide-shadow-left”据/span><span class="token punctuation" c-id="146.5695.7.394"> ）据/span> <span class="token operator" c-id="146.5698.7.396"> ：据/span> $ slideEl据span class="token punctuation" c-id="146.5701.7.398"> 。据/span><span class="token function" c-id="146.5703.7.399"> 找据/span><span class="token punctuation" c-id="146.5705.7.400"> （据/span><span class="token string" c-id="146.5707.7.401"> “.swiper-slide-shadow-top”据/span><span class="token punctuation" c-id="146.5709.7.402"> ）据/span><span class="token punctuation" c-id="146.5711.7.403"> ;据/span> <span class="token keyword" c-id="146.5714.7.405"> 让据/span> shadowAfter据span class="token operator" c-id="146.5717.7.407"> =</span> 偷窃者据span class="token punctuation" c-id="146.5720.7.409"> 。据/span><span class="token function" c-id="146.5722.7.410"> isHorizontal据/span><span class="token punctuation" c-id="146.5724.7.411"> （据/span><span class="token punctuation" c-id="146.5726.7.412"> ）据/span> <span class="token operator" c-id="146.5729.7.414"> 还是</span> $ slideEl据span class="token punctuation" c-id="146.5732.7.416"> 。据/span><span class="token function" c-id="146.5734.7.417"> 找据/span><span class="token punctuation" c-id="146.5736.7.418"> （据/span><span class="token string" c-id="146.5738.7.419"> '.swiper-滑动阴影权'据/span><span class="token punctuation" c-id="146.5740.7.420"> ）据/span> <span class="token operator" c-id="146.5743.7.422"> ：据/span> $ slideEl据span class="token punctuation" c-id="146.5746.7.424"> 。据/span><span class="token function" c-id="146.5748.7.425"> 找据/span><span class="token punctuation" c-id="146.5750.7.426"> （据/span><span class="token string" c-id="146.5752.7.427"> '.swiper-滑动阴影' 底部据/span><span class="token punctuation" c-id="146.5754.7.428"> ）据/span><span class="token punctuation" c-id="146.5756.7.429"> ;据/span> <span class="token keyword" c-id="146.5759.7.431"> 如果据/span> <span class="token punctuation" c-id="146.5762.7.433"> （据/span> shadowBefore据span class="token punctuation" c-id="146.5765.7.435"> 。据/span> 长度据span class="token operator" c-id="146.5768.7.437"> ===.据/span> <span class="token number" c-id="146.5771.7.439"> 0.据/span><span class="token punctuation" c-id="146.5773.7.440"> ）据/span> <span class="token punctuation" c-id="146.5776.7.442"> {</span> shadowBefore据span class="token operator" c-id="146.5779.7.444"> =</span> 偷窃者据span class="token punctuation" c-id="146.5782.7.446"> 。据/span><span class="token function" c-id="146.5784.7.447"> $据/span><span class="token punctuation" c-id="146.5786.7.448"> （据/span><span class="token template-string" c-id="146.5788.7.449"><span class="token template-punctuation string" c-id="146.5789.8.0"> `</span><span class="token string" c-id="146.5791.8.1"> < div class = " swiper-slide-shadow -据/span><span class="token interpolation" c-id="146.5793.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.5794.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.5797.9.2"> 。据/span><span class="token function" c-id="146.5799.9.3"> isHorizontal据/span><span class="token punctuation" c-id="146.5801.9.4"> （据/span><span class="token punctuation" c-id="146.5803.9.5"> ）据/span> <span class="token operator" c-id="146.5806.9.7"> 还是</span> <span class="token string" c-id="146.5809.9.9"> '剩下'据/span> <span class="token operator" c-id="146.5812.9.11"> ：据/span> <span class="token string" c-id="146.5815.9.13"> '最佳'据/span><span class="token interpolation-punctuation punctuation" c-id="146.5817.9.14"> }</span></span><span class="token string" c-id="146.5819.8.3"> “> </ div>据/span><span class="token template-punctuation string" c-id="146.5821.8.4"> `</span></span><span class="token punctuation" c-id="146.5823.7.450"> ）据/span><span class="token punctuation" c-id="146.5825.7.451"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.5828.7.453"> 。据/span><span class="token function" c-id="146.5830.7.454"> 附加据/span><span class="token punctuation" c-id="146.5832.7.455"> （据/span> shadowBefore据span class="token punctuation" c-id="146.5835.7.457"> ）据/span><span class="token punctuation" c-id="146.5837.7.458"> ;据/span> <span class="token punctuation" c-id="146.5840.7.460"> }</span> <span class="token keyword" c-id="146.5843.7.462"> 如果据/span> <span class="token punctuation" c-id="146.5846.7.464"> （据/span> shadowAfter据span class="token punctuation" c-id="146.5849.7.466"> 。据/span> 长度据span class="token operator" c-id="146.5852.7.468"> ===.据/span> <span class="token number" c-id="146.5855.7.470"> 0.据/span><span class="token punctuation" c-id="146.5857.7.471"> ）据/span> <span class="token punctuation" c-id="146.5860.7.473"> {</span> shadowAfter据span class="token operator" c-id="146.5863.7.475"> =</span> 偷窃者据span class="token punctuation" c-id="146.5866.7.477"> 。据/span><span class="token function" c-id="146.5868.7.478"> $据/span><span class="token punctuation" c-id="146.5870.7.479"> （据/span><span class="token template-string" c-id="146.5872.7.480"><span class="token template-punctuation string" c-id="146.5873.8.0"> `</span><span class="token string" c-id="146.5875.8.1"> < div class = " swiper-slide-shadow -据/span><span class="token interpolation" c-id="146.5877.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.5878.9.0"> $ {据/span> 偷窃者据span class="token punctuation" c-id="146.5881.9.2"> 。据/span><span class="token function" c-id="146.5883.9.3"> isHorizontal据/span><span class="token punctuation" c-id="146.5885.9.4"> （据/span><span class="token punctuation" c-id="146.5887.9.5"> ）据/span> <span class="token operator" c-id="146.5890.9.7"> 还是</span> <span class="token string" c-id="146.5893.9.9"> '对'据/span> <span class="token operator" c-id="146.5896.9.11"> ：据/span> <span class="token string" c-id="146.5899.9.13"> “底”据/span><span class="token interpolation-punctuation punctuation" c-id="146.5901.9.14"> }</span></span><span class="token string" c-id="146.5903.8.3"> “> </ div>据/span><span class="token template-punctuation string" c-id="146.5905.8.4"> `</span></span><span class="token punctuation" c-id="146.5907.7.481"> ）据/span><span class="token punctuation" c-id="146.5909.7.482"> ;据/span> $ slideEl据span class="token punctuation" c-id="146.5912.7.484"> 。据/span><span class="token function" c-id="146.5914.7.485"> 附加据/span><span class="token punctuation" c-id="146.5916.7.486"> （据/span> shadowAfter据span class="token punctuation" c-id="146.5919.7.488"> ）据/span><span class="token punctuation" c-id="146.5921.7.489"> ;据/span> <span class="token punctuation" c-id="146.5924.7.491"> }</span> <span class="token keyword" c-id="146.5927.7.493"> 如果据/span> <span class="token punctuation" c-id="146.5930.7.495"> （据/span> shadowBefore据span class="token punctuation" c-id="146.5933.7.497"> 。据/span> 长度据span class="token punctuation" c-id="146.5936.7.499"> ）据/span> shadowBefore据span class="token punctuation" c-id="146.5939.7.501"> [</span><span class="token number" c-id="146.5941.7.502"> 0.据/span><span class="token punctuation" c-id="146.5943.7.503"> ]</span><span class="token punctuation" c-id="146.5945.7.504"> 。据/span> 风格据span class="token punctuation" c-id="146.5948.7.506"> 。据/span> 不透明度据span class="token operator" c-id="146.5951.7.508"> =</span> 数学据span class="token punctuation" c-id="146.5954.7.510"> 。据/span><span class="token function" c-id="146.5956.7.511"> 最大限度据/span><span class="token punctuation" c-id="146.5958.7.512"> （据/span><span class="token operator" c-id="146.5960.7.513"> -据/span> 进步据span class="token punctuation" c-id="146.5963.7.515"> 那据/span> <span class="token number" c-id="146.5966.7.517"> 0.据/span><span class="token punctuation" c-id="146.5968.7.518"> ）据/span><span class="token punctuation" c-id="146.5970.7.519"> ;据/span> <span class="token keyword" c-id="146.5973.7.521"> 如果据/span> <span class="token punctuation" c-id="146.5976.7.523"> （据/span> shadowAfter据span class="token punctuation" c-id="146.5979.7.525"> 。据/span> 长度据span class="token punctuation" c-id="146.5982.7.527"> ）据/span> shadowAfter据span class="token punctuation" c-id="146.5985.7.529"> [</span><span class="token number" c-id="146.5987.7.530"> 0.据/span><span class="token punctuation" c-id="146.5989.7.531"> ]</span><span class="token punctuation" c-id="146.5991.7.532"> 。据/span> 风格据span class="token punctuation" c-id="146.5994.7.534"> 。据/span> 不透明度据span class="token operator" c-id="146.5997.7.536"> =</span> 数学据span class="token punctuation" c-id="146.6000.7.538"> 。据/span><span class="token function" c-id="146.6002.7.539"> 最大限度据/span><span class="token punctuation" c-id="146.6004.7.540"> （据/span> 进步据span class="token punctuation" c-id="146.6007.7.542"> 那据/span> <span class="token number" c-id="146.6010.7.544"> 0.据/span><span class="token punctuation" c-id="146.6012.7.545"> ）据/span><span class="token punctuation" c-id="146.6014.7.546"> ;据/span> <span class="token punctuation" c-id="146.6017.7.548"> }</span> $ slideEl据span class="token punctuation" c-id="146.6020.7.550"> 。据/span><span class="token function" c-id="146.6022.7.551"> 变换据/span><span class="token punctuation" c-id="146.6024.7.552"> （据/span><span class="token template-string" c-id="146.6026.7.553"><span class="token template-punctuation string" c-id="146.6027.8.0"> `</span><span class="token string" c-id="146.6029.8.1"> translate3d（据/span><span class="token interpolation" c-id="146.6031.8.2"><span class="token interpolation-punctuation punctuation" c-id="146.6032.9.0"> $ {据/span> tx据span class="token interpolation-punctuation punctuation" c-id="146.6035.9.2"> }</span></span><span class="token string" c-id="146.6037.8.3"> px,据/span><span class="token interpolation" c-id="146.6039.8.4"><span class="token interpolation-punctuation punctuation" c-id="146.6040.9.0"> $ {据/span> 泰据span class="token interpolation-punctuation punctuation" c-id="146.6043.9.2"> }</span></span><span class="token string" c-id="146.6045.8.5"> 像素，0像素）rotateX（据/span><span class="token interpolation" c-id="146.6047.8.6"><span class="token interpolation-punctuation punctuation" c-id="146.6048.9.0"> $ {据/span> rotateX据span class="token interpolation-punctuation punctuation" c-id="146.6051.9.2"> }</span></span><span class="token string" c-id="146.6053.8.7"> 度)rotateY (据/span><span class="token interpolation" c-id="146.6055.8.8"><span class="token interpolation-punctuation punctuation" c-id="146.6056.9.0"> $ {据/span> 旋转Y据span class="token interpolation-punctuation punctuation" c-id="146.6059.9.2"> }</span></span><span class="token string" c-id="146.6061.8.9"> 度）据/span><span class="token template-punctuation string" c-id="146.6063.8.10"> `</span></span><span class="token punctuation" c-id="146.6065.7.554"> ）据/span><span class="token punctuation" c-id="146.6067.7.555"> ;据/span> <span class="token punctuation" c-id="146.6070.7.557"> }</span> <span class="token punctuation" c-id="146.6073.7.559"> }</span><span class="token punctuation" c-id="146.6075.7.560"> 那据/span> <span class="token function" c-id="146.6078.7.562"> setTransition据/span><span class="token punctuation" c-id="146.6080.7.563"> （据/span><span class="token parameter" c-id="146.6082.7.564"> 期间据/span><span class="token punctuation" c-id="146.6084.7.565"> ）据/span> <span class="token punctuation" c-id="146.6087.7.567"> {</span> <span class="token keyword" c-id="146.6090.7.569"> 常量据/span> 偷窃者据span class="token operator" c-id="146.6093.7.571"> =</span> <span class="token keyword" c-id="146.6096.7.573"> 这据/span><span class="token punctuation" c-id="146.6098.7.574"> ;据/span> <span class="token keyword" c-id="146.6101.7.576"> 常量据/span> <span class="token punctuation" c-id="146.6104.7.578"> {</span> 幻灯片据span class="token punctuation" c-id="146.6107.7.580"> 那据/span> activeIndex据span class="token punctuation" c-id="146.6110.7.582"> 那据/span> wrapperEl美元据span class="token punctuation" c-id="146.6113.7.584"> }</span> <span class="token operator" c-id="146.6116.7.586"> =</span> 偷窃者据span class="token punctuation" c-id="146.6119.7.588"> ;据/span> 幻灯片据span class="token punctuation" c-id="146.6122.7.590"> 。据/span><span class="token function" c-id="146.6124.7.591"> 过渡据/span><span class="token punctuation" c-id="146.6126.7.592"> （据/span> 期间据span class="token punctuation" c-id="146.6129.7.594"> ）据/span> <span class="token punctuation" c-id="146.6132.7.596"> 。据/span><span class="token function" c-id="146.6134.7.597"> 找据/span><span class="token punctuation" c-id="146.6136.7.598"> （据/span><span class="token string" c-id="146.6138.7.599"> '.swiper-滑动阴影顶部，.swiper-滑动阴影右，.swiper-滑动阴影底部，.swiper-滑动阴影左'据/span><span class="token punctuation" c-id="146.6140.7.600"> ）据/span> <span class="token punctuation" c-id="146.6143.7.602"> 。据/span><span class="token function" c-id="146.6145.7.603"> 过渡据/span><span class="token punctuation" c-id="146.6147.7.604"> （据/span> 期间据span class="token punctuation" c-id="146.6150.7.606"> ）据/span><span class="token punctuation" c-id="146.6152.7.607"> ;据/span> <span class="token keyword" c-id="146.6155.7.609"> 如果据/span> <span class="token punctuation" c-id="146.6158.7.611"> （据/span> 偷窃者据span class="token punctuation" c-id="146.6161.7.613"> 。据/span> PARAMS据span class="token punctuation" c-id="146.6164.7.615"> 。据/span> virtualTranslate据span class="token operator" c-id="146.6167.7.617"> &&据/span> 期间据span class="token operator" c-id="146.6170.7.619"> ！==据/span> <span class="token number" c-id="146.6173.7.621"> 0.据/span><span class="token punctuation" c-id="146.6175.7.622"> ）据/span> <span class="token punctuation" c-id="146.6178.7.624"> {</span> <span class="token keyword" c-id="146.6181.7.626"> 让据/span> eventTriggered据span class="token operator" c-id="146.6184.7.628"> =</span> <span class="token boolean" c-id="146.6187.7.630"> 错误的据/span><span class="token punctuation" c-id="146.6189.7.631"> ;据/span> <span class="token comment" c-id="146.6192.7.633"> / / eslint-disable-next-line据/span> 幻灯片据span class="token punctuation" c-id="146.6195.7.635"> 。据/span><span class="token function" c-id="146.6197.7.636"> eq.据/span><span class="token punctuation" c-id="146.6199.7.637"> （据/span> activeIndex据span class="token punctuation" c-id="146.6202.7.639"> ）据/span><span class="token punctuation" c-id="146.6204.7.640"> 。据/span><span class="token function" c-id="146.6206.7.641"> transitionEnd据/span><span class="token punctuation" c-id="146.6208.7.642"> （据/span><span class="token keyword" c-id="146.6210.7.643"> 功能据/span> <span class="token function" c-id="146.6213.7.645"> onTransitionEnd据/span><span class="token punctuation" c-id="146.6215.7.646"> （据/span><span class="token punctuation" c-id="146.6217.7.647"> ）据/span> <span class="token punctuation" c-id="146.6220.7.649"> {</span> <span class="token keyword" c-id="146.6223.7.651"> 如果据/span> <span class="token punctuation" c-id="146.6226.7.653"> （据/span> eventTriggered据span class="token punctuation" c-id="146.6229.7.655"> ）据/span> <span class="token keyword" c-id="146.6232.7.657"> 返回据/span><span class="token punctuation" c-id="146.6234.7.658"> ;据/span> <span class="token keyword" c-id="146.6237.7.660"> 如果据/span> <span class="token punctuation" c-id="146.6240.7.662"> （据/span><span class="token operator" c-id="146.6242.7.663"> ！！据/span> 偷窃者据span class="token operator" c-id="146.6245.7.665"> ||据/span> 偷窃者据span class="token punctuation" c-id="146.6248.7.667"> 。据/span> 销毁据span class="token punctuation" c-id="146.6251.7.669"> ）据/span> <span class="token keyword" c-id="146.6254.7.671"> 返回据/span><span class="token punctuation" c-id="146.6256.7.672"> ;据/span> eventTriggered据span class="token operator" c-id="146.6259.7.674"> =</span> <span class="token boolean" c-id="146.6262.7.676"> 真正的据/span><span class="token punctuation" c-id="146.6264.7.677"> ;据/span> 偷窃者据span class="token punctuation" c-id="146.6267.7.679"> 。据/span> 动画据span class="token operator" c-id="146.6270.7.681"> =</span> <span class="token boolean" c-id="146.6273.7.683"> 错误的据/span><span class="token punctuation" c-id="146.6275.7.684"> ;据/span> <span class="token keyword" c-id="146.6278.7.686"> 常量据/span> triggerEvents据span class="token operator" c-id="146.6281.7.688"> =</span> <span class="token punctuation" c-id="146.6284.7.690"> [</span><span class="token string" c-id="146.6286.7.691"> 'webkitTransitionEnd'据/span><span class="token punctuation" c-id="146.6288.7.692"> 那据/span> <span class="token string" c-id="146.6291.7.694"> 'transitionend'据/span><span class="token punctuation" c-id="146.6293.7.695"> ]</span><span class="token punctuation" c-id="146.6295.7.696"> ;据/span> <span class="token keyword" c-id="146.6298.7.698"> 为了据/span> <span class="token punctuation" c-id="146.6301.7.700"> （据/span><span class="token keyword" c-id="146.6303.7.701"> 让据/span> 一世据span class="token operator" c-id="146.6306.7.703"> =</span> <span class="token number" c-id="146.6309.7.705"> 0.据/span><span class="token punctuation" c-id="146.6311.7.706"> ;据/span> 一世据span class="token operator" c-id="146.6314.7.708"> 据</span> triggerEvents据span class="token punctuation" c-id="146.6317.7.710"> 。据/span> 长度据span class="token punctuation" c-id="146.6320.7.712"> ;据/span> 一世据span class="token operator" c-id="146.6323.7.714"> + =据/span> <span class="token number" c-id="146.6326.7.716"> 1据/span><span class="token punctuation" c-id="146.6328.7.717"> ）据/span> <span class="token punctuation" c-id="146.6331.7.719"> {</span> wrapperEl美元据span class="token punctuation" c-id="146.6334.7.721"> 。据/span><span class="token function" c-id="146.6336.7.722"> 扳机据/span><span class="token punctuation" c-id="146.6338.7.723"> （据/span> triggerEvents据span class="token punctuation" c-id="146.6341.7.725"> [</span> 一世据span class="token punctuation" c-id="146.6344.7.727"> ]</span><span class="token punctuation" c-id="146.6346.7.728"> ）据/span><span class="token punctuation" c-id="146.6348.7.729"> ;据/span> <span class="token punctuation" c-id="146.6351.7.731"> }</span> <span class="token punctuation" c-id="146.6354.7.733"> }</span><span class="token punctuation" c-id="146.6356.7.734"> ）据/span><span class="token punctuation" c-id="146.6358.7.735"> ;据/span> <span class="token punctuation" c-id="146.6361.7.737"> }</span> <span class="token punctuation" c-id="146.6364.7.739"> }</span> <span class="token punctuation" c-id="146.6367.7.741"> }</span> <span class="token punctuation" c-id="146.6370.7.743"> }</span><span class="token punctuation" c-id="146.6372.7.744"> ;据/span></code></pre>  <div class="code-text__copy" c-id="160.0.0.0"> <a class="code-text__copy-link" c-id="160.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="160.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="160.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="160.5.3.0"></path> </svg> 复制据/span> </div> </docs-code> </div> </section> <section c-id="146.6375.2.3"> <h2 id="usage" c-id="146.6376.3.0"><a href="#usage" c-id="146.6377.4.0"> 用法据/a></h2> <docs-tabs listen-for="ionic-docs:framework" role="tablist" class="Tabs hydrated" c-id="146.6379.3.1" s-id="161">       <header class="Tabs-header" c-id="161.0.0.0"></header>  <docs-tab role="tabpanel" class="Tabs-tab hydrated" tab="angular" c-id="146.6380.4.0" s-id="162">    <div c-id="146.6381.5.0"> <docs-code language="typescript" class="hydrated" c-id="146.6382.6.0" s-id="163">   <pre c-id="146.6384.7.1"><code c-id="146.6385.8.0"><span class="token keyword" c-id="146.6386.9.0"> 进口据/span> <span class="token punctuation" c-id="146.6389.9.2"> {</span> 成分据span class="token punctuation" c-id="146.6392.9.4"> }</span> <span class="token keyword" c-id="146.6395.9.6"> 从据/span> <span class="token string" c-id="146.6398.9.8"> “@角/芯”据/span><span class="token punctuation" c-id="146.6400.9.9"> ;据/span> @据span class="token function" c-id="146.6403.9.11"> 成分据/span><span class="token punctuation" c-id="146.6405.9.12"> （据/span><span class="token punctuation" c-id="146.6407.9.13"> {</span> 选择据span class="token operator" c-id="146.6410.9.15"> ：据/span> <span class="token string" c-id="146.6413.9.17"> “slides-example”据/span><span class="token punctuation" c-id="146.6415.9.18"> 那据/span> 模板据span class="token operator" c-id="146.6418.9.20"> ：据/span> <span class="token template-string" c-id="146.6421.9.22"><span class="token template-punctuation string" c-id="146.6422.10.0"> `</span><span class="token string" c-id="146.6424.10.1"> <ion-slide> <ion-slide pager="true" [options]="slideOpts"> <ion-slide> <h1>Slide 1</h1> </ion-slide> <ion-slide> <h1>Slide 2</h1> </ion-slide> <ion-slide> <h1>Slide 3</h1> </ion-slide> </ion-slide> </ion-content>据/span><span class="token template-punctuation string" c-id="146.6426.10.2"> `</span></span> <span class="token punctuation" c-id="146.6429.9.24"> }</span><span class="token punctuation" c-id="146.6431.9.25"> ）据/span> <span class="token keyword" c-id="146.6434.9.27"> 出口据/span> <span class="token keyword" c-id="146.6437.9.29"> 班级据/span> <span class="token class-name" c-id="146.6440.9.31"> SlideExample据/span> <span class="token punctuation" c-id="146.6443.9.33"> {</span> <span class="token comment" c-id="146.6446.9.35"> //可选参数传递给刷卡实例。据/span> <span class="token comment" c-id="146.6449.9.37"> //见http://idangero.us/swiper/api/有效选项。据/span> slideOpts据span class="token operator" c-id="146.6452.9.39"> =</span> <span class="token punctuation" c-id="146.6455.9.41"> {</span> initialSlide据span class="token operator" c-id="146.6458.9.43"> ：据/span> <span class="token number" c-id="146.6461.9.45"> 1据/span><span class="token punctuation" c-id="146.6463.9.46"> 那据/span> 速度据span class="token operator" c-id="146.6466.9.48"> ：据/span> <span class="token number" c-id="146.6469.9.50"> 400据/span> <span class="token punctuation" c-id="146.6472.9.52"> }</span><span class="token punctuation" c-id="146.6474.9.53"> ;据/span> <span class="token keyword" c-id="146.6477.9.55"> 构造函数据/span><span class="token punctuation" c-id="146.6479.9.56"> （据/span><span class="token punctuation" c-id="146.6481.9.57"> ）据/span> <span class="token punctuation" c-id="146.6484.9.59"> {</span><span class="token punctuation" c-id="146.6486.9.60"> }</span> <span class="token punctuation" c-id="146.6489.9.62"> }</span></code></pre>  <div class="code-text__copy" c-id="163.0.0.0"> <a class="code-text__copy-link" c-id="163.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="163.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="163.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="163.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <docs-code language="css" class="hydrated" c-id="146.6493.6.2" s-id="164">   <pre c-id="146.6495.7.1"><code c-id="146.6496.8.0"><span class="token comment" c-id="146.6497.9.0"> / *如果没有设置高度的幻灯片将占用幻灯片的内容的高度* /据/span> <span class="token selector" c-id="146.6500.9.2"> ion-slides据/span> <span class="token punctuation" c-id="146.6503.9.4"> {</span> <span class="token property" c-id="146.6506.9.6"> 高度据/span><span class="token punctuation" c-id="146.6508.9.7"> ：据/span> 100％据span class="token punctuation" c-id="146.6511.9.9"> ;据/span> <span class="token punctuation" c-id="146.6514.9.11"> }</span></code></pre>  <div class="code-text__copy" c-id="164.0.0.0"> <a class="code-text__copy-link" c-id="164.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="164.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="164.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="164.5.3.0"></path> </svg> 复制据/span> </div> </docs-code> </div> </docs-tab> <docs-tab role="tabpanel" class="Tabs-tab hydrated" tab="javascript" c-id="146.6517.4.1" s-id="165">    <div c-id="146.6518.5.0"> <docs-code language="html" class="hydrated" c-id="146.6519.6.0" s-id="166">   <pre c-id="146.6521.7.1"><code c-id="146.6522.8.0"><span class="token tag" c-id="146.6523.9.0"><span class="token tag" c-id="146.6524.10.0"><span class="token punctuation" c-id="146.6525.11.0"> 据</span> 离子含量据/span><span class="token punctuation" c-id="146.6528.10.1"> ></span></span> <span class="token tag" c-id="146.6531.9.2"><span class="token tag" c-id="146.6532.10.0"><span class="token punctuation" c-id="146.6533.11.0"> 据</span> ion-slides据/span> <span class="token attr-name" c-id="146.6537.10.2"> 寻呼机据/span><span class="token attr-value" c-id="146.6539.10.3"><span class="token punctuation" c-id="146.6540.11.0"> =</span><span class="token punctuation" c-id="146.6542.11.1"> “据/span> 真正的据span class="token punctuation" c-id="146.6545.11.3"> “据/span></span><span class="token punctuation" c-id="146.6547.10.4"> ></span></span> <span class="token tag" c-id="146.6550.9.4"><span class="token tag" c-id="146.6551.10.0"><span class="token punctuation" c-id="146.6552.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.6555.10.1"> ></span></span> <span class="token tag" c-id="146.6558.9.6"><span class="token tag" c-id="146.6559.10.0"><span class="token punctuation" c-id="146.6560.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.6563.10.1"> ></span></span> 幻灯片1据span class="token tag" c-id="146.6566.9.8"><span class="token tag" c-id="146.6567.10.0"><span class="token punctuation" c-id="146.6568.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.6571.10.1"> ></span></span> <span class="token tag" c-id="146.6574.9.10"><span class="token tag" c-id="146.6575.10.0"><span class="token punctuation" c-id="146.6576.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.6579.10.1"> ></span></span> <span class="token tag" c-id="146.6582.9.12"><span class="token tag" c-id="146.6583.10.0"><span class="token punctuation" c-id="146.6584.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.6587.10.1"> ></span></span> <span class="token tag" c-id="146.6590.9.14"><span class="token tag" c-id="146.6591.10.0"><span class="token punctuation" c-id="146.6592.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.6595.10.1"> ></span></span> 幻灯片2据span class="token tag" c-id="146.6598.9.16"><span class="token tag" c-id="146.6599.10.0"><span class="token punctuation" c-id="146.6600.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.6603.10.1"> ></span></span> <span class="token tag" c-id="146.6606.9.18"><span class="token tag" c-id="146.6607.10.0"><span class="token punctuation" c-id="146.6608.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.6611.10.1"> ></span></span> <span class="token tag" c-id="146.6614.9.20"><span class="token tag" c-id="146.6615.10.0"><span class="token punctuation" c-id="146.6616.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.6619.10.1"> ></span></span> <span class="token tag" c-id="146.6622.9.22"><span class="token tag" c-id="146.6623.10.0"><span class="token punctuation" c-id="146.6624.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.6627.10.1"> ></span></span> 幻灯片3据span class="token tag" c-id="146.6630.9.24"><span class="token tag" c-id="146.6631.10.0"><span class="token punctuation" c-id="146.6632.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.6635.10.1"> ></span></span> <span class="token tag" c-id="146.6638.9.26"><span class="token tag" c-id="146.6639.10.0"><span class="token punctuation" c-id="146.6640.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.6643.10.1"> ></span></span> <span class="token tag" c-id="146.6646.9.28"><span class="token tag" c-id="146.6647.10.0"><span class="token punctuation" c-id="146.6648.11.0"> </据/span> ion-slides据/span><span class="token punctuation" c-id="146.6651.10.1"> ></span></span> <span class="token tag" c-id="146.6654.9.30"><span class="token tag" c-id="146.6655.10.0"><span class="token punctuation" c-id="146.6656.11.0"> </据/span> 离子含量据/span><span class="token punctuation" c-id="146.6659.10.1"> ></span></span></code></pre>  <div class="code-text__copy" c-id="166.0.0.0"> <a class="code-text__copy-link" c-id="166.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="166.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="166.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="166.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <docs-code language="javascript" class="hydrated" c-id="146.6663.6.2" s-id="167">   <pre c-id="146.6665.7.1"><code c-id="146.6666.8.0"><span class="token keyword" c-id="146.6667.9.0"> var据/span> 幻灯片据span class="token operator" c-id="146.6670.9.2"> =</span> 文档据span class="token punctuation" c-id="146.6673.9.4"> 。据/span><span class="token function" c-id="146.6675.9.5"> querySelector据/span><span class="token punctuation" c-id="146.6677.9.6"> （据/span><span class="token string" c-id="146.6679.9.7"> '离子幻灯片'据/span><span class="token punctuation" c-id="146.6681.9.8"> ）据/span><span class="token punctuation" c-id="146.6683.9.9"> ;据/span> <span class="token comment" c-id="146.6686.9.11"> //可选参数传递给刷卡实例。据/span> <span class="token comment" c-id="146.6689.9.13"> //见http://idangero.us/swiper/api/有效选项。据/span> 幻灯片据span class="token punctuation" c-id="146.6692.9.15"> 。据/span> 选项据span class="token operator" c-id="146.6695.9.17"> =</span> <span class="token punctuation" c-id="146.6698.9.19"> {</span> initialSlide据span class="token operator" c-id="146.6701.9.21"> ：据/span> <span class="token number" c-id="146.6704.9.23"> 1据/span><span class="token punctuation" c-id="146.6706.9.24"> 那据/span> 速度据span class="token operator" c-id="146.6709.9.26"> ：据/span> <span class="token number" c-id="146.6712.9.28"> 400据/span> <span class="token punctuation" c-id="146.6715.9.30"> }</span></code></pre>  <div class="code-text__copy" c-id="167.0.0.0"> <a class="code-text__copy-link" c-id="167.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="167.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="167.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="167.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <docs-code language="css" class="hydrated" c-id="146.6719.6.4" s-id="168">   <pre c-id="146.6721.7.1"><code c-id="146.6722.8.0"><span class="token comment" c-id="146.6723.9.0"> / *如果没有设置高度的幻灯片将占用幻灯片的内容的高度* /据/span> <span class="token selector" c-id="146.6726.9.2"> ion-slides据/span> <span class="token punctuation" c-id="146.6729.9.4"> {</span> <span class="token property" c-id="146.6732.9.6"> 高度据/span><span class="token punctuation" c-id="146.6734.9.7"> ：据/span> 100％据span class="token punctuation" c-id="146.6737.9.9"> ;据/span> <span class="token punctuation" c-id="146.6740.9.11"> }</span></code></pre>  <div class="code-text__copy" c-id="168.0.0.0"> <a class="code-text__copy-link" c-id="168.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="168.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="168.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="168.5.3.0"></path> </svg> 复制据/span> </div> </docs-code> </div> </docs-tab> <docs-tab role="tabpanel" class="Tabs-tab hydrated" tab="react" selected c-id="146.6743.4.2" s-id="169">    <div c-id="146.6744.5.0"> <docs-code language="tsx" class="hydrated" c-id="146.6745.6.0" s-id="170">   <pre c-id="146.6747.7.1"><code c-id="146.6748.8.0"><span class="token keyword" c-id="146.6749.9.0"> 进口据/span> 反应据span class="token keyword" c-id="146.6752.9.2"> 从据/span> <span class="token string" c-id="146.6755.9.4"> “反应”据/span><span class="token punctuation" c-id="146.6757.9.5"> ;据/span> <span class="token keyword" c-id="146.6760.9.7"> 进口据/span> <span class="token punctuation" c-id="146.6763.9.9"> {</span> IonSlides据span class="token punctuation" c-id="146.6766.9.11"> 那据/span> IonSlide据span class="token punctuation" c-id="146.6769.9.13"> 那据/span> IonContent据span class="token punctuation" c-id="146.6772.9.15"> }</span> <span class="token keyword" c-id="146.6775.9.17"> 从据/span> <span class="token string" c-id="146.6778.9.19"> '@betway东盟体育app离子/反应'据/span><span class="token punctuation" c-id="146.6780.9.20"> ;据/span> <span class="token comment" c-id="146.6783.9.22"> //可选参数传递给刷卡实例。据/span> <span class="token comment" c-id="146.6786.9.24"> //见http://idangero.us/swiper/api/有效选项。据/span> <span class="token keyword" c-id="146.6789.9.26"> 常量据/span> slideOpts据span class="token operator" c-id="146.6792.9.28"> =</span> <span class="token punctuation" c-id="146.6795.9.30"> {</span> initialSlide据span class="token operator" c-id="146.6798.9.32"> ：据/span> <span class="token number" c-id="146.6801.9.34"> 1据/span><span class="token punctuation" c-id="146.6803.9.35"> 那据/span> 速度据span class="token operator" c-id="146.6806.9.37"> ：据/span> <span class="token number" c-id="146.6809.9.39"> 400据/span> <span class="token punctuation" c-id="146.6812.9.41"> }</span><span class="token punctuation" c-id="146.6814.9.42"> ;据/span> <span class="token keyword" c-id="146.6817.9.44"> 出口据/span> <span class="token keyword" c-id="146.6820.9.46"> 常量据/span> SlidesExample据span class="token operator" c-id="146.6823.9.48"> ：据/span> 反应据span class="token punctuation" c-id="146.6826.9.50"> 。据/span><span class="token function-variable function" c-id="146.6828.9.51"> FC.据/span> <span class="token operator" c-id="146.6831.9.53"> =</span> <span class="token punctuation" c-id="146.6834.9.55"> （据/span><span class="token punctuation" c-id="146.6836.9.56"> ）据/span> <span class="token operator" c-id="146.6839.9.58"> =>据/span> <span class="token punctuation" c-id="146.6842.9.60"> （据/span> <span class="token tag" c-id="146.6845.9.62"><span class="token tag" c-id="146.6846.10.0"><span class="token punctuation" c-id="146.6847.11.0"> 据</span><span class="token class-name" c-id="146.6849.11.1"> IonContent据/span></span><span class="token punctuation" c-id="146.6851.10.1"> ></span></span><span class="token plain-text" c-id="146.6853.9.63"> </span><span class="token tag" c-id="146.6855.9.64"><span class="token tag" c-id="146.6856.10.0"><span class="token punctuation" c-id="146.6857.11.0"> 据</span><span class="token class-name" c-id="146.6859.11.1"> IonSlides据/span></span> <span class="token attr-name" c-id="146.6862.10.2"> 寻呼机据/span><span class="token script language-javascript" c-id="146.6864.10.3"><span class="token script-punctuation punctuation" c-id="146.6865.11.0"> =</span><span class="token punctuation" c-id="146.6867.11.1"> {</span><span class="token boolean" c-id="146.6869.11.2"> 真正的据/span><span class="token punctuation" c-id="146.6871.11.3"> }</span></span> <span class="token attr-name" c-id="146.6874.10.5"> 选项据/span><span class="token script language-javascript" c-id="146.6876.10.6"><span class="token script-punctuation punctuation" c-id="146.6877.11.0"> =</span><span class="token punctuation" c-id="146.6879.11.1"> {</span> slideOpts据span class="token punctuation" c-id="146.6882.11.3"> }</span></span><span class="token punctuation" c-id="146.6884.10.7"> ></span></span><span class="token plain-text" c-id="146.6886.9.65"> </span><span class="token tag" c-id="146.6888.9.66"><span class="token tag" c-id="146.6889.10.0"><span class="token punctuation" c-id="146.6890.11.0"> 据</span><span class="token class-name" c-id="146.6892.11.1"> IonSlide据/span></span><span class="token punctuation" c-id="146.6894.10.1"> ></span></span><span class="token plain-text" c-id="146.6896.9.67"> </span><span class="token tag" c-id="146.6898.9.68"><span class="token tag" c-id="146.6899.10.0"><span class="token punctuation" c-id="146.6900.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.6903.10.1"> ></span></span><span class="token plain-text" c-id="146.6905.9.69"> 幻灯片1据/span><span class="token tag" c-id="146.6907.9.70"><span class="token tag" c-id="146.6908.10.0"><span class="token punctuation" c-id="146.6909.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.6912.10.1"> ></span></span><span class="token plain-text" c-id="146.6914.9.71"> </span><span class="token tag" c-id="146.6916.9.72"><span class="token tag" c-id="146.6917.10.0"><span class="token punctuation" c-id="146.6918.11.0"> </据/span><span class="token class-name" c-id="146.6920.11.1"> IonSlide据/span></span><span class="token punctuation" c-id="146.6922.10.1"> ></span></span><span class="token plain-text" c-id="146.6924.9.73"> </span><span class="token tag" c-id="146.6926.9.74"><span class="token tag" c-id="146.6927.10.0"><span class="token punctuation" c-id="146.6928.11.0"> 据</span><span class="token class-name" c-id="146.6930.11.1"> IonSlide据/span></span><span class="token punctuation" c-id="146.6932.10.1"> ></span></span><span class="token plain-text" c-id="146.6934.9.75"> </span><span class="token tag" c-id="146.6936.9.76"><span class="token tag" c-id="146.6937.10.0"><span class="token punctuation" c-id="146.6938.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.6941.10.1"> ></span></span><span class="token plain-text" c-id="146.6943.9.77"> 幻灯片2据/span><span class="token tag" c-id="146.6945.9.78"><span class="token tag" c-id="146.6946.10.0"><span class="token punctuation" c-id="146.6947.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.6950.10.1"> ></span></span><span class="token plain-text" c-id="146.6952.9.79"> </span><span class="token tag" c-id="146.6954.9.80"><span class="token tag" c-id="146.6955.10.0"><span class="token punctuation" c-id="146.6956.11.0"> </据/span><span class="token class-name" c-id="146.6958.11.1"> IonSlide据/span></span><span class="token punctuation" c-id="146.6960.10.1"> ></span></span><span class="token plain-text" c-id="146.6962.9.81"> </span><span class="token tag" c-id="146.6964.9.82"><span class="token tag" c-id="146.6965.10.0"><span class="token punctuation" c-id="146.6966.11.0"> 据</span><span class="token class-name" c-id="146.6968.11.1"> IonSlide据/span></span><span class="token punctuation" c-id="146.6970.10.1"> ></span></span><span class="token plain-text" c-id="146.6972.9.83"> </span><span class="token tag" c-id="146.6974.9.84"><span class="token tag" c-id="146.6975.10.0"><span class="token punctuation" c-id="146.6976.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.6979.10.1"> ></span></span><span class="token plain-text" c-id="146.6981.9.85"> 幻灯片3据/span><span class="token tag" c-id="146.6983.9.86"><span class="token tag" c-id="146.6984.10.0"><span class="token punctuation" c-id="146.6985.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.6988.10.1"> ></span></span><span class="token plain-text" c-id="146.6990.9.87"> </span><span class="token tag" c-id="146.6992.9.88"><span class="token tag" c-id="146.6993.10.0"><span class="token punctuation" c-id="146.6994.11.0"> </据/span><span class="token class-name" c-id="146.6996.11.1"> IonSlide据/span></span><span class="token punctuation" c-id="146.6998.10.1"> ></span></span><span class="token plain-text" c-id="146.7000.9.89"> </span><span class="token tag" c-id="146.7002.9.90"><span class="token tag" c-id="146.7003.10.0"><span class="token punctuation" c-id="146.7004.11.0"> </据/span><span class="token class-name" c-id="146.7006.11.1"> IonSlides据/span></span><span class="token punctuation" c-id="146.7008.10.1"> ></span></span><span class="token plain-text" c-id="146.7010.9.91"> </span><span class="token tag" c-id="146.7012.9.92"><span class="token tag" c-id="146.7013.10.0"><span class="token punctuation" c-id="146.7014.11.0"> </据/span><span class="token class-name" c-id="146.7016.11.1"> IonContent据/span></span><span class="token punctuation" c-id="146.7018.10.1"> ></span></span> <span class="token punctuation" c-id="146.7021.9.94"> ）据/span><span class="token punctuation" c-id="146.7023.9.95"> ;据/span></code></pre>  <div class="code-text__copy" c-id="170.0.0.0"> <a class="code-text__copy-link" c-id="170.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="170.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="170.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="170.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <docs-code language="css" class="hydrated" c-id="146.7027.6.2" s-id="171">   <pre c-id="146.7029.7.1"><code c-id="146.7030.8.0"><span class="token comment" c-id="146.7031.9.0"> / *如果没有设置高度的幻灯片将占用幻灯片的内容的高度* /据/span> <span class="token selector" c-id="146.7034.9.2"> ion-slides据/span> <span class="token punctuation" c-id="146.7037.9.4"> {</span> <span class="token property" c-id="146.7040.9.6"> 高度据/span><span class="token punctuation" c-id="146.7042.9.7"> ：据/span> 100％据span class="token punctuation" c-id="146.7045.9.9"> ;据/span> <span class="token punctuation" c-id="146.7048.9.11"> }</span></code></pre>  <div class="code-text__copy" c-id="171.0.0.0"> <a class="code-text__copy-link" c-id="171.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="171.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="171.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="171.5.3.0"></path> </svg> 复制据/span> </div> </docs-code> </div> </docs-tab> <docs-tab role="tabpanel" class="Tabs-tab hydrated" tab="stencil" c-id="146.7051.4.3" s-id="172">    <div c-id="146.7052.5.0"> <docs-code language="tsx" class="hydrated" c-id="146.7053.6.0" s-id="173">   <pre c-id="146.7055.7.1"><code c-id="146.7056.8.0"><span class="token keyword" c-id="146.7057.9.0"> 进口据/span> <span class="token punctuation" c-id="146.7060.9.2"> {</span> 成分据span class="token punctuation" c-id="146.7063.9.4"> 那据/span> H据span class="token punctuation" c-id="146.7066.9.6"> }</span> <span class="token keyword" c-id="146.7069.9.8"> 从据/span> <span class="token string" c-id="146.7072.9.10"> “@stencil /核心”据/span><span class="token punctuation" c-id="146.7074.9.11"> ;据/span> @据span class="token function" c-id="146.7077.9.13"> 成分据/span><span class="token punctuation" c-id="146.7079.9.14"> （据/span><span class="token punctuation" c-id="146.7081.9.15"> {</span> 标签据span class="token operator" c-id="146.7084.9.17"> ：据/span> <span class="token string" c-id="146.7087.9.19"> “slides-example”据/span><span class="token punctuation" c-id="146.7089.9.20"> 那据/span> styleUrl据span class="token operator" c-id="146.7092.9.22"> ：据/span> <span class="token string" c-id="146.7095.9.24"> '幻灯片-example.css'据/span> <span class="token punctuation" c-id="146.7098.9.26"> }</span><span class="token punctuation" c-id="146.7100.9.27"> ）据/span> <span class="token keyword" c-id="146.7103.9.29"> 出口据/span> <span class="token keyword" c-id="146.7106.9.31"> 班级据/span> <span class="token class-name" c-id="146.7109.9.33"> SlidesExample据/span> <span class="token punctuation" c-id="146.7112.9.35"> {</span> <span class="token comment" c-id="146.7115.9.37"> //可选参数传递给刷卡实例。据/span> <span class="token comment" c-id="146.7118.9.39"> //见http://idangero.us/swiper/api/有效选项。据/span> <span class="token keyword" c-id="146.7121.9.41"> 私人的据/span> slideOpts据span class="token operator" c-id="146.7124.9.43"> =</span> <span class="token punctuation" c-id="146.7127.9.45"> {</span> initialSlide据span class="token operator" c-id="146.7130.9.47"> ：据/span> <span class="token number" c-id="146.7133.9.49"> 1据/span><span class="token punctuation" c-id="146.7135.9.50"> 那据/span> 速度据span class="token operator" c-id="146.7138.9.52"> ：据/span> <span class="token number" c-id="146.7141.9.54"> 400据/span> <span class="token punctuation" c-id="146.7144.9.56"> }</span><span class="token punctuation" c-id="146.7146.9.57"> ;据/span> <span class="token function" c-id="146.7149.9.59"> 渲染据/span><span class="token punctuation" c-id="146.7151.9.60"> （据/span><span class="token punctuation" c-id="146.7153.9.61"> ）据/span> <span class="token punctuation" c-id="146.7156.9.63"> {</span> <span class="token keyword" c-id="146.7159.9.65"> 返回据/span> <span class="token punctuation" c-id="146.7162.9.67"> [</span> <span class="token tag" c-id="146.7165.9.69"><span class="token tag" c-id="146.7166.10.0"><span class="token punctuation" c-id="146.7167.11.0"> 据</span> 离子含量据/span><span class="token punctuation" c-id="146.7170.10.1"> ></span></span><span class="token plain-text" c-id="146.7172.9.70"> </span><span class="token tag" c-id="146.7174.9.71"><span class="token tag" c-id="146.7175.10.0"><span class="token punctuation" c-id="146.7176.11.0"> 据</span> ion-slides据/span> <span class="token attr-name" c-id="146.7180.10.2"> 寻呼机据/span><span class="token script language-javascript" c-id="146.7182.10.3"><span class="token script-punctuation punctuation" c-id="146.7183.11.0"> =</span><span class="token punctuation" c-id="146.7185.11.1"> {</span><span class="token boolean" c-id="146.7187.11.2"> 真正的据/span><span class="token punctuation" c-id="146.7189.11.3"> }</span></span> <span class="token attr-name" c-id="146.7192.10.5"> 选项据/span><span class="token script language-javascript" c-id="146.7194.10.6"><span class="token script-punctuation punctuation" c-id="146.7195.11.0"> =</span><span class="token punctuation" c-id="146.7197.11.1"> {</span><span class="token keyword" c-id="146.7199.11.2"> 这据/span><span class="token punctuation" c-id="146.7201.11.3"> 。据/span> slideOpts据span class="token punctuation" c-id="146.7204.11.5"> }</span></span><span class="token punctuation" c-id="146.7206.10.7"> ></span></span><span class="token plain-text" c-id="146.7208.9.72"> </span><span class="token tag" c-id="146.7210.9.73"><span class="token tag" c-id="146.7211.10.0"><span class="token punctuation" c-id="146.7212.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.7215.10.1"> ></span></span><span class="token plain-text" c-id="146.7217.9.74"> </span><span class="token tag" c-id="146.7219.9.75"><span class="token tag" c-id="146.7220.10.0"><span class="token punctuation" c-id="146.7221.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.7224.10.1"> ></span></span><span class="token plain-text" c-id="146.7226.9.76"> 幻灯片1据/span><span class="token tag" c-id="146.7228.9.77"><span class="token tag" c-id="146.7229.10.0"><span class="token punctuation" c-id="146.7230.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.7233.10.1"> ></span></span><span class="token plain-text" c-id="146.7235.9.78"> </span><span class="token tag" c-id="146.7237.9.79"><span class="token tag" c-id="146.7238.10.0"><span class="token punctuation" c-id="146.7239.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.7242.10.1"> ></span></span><span class="token plain-text" c-id="146.7244.9.80"> </span><span class="token tag" c-id="146.7246.9.81"><span class="token tag" c-id="146.7247.10.0"><span class="token punctuation" c-id="146.7248.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.7251.10.1"> ></span></span><span class="token plain-text" c-id="146.7253.9.82"> </span><span class="token tag" c-id="146.7255.9.83"><span class="token tag" c-id="146.7256.10.0"><span class="token punctuation" c-id="146.7257.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.7260.10.1"> ></span></span><span class="token plain-text" c-id="146.7262.9.84"> 幻灯片2据/span><span class="token tag" c-id="146.7264.9.85"><span class="token tag" c-id="146.7265.10.0"><span class="token punctuation" c-id="146.7266.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.7269.10.1"> ></span></span><span class="token plain-text" c-id="146.7271.9.86"> </span><span class="token tag" c-id="146.7273.9.87"><span class="token tag" c-id="146.7274.10.0"><span class="token punctuation" c-id="146.7275.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.7278.10.1"> ></span></span><span class="token plain-text" c-id="146.7280.9.88"> </span><span class="token tag" c-id="146.7282.9.89"><span class="token tag" c-id="146.7283.10.0"><span class="token punctuation" c-id="146.7284.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.7287.10.1"> ></span></span><span class="token plain-text" c-id="146.7289.9.90"> </span><span class="token tag" c-id="146.7291.9.91"><span class="token tag" c-id="146.7292.10.0"><span class="token punctuation" c-id="146.7293.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.7296.10.1"> ></span></span><span class="token plain-text" c-id="146.7298.9.92"> 幻灯片3据/span><span class="token tag" c-id="146.7300.9.93"><span class="token tag" c-id="146.7301.10.0"><span class="token punctuation" c-id="146.7302.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.7305.10.1"> ></span></span><span class="token plain-text" c-id="146.7307.9.94"> </span><span class="token tag" c-id="146.7309.9.95"><span class="token tag" c-id="146.7310.10.0"><span class="token punctuation" c-id="146.7311.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.7314.10.1"> ></span></span><span class="token plain-text" c-id="146.7316.9.96"> </span><span class="token tag" c-id="146.7318.9.97"><span class="token tag" c-id="146.7319.10.0"><span class="token punctuation" c-id="146.7320.11.0"> </据/span> ion-slides据/span><span class="token punctuation" c-id="146.7323.10.1"> ></span></span><span class="token plain-text" c-id="146.7325.9.98"> </span><span class="token tag" c-id="146.7327.9.99"><span class="token tag" c-id="146.7328.10.0"><span class="token punctuation" c-id="146.7329.11.0"> </据/span> 离子含量据/span><span class="token punctuation" c-id="146.7332.10.1"> ></span></span> <span class="token punctuation" c-id="146.7335.9.101"> ]</span><span class="token punctuation" c-id="146.7337.9.102"> ;据/span> <span class="token punctuation" c-id="146.7340.9.104"> }</span> <span class="token punctuation" c-id="146.7343.9.106"> }</span></code></pre>  <div class="code-text__copy" c-id="173.0.0.0"> <a class="code-text__copy-link" c-id="173.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="173.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="173.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="173.5.3.0"></path> </svg> 复制据/span> </div> </docs-code>  <docs-code language="css" class="hydrated" c-id="146.7347.6.2" s-id="174">   <pre c-id="146.7349.7.1"><code c-id="146.7350.8.0"><span class="token comment" c-id="146.7351.9.0"> / *如果没有设置高度的幻灯片将占用幻灯片的内容的高度* /据/span> <span class="token selector" c-id="146.7354.9.2"> ion-slides据/span> <span class="token punctuation" c-id="146.7357.9.4"> {</span> <span class="token property" c-id="146.7360.9.6"> 高度据/span><span class="token punctuation" c-id="146.7362.9.7"> ：据/span> 100％据span class="token punctuation" c-id="146.7365.9.9"> ;据/span> <span class="token punctuation" c-id="146.7368.9.11"> }</span></code></pre>  <div class="code-text__copy" c-id="174.0.0.0"> <a class="code-text__copy-link" c-id="174.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="174.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="174.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="174.5.3.0"></path> </svg> 复制据/span> </div> </docs-code> </div> </docs-tab> <docs-tab role="tabpanel" class="Tabs-tab hydrated" tab="vue" c-id="146.7371.4.4" s-id="175">    <div c-id="146.7372.5.0"> <docs-code language="html" class="hydrated" c-id="146.7373.6.0" s-id="176">   <pre c-id="146.7375.7.1"><code c-id="146.7376.8.0"><span class="token tag" c-id="146.7377.9.0"><span class="token tag" c-id="146.7378.10.0"><span class="token punctuation" c-id="146.7379.11.0"> 据</span> 模板据/span><span class="token punctuation" c-id="146.7382.10.1"> ></span></span> <span class="token tag" c-id="146.7385.9.2"><span class="token tag" c-id="146.7386.10.0"><span class="token punctuation" c-id="146.7387.11.0"> 据</span> ion-slides据/span> <span class="token attr-name" c-id="146.7391.10.2"> 寻呼机据/span><span class="token attr-value" c-id="146.7393.10.3"><span class="token punctuation" c-id="146.7394.11.0"> =</span><span class="token punctuation" c-id="146.7396.11.1"> “据/span> 真正的据span class="token punctuation" c-id="146.7399.11.3"> “据/span></span> <span class="token attr-name" c-id="146.7402.10.5"> ：选项据/span><span class="token attr-value" c-id="146.7404.10.6"><span class="token punctuation" c-id="146.7405.11.0"> =</span><span class="token punctuation" c-id="146.7407.11.1"> “据/span> slideOpts据span class="token punctuation" c-id="146.7410.11.3"> “据/span></span><span class="token punctuation" c-id="146.7412.10.7"> ></span></span> <span class="token tag" c-id="146.7415.9.4"><span class="token tag" c-id="146.7416.10.0"><span class="token punctuation" c-id="146.7417.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.7420.10.1"> ></span></span> <span class="token tag" c-id="146.7423.9.6"><span class="token tag" c-id="146.7424.10.0"><span class="token punctuation" c-id="146.7425.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.7428.10.1"> ></span></span> 幻灯片1据span class="token tag" c-id="146.7431.9.8"><span class="token tag" c-id="146.7432.10.0"><span class="token punctuation" c-id="146.7433.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.7436.10.1"> ></span></span> <span class="token tag" c-id="146.7439.9.10"><span class="token tag" c-id="146.7440.10.0"><span class="token punctuation" c-id="146.7441.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.7444.10.1"> ></span></span> <span class="token tag" c-id="146.7447.9.12"><span class="token tag" c-id="146.7448.10.0"><span class="token punctuation" c-id="146.7449.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.7452.10.1"> ></span></span> <span class="token tag" c-id="146.7455.9.14"><span class="token tag" c-id="146.7456.10.0"><span class="token punctuation" c-id="146.7457.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.7460.10.1"> ></span></span> 幻灯片2据span class="token tag" c-id="146.7463.9.16"><span class="token tag" c-id="146.7464.10.0"><span class="token punctuation" c-id="146.7465.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.7468.10.1"> ></span></span> <span class="token tag" c-id="146.7471.9.18"><span class="token tag" c-id="146.7472.10.0"><span class="token punctuation" c-id="146.7473.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.7476.10.1"> ></span></span> <span class="token tag" c-id="146.7479.9.20"><span class="token tag" c-id="146.7480.10.0"><span class="token punctuation" c-id="146.7481.11.0"> 据</span> 离子滑动据/span><span class="token punctuation" c-id="146.7484.10.1"> ></span></span> <span class="token tag" c-id="146.7487.9.22"><span class="token tag" c-id="146.7488.10.0"><span class="token punctuation" c-id="146.7489.11.0"> 据</span> H1据/span><span class="token punctuation" c-id="146.7492.10.1"> ></span></span> 幻灯片3据span class="token tag" c-id="146.7495.9.24"><span class="token tag" c-id="146.7496.10.0"><span class="token punctuation" c-id="146.7497.11.0"> </据/span> H1据/span><span class="token punctuation" c-id="146.7500.10.1"> ></span></span> <span class="token tag" c-id="146.7503.9.26"><span class="token tag" c-id="146.7504.10.0"><span class="token punctuation" c-id="146.7505.11.0"> </据/span> 离子滑动据/span><span class="token punctuation" c-id="146.7508.10.1"> ></span></span> <span class="token tag" c-id="146.7511.9.28"><span class="token tag" c-id="146.7512.10.0"><span class="token punctuation" c-id="146.7513.11.0"> </据/span> ion-slides据/span><span class="token punctuation" c-id="146.7516.10.1"> ></span></span> <span class="token tag" c-id="146.7519.9.30"><span class="token tag" c-id="146.7520.10.0"><span class="token punctuation" c-id="146.7521.11.0"> </据/span> 模板据/span><span class="token punctuation" c-id="146.7524.10.1"> ></span></span> <span class="token tag" c-id="146.7527.9.32"><span class="token tag" c-id="146.7528.10.0"><span class="token punctuation" c-id="146.7529.11.0"> 据</span> 脚本据/span><span class="token punctuation" c-id="146.7532.10.1"> ></span></span><span class="token script" c-id="146.7534.9.33"><span class="token language-javascript" c-id="146.7535.10.0"> <span class="token keyword" c-id="146.7537.11.1"> 进口据/span> <span class="token punctuation" c-id="146.7540.11.3"> {</span> IonSlides据span class="token punctuation" c-id="146.7543.11.5"> 那据/span> IonSlide据span class="token punctuation" c-id="146.7546.11.7"> }</span> <span class="token keyword" c-id="146.7549.11.9"> 从据/span> <span class="token string" c-id="146.7552.11.11"> “@betway东盟体育appionic / vue”据/span><span class="token punctuation" c-id="146.7554.11.12"> ;据/span> <span class="token keyword" c-id="146.7557.11.14"> 进口据/span> <span class="token punctuation" c-id="146.7560.11.16"> {</span> defineComponent据span class="token punctuation" c-id="146.7563.11.18"> }</span> <span class="token keyword" c-id="146.7566.11.20"> 从据/span> <span class="token string" c-id="146.7569.11.22"> “vue”据/span><span class="token punctuation" c-id="146.7571.11.23"> ;据/span> <span class="token keyword" c-id="146.7574.11.25"> 出口据/span> <span class="token keyword" c-id="146.7577.11.27"> 默认的据/span> <span class="token function" c-id="146.7580.11.29"> defineComponent据/span><span class="token punctuation" c-id="146.7582.11.30"> （据/span><span class="token punctuation" c-id="146.7584.11.31"> {</span> 组件据span class="token operator" c-id="146.7587.11.33"> ：据/span> <span class="token punctuation" c-id="146.7590.11.35"> {</span> IonSlides据span class="token punctuation" c-id="146.7593.11.37"> 那据/span> IonSlide据span class="token punctuation" c-id="146.7596.11.39"> }</span><span class="token punctuation" c-id="146.7598.11.40"> 那据/span> <span class="token function" c-id="146.7601.11.42"> 设置据/span><span class="token punctuation" c-id="146.7603.11.43"> （据/span><span class="token punctuation" c-id="146.7605.11.44"> ）据/span> <span class="token punctuation" c-id="146.7608.11.46"> {</span> <span class="token comment" c-id="146.7611.11.48"> //可选参数传递给刷卡实例。有关有效选项，请参阅http://idangero.us/swiper/api/。</span> <span class="token keyword" c-id="146.7614.11.50"> 常量据/span> slideOpts据span class="token operator" c-id="146.7617.11.52"> =</span> <span class="token punctuation" c-id="146.7620.11.54"> {</span> initialSlide据span class="token operator" c-id="146.7623.11.56"> ：据/span> <span class="token number" c-id="146.7626.11.58"> 1据/span><span class="token punctuation" c-id="146.7628.11.59"> 那据/span> 速度据span class="token operator" c-id="146.7631.11.61"> ：据/span> <span class="token number" c-id="146.7634.11.63"> 400据/span> <span class="token punctuation" c-id="146.7637.11.65"> }</span><span class="token punctuation" c-id="146.7639.11.66"> ;据/span> <span class="token keyword" c-id="146.7642.11.68"> 返回据/span> <span class="token punctuation" c-id="146.7645.11.70"> {</span> slideOpts据span class="token punctuation" c-id="146.7648.11.72"> }</span> <span class="token punctuation" c-id="146.7651.11.74"> }</span> <span class="token punctuation" c-id="146.7654.11.76"> }</span><span class="token punctuation" c-id="146.7656.11.77"> ）据/span><span class="token punctuation" c-id="146.7658.11.78"> ;据/span> </span></span><span class="token tag" c-id="146.7661.9.34"><span class="token tag" c-id="146.7662.10.0"><span class="token punctuation" c-id="146.7663.11.0"> </据/span> 脚本据/span><span class="token punctuation" c-id="146.7666.10.1"> ></span></span></code></pre>  <div class="code-text__copy" c-id="176.0.0.0"> <a class="code-text__copy-link" c-id="176.1.1.0"> 复制据/a> <span class="code-text__copy-confirmation" c-id="176.3.1.1"> <svg viewbox="0 0 512 512" height="26px" width="26px" c-id="176.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="176.5.3.0"></path> </svg> 复制据/span> </div> </docs-code> </div> </docs-tab> </docs-tabs> </section> <section c-id="146.7669.2.4"> <h2 id="properties" c-id="146.7670.3.0"><a href="#properties" c-id="146.7671.4.0"> 属性据/a></h2> <docs-reference class="hydrated" c-id="146.7673.3.1" s-id="177">  <table c-id="177.0.0.0"> <thead c-id="177.1.1.0"> <tr c-id="177.2.2.0"> <th colspan="2" c-id="177.3.3.0"><h3 c-id="177.4.4.0"> 模式据/H3.></th> </tr> </thead> <tbody c-id="177.6.1.1"> <tr c-id="177.7.2.0"> <th c-id="177.8.3.0"> 描述据/th> <td c-id="177.10.3.1"> <div c-id="177.11.4.0"> <p>模式决定使用哪种平台样式。据/p> </div></td> </tr> <tr c-id="177.12.2.1"> <th c-id="177.13.3.0"> 属性据/th> <td c-id="177.15.3.1"><code c-id="177.16.4.0"> 模式据/code></td> </tr> <tr c-id="177.18.2.2"> <th c-id="177.19.3.0"> 类型据/th> <td c-id="177.21.3.1"><code c-id="177.22.4.0"> “ios”|“医学博士”据/code></td> </tr> </tbody> <thead c-id="177.24.1.2"> <tr c-id="177.25.2.0"> <th colspan="2" c-id="177.26.3.0"><h3 c-id="177.27.4.0"> 选项据/H3.></th> </tr> </thead> <tbody c-id="177.29.1.3"> <tr c-id="177.30.2.0"> <th c-id="177.31.3.0"> 描述据/th> <td c-id="177.33.3.1"> <div c-id="177.34.4.0"> <p>选项传递给刷卡实例。看据a href="http://idangero.us/swiper/api/" title="http://idangero.us/swiper/api/“>Http://idangero.us/swiper/api/据/a>有效选项据/p> </div></td> </tr> <tr c-id="177.35.2.1"> <th c-id="177.36.3.0"> 属性据/th> <td c-id="177.38.3.1"><code c-id="177.39.4.0"> 选项据/code></td> </tr> <tr c-id="177.41.2.2"> <th c-id="177.42.3.0"> 类型据/th> <td c-id="177.44.3.1"><code c-id="177.45.4.0"> 任何据/code></td> </tr> <tr c-id="177.47.2.3"> <th c-id="177.48.3.0"> 默认据/th> <td c-id="177.50.3.1"><code c-id="177.51.4.0"> {}据/code></td> </tr> </tbody> <thead c-id="177.53.1.4"> <tr c-id="177.54.2.0"> <th colspan="2" c-id="177.55.3.0"><h3 c-id="177.56.4.0"> 寻呼机据/H3.></th> </tr> </thead> <tbody c-id="177.58.1.5"> <tr c-id="177.59.2.0"> <th c-id="177.60.3.0"> 描述据/th> <td c-id="177.62.3.1"> <div c-id="177.63.4.0"> <p>如果据code>真正的据/code>，显示分页。据/p> </div></td> </tr> <tr c-id="177.64.2.1"> <th c-id="177.65.3.0"> 属性据/th> <td c-id="177.67.3.1"><code c-id="177.68.4.0"> 寻呼机据/code></td> </tr> <tr c-id="177.70.2.2"> <th c-id="177.71.3.0"> 类型据/th> <td c-id="177.73.3.1"><code c-id="177.74.4.0"> 布尔基据/code></td> </tr> <tr c-id="177.76.2.3"> <th c-id="177.77.3.0"> 默认据/th> <td c-id="177.79.3.1"><code c-id="177.80.4.0"> 错误的据/code></td> </tr> </tbody> <thead c-id="177.82.1.6"> <tr c-id="177.83.2.0"> <th colspan="2" c-id="177.84.3.0"><h3 c-id="177.85.4.0"> 滚动条据/H3.></th> </tr> </thead> <tbody c-id="177.87.1.7"> <tr c-id="177.88.2.0"> <th c-id="177.89.3.0"> 描述据/th> <td c-id="177.91.3.1"> <div c-id="177.92.4.0"> <p>如果据code>真正的据/code>，显示滚动条。据/p> </div></td> </tr> <tr c-id="177.93.2.1"> <th c-id="177.94.3.0"> 属性据/th> <td c-id="177.96.3.1"><code c-id="177.97.4.0"> 滚动条据/code></td> </tr> <tr c-id="177.99.2.2"> <th c-id="177.100.3.0"> 类型据/th> <td c-id="177.102.3.1"><code c-id="177.103.4.0"> 布尔基据/code></td> </tr> <tr c-id="177.105.2.3"> <th c-id="177.106.3.0"> 默认据/th> <td c-id="177.108.3.1"><code c-id="177.109.4.0"> 错误的据/code></td> </tr> </tbody> </table> </docs-reference> </section> <section c-id="146.7674.2.5"> <h2 id="events" c-id="146.7675.3.0"><a href="#events" c-id="146.7676.4.0"> 活动据/a></h2> <table c-id="146.7678.3.1"> <thead c-id="146.7679.4.0"> <tr c-id="146.7680.5.0"> <th c-id="146.7681.6.0"> 的名字据/th> <th c-id="146.7683.6.1"> 描述据/th> </tr> </thead> <tbody c-id="146.7685.4.1"> <tr c-id="146.7686.5.0"> <td c-id="146.7687.6.0"><code c-id="146.7688.7.0"> ionSlideDidChange据/code></td> <td c-id="146.7690.6.1"> 活动幻灯片已更改后发出。据/td> </tr> <tr c-id="146.7692.5.1"> <td c-id="146.7693.6.0"><code c-id="146.7694.7.0"> ionSlideDoubleTap据/code></td> <td c-id="146.7696.6.1"> 当滑动的容器上的用户双击水龙头发出。据/td> </tr> <tr c-id="146.7698.5.2"> <td c-id="146.7699.6.0"><code c-id="146.7700.7.0"> ionSlideDrag据/code></td> <td c-id="146.7702.6.1"> 当滑块积极移动时发出。据/td> </tr> <tr c-id="146.7704.5.3"> <td c-id="146.7705.6.0"><code c-id="146.7706.7.0"> ionSlideNextEnd据/code></td> <td c-id="146.7708.6.1"> 当一个幻灯片已经结束发射。据/td> </tr> <tr c-id="146.7710.5.4"> <td c-id="146.7711.6.0"><code c-id="146.7712.7.0"> Ionslidenextstart.据/code></td> <td c-id="146.7714.6.1"> 当一个幻灯片已经开始发出。据/td> </tr> <tr c-id="146.7716.5.5"> <td c-id="146.7717.6.0"><code c-id="146.7718.7.0"> ionSlidePrevEnd据/code></td> <td c-id="146.7720.6.1"> 以前的幻灯片结束时发出。据/td> </tr> <tr c-id="146.7722.5.6"> <td c-id="146.7723.6.0"><code c-id="146.7724.7.0"> ionSlidePrevStart据/code></td> <td c-id="146.7726.6.1"> 当前幻灯片开始时发出。据/td> </tr> <tr c-id="146.7728.5.7"> <td c-id="146.7729.6.0"><code c-id="146.7730.7.0"> ionSlideReachEnd据/code></td> <td c-id="146.7732.6.1"> 当滑块在最后一张幻灯片发出。据/td> </tr> <tr c-id="146.7734.5.8"> <td c-id="146.7735.6.0"><code c-id="146.7736.7.0"> ionSlideReachStart据/code></td> <td c-id="146.7738.6.1"> 当滑块处于初始位置时触发。据/td> </tr> <tr c-id="146.7740.5.9"> <td c-id="146.7741.6.0"><code c-id="146.7742.7.0"> ionSlidesDidLoad据/code></td> <td c-id="146.7744.6.1"> 在Swiper初始化后触发据/td> </tr> <tr c-id="146.7746.5.10"> <td c-id="146.7747.6.0"><code c-id="146.7748.7.0"> ICELIDETAP.据/code></td> <td c-id="146.7750.6.1"> 当用户点击/单击幻灯片的容器时触发。据/td> </tr> <tr c-id="146.7752.5.11"> <td c-id="146.7753.6.0"><code c-id="146.7754.7.0"> ionSlideTouchEnd据/code></td> <td c-id="146.7756.6.1"> 当用户松开触摸时发出。据/td> </tr> <tr c-id="146.7758.5.12"> <td c-id="146.7759.6.0"><code c-id="146.7760.7.0"> Ionslidetouchstart.据/code></td> <td c-id="146.7762.6.1"> 当用户第一次触摸滑块时触发。据/td> </tr> <tr c-id="146.7764.5.13"> <td c-id="146.7765.6.0"><code c-id="146.7766.7.0"> ionSlideTransitionEnd据/code></td> <td c-id="146.7768.6.1"> 在幻灯片转换结束时触发。据/td> </tr> <tr c-id="146.7770.5.14"> <td c-id="146.7771.6.0"><code c-id="146.7772.7.0"> ionSlideTransitionStart据/code></td> <td c-id="146.7774.6.1"> 当幻灯片过渡已经开始发出。据/td> </tr> <tr c-id="146.7776.5.15"> <td c-id="146.7777.6.0"><code c-id="146.7778.7.0"> ionSlideWillChange据/code></td> <td c-id="146.7780.6.1"> 在活动幻灯片改变之前发出。据/td> </tr> </tbody> </table> </section> <section c-id="146.7782.2.6"> <h2 id="methods" c-id="146.7783.3.0"><a href="#methods" c-id="146.7784.4.0"> 方法据/a></h2> <docs-reference class="hydrated" c-id="146.7786.3.1" s-id="178">  <table c-id="178.0.0.0"> <thead c-id="178.1.1.0"> <tr c-id="178.2.2.0"> <th colspan="2" c-id="178.3.3.0"><h3 c-id="178.4.4.0"> getActiveIndex据/H3.></th> </tr> </thead> <tbody c-id="178.6.1.1"> <tr c-id="178.7.2.0"> <th c-id="178.8.3.0"> 描述据/th> <td c-id="178.10.3.1"> <div c-id="178.11.4.0"> <p>获取活动幻灯片的索引。据/p> </div></td> </tr> <tr c-id="178.12.2.1"> <th c-id="178.13.3.0"> 签名据/th> <td c-id="178.15.3.1"><code c-id="178.16.4.0"> getActiveIndex（）=> promise <number>据/code></td> </tr> </tbody> <thead c-id="178.18.1.2"> <tr c-id="178.19.2.0"> <th colspan="2" c-id="178.20.3.0"><h3 c-id="178.21.4.0"> getPreviousIndex据/H3.></th> </tr> </thead> <tbody c-id="178.23.1.3"> <tr c-id="178.24.2.0"> <th c-id="178.25.3.0"> 描述据/th> <td c-id="178.27.3.1"> <div c-id="178.28.4.0"> <p>得到上一张幻灯片的指数。据/p> </div></td> </tr> <tr c-id="178.29.2.1"> <th c-id="178.30.3.0"> 签名据/th> <td c-id="178.32.3.1"><code c-id="178.33.4.0"> getPreviousIndex（）=>无极<编号>据/code></td> </tr> </tbody> <thead c-id="178.35.1.4"> <tr c-id="178.36.2.0"> <th colspan="2" c-id="178.37.3.0"><h3 c-id="178.38.4.0"> getswiper.据/H3.></th> </tr> </thead> <tbody c-id="178.40.1.5"> <tr c-id="178.41.2.0"> <th c-id="178.42.3.0"> 描述据/th> <td c-id="178.44.3.1"> <div c-id="178.45.4.0"> <p>获取Swiper实例。使用它可以访问完整的Swiper API。看据a href="https://idangero.us/swiper/api/" title="https://idangero.us/swiper/api/“>Https://idangero.us/swiper/api/据/a>对于所有API选项。据/p> </div></td> </tr> <tr c-id="178.46.2.1"> <th c-id="178.47.3.0"> 签名据/th> <td c-id="178.49.3.1"><code c-id="178.50.4.0"> getSwiper() = > < >的任何承诺据/code></td> </tr> </tbody> <thead c-id="178.52.1.6"> <tr c-id="178.53.2.0"> <th colspan="2" c-id="178.54.3.0"><h3 c-id="178.55.4.0"> isBeginning据/H3.></th> </tr> </thead> <tbody c-id="178.57.1.7"> <tr c-id="178.58.2.0"> <th c-id="178.59.3.0"> 描述据/th> <td c-id="178.61.3.1"> <div c-id="178.62.4.0"> <p>获取当前幻灯片是否是第一张幻灯片。据/p> </div></td> </tr> <tr c-id="178.63.2.1"> <th c-id="178.64.3.0"> 签名据/th> <td c-id="178.66.3.1"><code c-id="178.67.4.0"> isBeginning() = > <布尔承诺>据/code></td> </tr> </tbody> <thead c-id="178.69.1.8"> <tr c-id="178.70.2.0"> <th colspan="2" c-id="178.71.3.0"><h3 c-id="178.72.4.0"> isEnd据/H3.></th> </tr> </thead> <tbody c-id="178.74.1.9"> <tr c-id="178.75.2.0"> <th c-id="178.76.3.0"> 描述据/th> <td c-id="178.78.3.1"> <div c-id="178.79.4.0"> <p>获取当前幻灯片是否是最后一张幻灯片。据/p> </div></td> </tr> <tr c-id="178.80.2.1"> <th c-id="178.81.3.0"> 签名据/th> <td c-id="178.83.3.1"><code c-id="178.84.4.0"> isEnd（）=>无极<布尔>据/code></td> </tr> </tbody> <thead c-id="178.86.1.10"> <tr c-id="178.87.2.0"> <th colspan="2" c-id="178.88.3.0"><h3 c-id="178.89.4.0"> 长度据/H3.></th> </tr> </thead> <tbody c-id="178.91.1.11"> <tr c-id="178.92.2.0"> <th c-id="178.93.3.0"> 描述据/th> <td c-id="178.95.3.1"> <div c-id="178.96.4.0"> <p>得到幻灯片的总数。据/p> </div></td> </tr> <tr c-id="178.97.2.1"> <th c-id="178.98.3.0"> 签名据/th> <td c-id="178.100.3.1"><code c-id="178.101.4.0"> 长度（）=>无极<编号>据/code></td> </tr> </tbody> <thead c-id="178.103.1.12"> <tr c-id="178.104.2.0"> <th colspan="2" c-id="178.105.3.0"><h3 c-id="178.106.4.0"> lockswipetonext.据/H3.></th> </tr> </thead> <tbody c-id="178.108.1.13"> <tr c-id="178.109.2.0"> <th c-id="178.110.3.0"> 描述据/th> <td c-id="178.112.3.1"> <div c-id="178.113.4.0"> <p>锁定或解锁的能力，以幻灯片到下一个幻灯片。据/p> </div></td> </tr> <tr c-id="178.114.2.1"> <th c-id="178.115.3.0"> 签名据/th> <td c-id="178.117.3.1"><code c-id="178.118.4.0"> lockSwipeToNext（锁定：布尔值）=>无极<空隙>据/code></td> </tr> </tbody> <thead c-id="178.120.1.14"> <tr c-id="178.121.2.0"> <th colspan="2" c-id="178.122.3.0"><h3 c-id="178.123.4.0"> lockSwipeToPrev据/H3.></th> </tr> </thead> <tbody c-id="178.125.1.15"> <tr c-id="178.126.2.0"> <th c-id="178.127.3.0"> 描述据/th> <td c-id="178.129.3.1"> <div c-id="178.130.4.0"> <p>锁定或解锁滑到上一张幻灯片的能力。据/p> </div></td> </tr> <tr c-id="178.131.2.1"> <th c-id="178.132.3.0"> 签名据/th> <td c-id="178.134.3.1"><code c-id="178.135.4.0"> lockswipetoprev（lock：boolean）=> promise <void>据/code></td> </tr> </tbody> <thead c-id="178.137.1.16"> <tr c-id="178.138.2.0"> <th colspan="2" c-id="178.139.3.0"><h3 c-id="178.140.4.0"> lockSwipes据/H3.></th> </tr> </thead> <tbody c-id="178.142.1.17"> <tr c-id="178.143.2.0"> <th c-id="178.144.3.0"> 描述据/th> <td c-id="178.146.3.1"> <div c-id="178.147.4.0"> <p>锁定或解锁滑到下一张或上一张幻灯片的能力。据/p> </div></td> </tr> <tr c-id="178.148.2.1"> <th c-id="178.149.3.0"> 签名据/th> <td c-id="178.151.3.1"><code c-id="178.152.4.0"> Lockswipes（锁：Boolean）=>承诺<void>据/code></td> </tr> </tbody> <thead c-id="178.154.1.18"> <tr c-id="178.155.2.0"> <th colspan="2" c-id="178.156.3.0"><h3 c-id="178.157.4.0"> slideNext据/H3.></th> </tr> </thead> <tbody c-id="178.159.1.19"> <tr c-id="178.160.2.0"> <th c-id="178.161.3.0"> 描述据/th> <td c-id="178.163.3.1"> <div c-id="178.164.4.0"> <p>过渡到下一个幻灯片。据/p> </div></td> </tr> <tr c-id="178.165.2.1"> <th c-id="178.166.3.0"> 签名据/th> <td c-id="178.168.3.1"><code c-id="178.169.4.0"> slideNext（速度?:数|未定义，runCallbacks ?:布尔|未定义）=>无极<空隙>据/code></td> </tr> </tbody> <thead c-id="178.171.1.20"> <tr c-id="178.172.2.0"> <th colspan="2" c-id="178.173.3.0"><h3 c-id="178.174.4.0"> slidePrev据/H3.></th> </tr> </thead> <tbody c-id="178.176.1.21"> <tr c-id="178.177.2.0"> <th c-id="178.178.3.0"> 描述据/th> <td c-id="178.180.3.1"> <div c-id="178.181.4.0"> <p>过渡到上一张幻灯片。据/p> </div></td> </tr> <tr c-id="178.182.2.1"> <th c-id="178.183.3.0"> 签名据/th> <td c-id="178.185.3.1"><code c-id="178.186.4.0"> slidePrev(速度?：number | undefined, runCallbacks?: boolean | undefined) => Promise<void></code></td> </tr> </tbody> <thead c-id="178.188.1.22"> <tr c-id="178.189.2.0"> <th colspan="2" c-id="178.190.3.0"><h3 c-id="178.191.4.0"> slideTo据/H3.></th> </tr> </thead> <tbody c-id="178.193.1.23"> <tr c-id="178.194.2.0"> <th c-id="178.195.3.0"> 描述据/th> <td c-id="178.197.3.1"> <div c-id="178.198.4.0"> <p>转换到指定的幻灯片。据/p> </div></td> </tr> <tr c-id="178.199.2.1"> <th c-id="178.200.3.0"> 签名据/th> <td c-id="178.202.3.1"><code c-id="178.203.4.0"> slideTo(指数:数量、速度?：number | undefined, runCallbacks?: boolean | undefined) => Promise<void></code></td> </tr> </tbody> <thead c-id="178.205.1.24"> <tr c-id="178.206.2.0"> <th colspan="2" c-id="178.207.3.0"><h3 c-id="178.208.4.0"> startAutoplay据/H3.></th> </tr> </thead> <tbody c-id="178.210.1.25"> <tr c-id="178.211.2.0"> <th c-id="178.212.3.0"> 描述据/th> <td c-id="178.214.3.1"> <div c-id="178.215.4.0"> <p>开始自动播放。据/p> </div></td> </tr> <tr c-id="178.216.2.1"> <th c-id="178.217.3.0"> 签名据/th> <td c-id="178.219.3.1"><code c-id="178.220.4.0"> startautoplay（）=>承诺<void>据/code></td> </tr> </tbody> <thead c-id="178.222.1.26"> <tr c-id="178.223.2.0"> <th colspan="2" c-id="178.224.3.0"><h3 c-id="178.225.4.0"> stopAutoplay据/H3.></th> </tr> </thead> <tbody c-id="178.227.1.27"> <tr c-id="178.228.2.0"> <th c-id="178.229.3.0"> 描述据/th> <td c-id="178.231.3.1"> <div c-id="178.232.4.0"> <p>停止自动播放。据/p> </div></td> </tr> <tr c-id="178.233.2.1"> <th c-id="178.234.3.0"> 签名据/th> <td c-id="178.236.3.1"><code c-id="178.237.4.0"> stopAutoplay() = > <承诺无效>据/code></td> </tr> </tbody> <thead c-id="178.239.1.28"> <tr c-id="178.240.2.0"> <th colspan="2" c-id="178.241.3.0"><h3 c-id="178.242.4.0"> 更新据/H3.></th> </tr> </thead> <tbody c-id="178.244.1.29"> <tr c-id="178.245.2.0"> <th c-id="178.246.3.0"> 描述据/th> <td c-id="178.248.3.1"> <div c-id="178.249.4.0"> <p>更新底层滑块实现。如果您添加或删除了子幻灯片，请调用此。</p> </div></td> </tr> <tr c-id="178.250.2.1"> <th c-id="178.251.3.0"> 签名据/th> <td c-id="178.253.3.1"><code c-id="178.254.4.0"> update() = > <承诺无效>据/code></td> </tr> </tbody> <thead c-id="178.256.1.30"> <tr c-id="178.257.2.0"> <th colspan="2" c-id="178.258.3.0"><h3 c-id="178.259.4.0"> updateAutoHeight据/H3.></th> </tr> </thead> <tbody c-id="178.261.1.31"> <tr c-id="178.262.2.0"> <th c-id="178.263.3.0"> 描述据/th> <td c-id="178.265.3.1"> <div c-id="178.266.4.0"> <p>强制滑动器更新其高度(当autoHeight启用时)，持续时间等于“speed”参数。据/p> </div></td> </tr> <tr c-id="178.267.2.1"> <th c-id="178.268.3.0"> 签名据/th> <td c-id="178.270.3.1"><code c-id="178.271.4.0"> UpdateAutoheight（速度？：number |未定义）=>承诺<void>据/code></td> </tr> </tbody> </table> </docs-reference> </section> <section c-id="146.7787.2.7"> <h2 id="css-custom-properties" c-id="146.7788.3.0"><a href="#css-custom-properties" c-id="146.7789.4.0"> CSS自定义属性据/a></h2> <table c-id="146.7791.3.1"> <thead c-id="146.7792.4.0"> <tr c-id="146.7793.5.0"> <th c-id="146.7794.6.0"> 的名字据/th> <th c-id="146.7796.6.1"> 描述据/th> </tr> </thead> <tbody c-id="146.7798.4.1"> <tr c-id="146.7799.5.0"> <td c-id="146.7800.6.0"><code c-id="146.7801.7.0"> - bullet-background.据/code></td> <td c-id="146.7803.6.1"> 分页项目符号的背景据/td> </tr> <tr c-id="146.7805.5.1"> <td c-id="146.7806.6.0"><code c-id="146.7807.7.0"> --bullet背景活性据/code></td> <td c-id="146.7809.6.1"> 活动分页子弹背景据/td> </tr> <tr c-id="146.7811.5.2"> <td c-id="146.7812.6.0"><code c-id="146.7813.7.0"> - 栏杆背景据/code></td> <td c-id="146.7815.6.1"> 分页进度条的背景据/td> </tr> <tr c-id="146.7817.5.3"> <td c-id="146.7818.6.0"><code c-id="146.7819.7.0"> ——progress-bar-background-active据/code></td> <td c-id="146.7821.6.1"> 活动分页进度条的背景据/td> </tr> <tr c-id="146.7823.5.4"> <td c-id="146.7824.6.0"><code c-id="146.7825.7.0"> ——scroll-bar-background据/code></td> <td c-id="146.7827.6.1"> 分页滚动条的背景据/td> </tr> <tr c-id="146.7829.5.5"> <td c-id="146.7830.6.0"><code c-id="146.7831.7.0"> ——scroll-bar-background-active据/code></td> <td c-id="146.7833.6.1"> 活动分页滚动条的背景据/td> </tr> </tbody> </table> </section> </article> </main> <docs-demo class="hydrated" c-id="146.7835.0.1" s-id="179">  <div class="docs-demo-mode-toggle" c-id="179.0.0.0"> <button class="is-selected" title="Toggle iOS mode" c-id="179.1.1.0"> iOS.据/button> <button title="Toggle Android mode" c-id="179.3.1.1"> 安卓据/button> </div> <div class="docs-demo-device ios" c-id="179.5.0.1"> <figure c-id="179.6.1.0"> <svg class="docs-demo-device__md-bar" viewbox="0 0 1384.3 40.3" c-id="179.7.2.0"> <path class="st0" d="M1343 5l18.8 32.3c.8 1.3 2.7 1.3 3.5 0L1384 5c.8-1.3-.2-3-1.7-3h-37.6c-1.5 0-2.5 1.7-1.7 3z" c-id="179.8.3.0"></path> <circle class="st0" cx="1299" cy="20.2" r="20" c-id="179.9.3.1"></circle> <path class="st0" d="M1213 1.2h30c2.2 0 4 1.8 4 4v30c0 2.2-1.8 4-4 4h-30c-2.2 0-4-1.8-4-4v-30c0-2.3 1.8-4 4-4zM16 4.2h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H16c-8.8 0-16-7.2-16-16s7.2-16 16-16z" c-id="179.10.3.2"></path> </svg> <svg class="docs-demo-device__ios-notch" viewbox="0 0 219 31" c-id="179.11.2.1"> <path d="M0 1V0h219v1a5 5 0 0 0-5 5v3c0 12.15-9.85 22-22 22H27C14.85 31 5 21.15 5 9V6a5 5 0 0 0-5-5z" fill-rule="evenodd" c-id="179.12.3.0"></path> </svg> <iframe loading="lazy" importance="low" src="//www.jesscamp.com/docs/demos/api/slides/index.html?ionic:mode=ios" c-id="179.13.2.2"></iframe> </figure> </div> <a href="https://github.com/ionic-team/ionic-docs/tree/legacy/src/demos/api/slides/index.html" class="docs-demo-source" target="_blank" title="查看源代码“c-id="179.14.0.2"> <ion-icon class="sc-ion-icon-h md hydrated" role="img" aria-label="open" name="open" c-id="179.15.1.0" s-id="180">  <div class="icon-inner sc-ion-icon" c-id="180.0.0.0"></div> </ion-icon> 查看源代码据/a> </docs-demo> </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>