diff --git a/docs/.vuepress/dist/404.html b/docs/.vuepress/dist/404.html index 41cc558..516c5ae 100644 --- a/docs/.vuepress/dist/404.html +++ b/docs/.vuepress/dist/404.html @@ -10,11 +10,11 @@ - - + + -
404
这是一个Four-Oh-Four.
返回首页
- +
404
这里什么都没有。
返回首页
+ diff --git a/docs/.vuepress/dist/archives/index.html b/docs/.vuepress/dist/archives/index.html index 083d689..3f2d30c 100644 --- a/docs/.vuepress/dist/archives/index.html +++ b/docs/.vuepress/dist/archives/index.html @@ -10,8 +10,8 @@ - - + +
ColorUI 使用文档
- + diff --git a/docs/.vuepress/dist/assets/css/0.styles.3209b4c3.css b/docs/.vuepress/dist/assets/css/0.styles.50d652ad.css similarity index 75% rename from docs/.vuepress/dist/assets/css/0.styles.3209b4c3.css rename to docs/.vuepress/dist/assets/css/0.styles.50d652ad.css index 86463f1..1e487dc 100644 --- a/docs/.vuepress/dist/assets/css/0.styles.3209b4c3.css +++ b/docs/.vuepress/dist/assets/css/0.styles.50d652ad.css @@ -1 +1 @@ -@import url(//at.alicdn.com/t/font_1678482_4tbhmh589x.css);.code-copy{color:#aaa;fill:#aaa;font-size:14px;display:inline-block;cursor:pointer}div[class*=aside-code] aside .code-copy,div[class*=language-] pre .code-copy{position:absolute;z-index:1000;top:7px;right:35px;opacity:0;font-size:16px}div[class*=aside-code] aside:hover .code-copy,div[class*=language-] pre:hover .code-copy{opacity:1}.content pre,.content pre[class*=language-]{overflow-y:hidden}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:static!important}div[class~=language-text]:before{content:"text"}div[class~=language-yml]:before{content:"yml"}div[class*=language-] pre{-webkit-user-select:text;-moz-user-select:text;user-select:text}p code{-webkit-user-select:all;-moz-user-select:all;user-select:all}@keyframes message-move-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#message-container .message.move-in{animation:message-move-in .3s ease-in-out}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}#message-container .message.move-out{animation:message-move-out .3s ease-in-out;animation-fill-mode:forwards}#message-container .message{background:#fff;margin:10px 0;padding:0 10px;height:40px;box-shadow:0 0 10px 0 #ccc;font-size:14px;border-radius:3px;display:flex;align-items:center;transition:height .2s ease-in-out,margin .2s ease-in-out}#message-container{position:fixed;left:0;top:100px;right:0;display:flex;flex-direction:column;align-items:center}#message-container .message .text{color:#333;padding:0 20px 0 5px}.theme-code-block[data-v-5a3e6e86]{display:none}.theme-code-block__active[data-v-5a3e6e86]{display:block}.theme-code-block>pre[data-v-5a3e6e86]{background-color:orange}@media (max-width:419px){.theme-code-group div[class*=language-][data-v-5a3e6e86]{margin:0}}.theme-mode-light[data-v-392329f0]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-392329f0]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-392329f0]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-392329f0]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-392329f0]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-392329f0]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-392329f0]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-392329f0],.theme-mode-light pre[class*=language-][data-v-392329f0]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-392329f0]::-moz-selection,.theme-mode-light code[class*=language-][data-v-392329f0] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-392329f0]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-392329f0] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-392329f0]::selection,.theme-mode-light code[class*=language-][data-v-392329f0] ::selection,.theme-mode-light pre[class*=language-][data-v-392329f0]::selection,.theme-mode-light pre[class*=language-][data-v-392329f0] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-392329f0],.theme-mode-light pre[class*=language-][data-v-392329f0]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-392329f0]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-392329f0],.theme-mode-light pre[class*=language-][data-v-392329f0]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-392329f0]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-392329f0],.theme-mode-light .token.comment[data-v-392329f0],.theme-mode-light .token.doctype[data-v-392329f0],.theme-mode-light .token.prolog[data-v-392329f0]{color:#708090}.theme-mode-light .token.punctuation[data-v-392329f0]{color:#999}.theme-mode-light .namespace[data-v-392329f0]{opacity:.7}.theme-mode-light .token.boolean[data-v-392329f0],.theme-mode-light .token.constant[data-v-392329f0],.theme-mode-light .token.deleted[data-v-392329f0],.theme-mode-light .token.number[data-v-392329f0],.theme-mode-light .token.property[data-v-392329f0],.theme-mode-light .token.symbol[data-v-392329f0],.theme-mode-light .token.tag[data-v-392329f0]{color:#905}.theme-mode-light .token.attr-name[data-v-392329f0],.theme-mode-light .token.builtin[data-v-392329f0],.theme-mode-light .token.char[data-v-392329f0],.theme-mode-light .token.inserted[data-v-392329f0],.theme-mode-light .token.selector[data-v-392329f0],.theme-mode-light .token.string[data-v-392329f0]{color:#690}.theme-mode-light .language-css .token.string[data-v-392329f0],.theme-mode-light .style .token.string[data-v-392329f0],.theme-mode-light .token.entity[data-v-392329f0],.theme-mode-light .token.operator[data-v-392329f0],.theme-mode-light .token.url[data-v-392329f0]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-392329f0],.theme-mode-light .token.attr-value[data-v-392329f0],.theme-mode-light .token.keyword[data-v-392329f0]{color:#07a}.theme-mode-light .token.class-name[data-v-392329f0],.theme-mode-light .token.function[data-v-392329f0]{color:#dd4a68}.theme-mode-light .token.important[data-v-392329f0],.theme-mode-light .token.regex[data-v-392329f0],.theme-mode-light .token.variable[data-v-392329f0]{color:#e90}.theme-mode-light .token.bold[data-v-392329f0],.theme-mode-light .token.important[data-v-392329f0]{font-weight:700}.theme-mode-light .token.italic[data-v-392329f0]{font-style:italic}.theme-mode-light .token.entity[data-v-392329f0]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-392329f0],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-392329f0]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-392329f0]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-392329f0],.theme-mode-dark pre[class*=language-][data-v-392329f0]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-392329f0]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-392329f0],.theme-mode-dark pre[class*=language-][data-v-392329f0]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-392329f0]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-392329f0],.theme-mode-dark .token.cdata[data-v-392329f0],.theme-mode-dark .token.comment[data-v-392329f0],.theme-mode-dark .token.doctype[data-v-392329f0],.theme-mode-dark .token.prolog[data-v-392329f0]{color:#999}.theme-mode-dark .token.punctuation[data-v-392329f0]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-392329f0],.theme-mode-dark .token.deleted[data-v-392329f0],.theme-mode-dark .token.namespace[data-v-392329f0],.theme-mode-dark .token.tag[data-v-392329f0]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-392329f0]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-392329f0],.theme-mode-dark .token.function[data-v-392329f0],.theme-mode-dark .token.number[data-v-392329f0]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-392329f0],.theme-mode-dark .token.constant[data-v-392329f0],.theme-mode-dark .token.property[data-v-392329f0],.theme-mode-dark .token.symbol[data-v-392329f0]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-392329f0],.theme-mode-dark .token.builtin[data-v-392329f0],.theme-mode-dark .token.important[data-v-392329f0],.theme-mode-dark .token.keyword[data-v-392329f0],.theme-mode-dark .token.selector[data-v-392329f0]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-392329f0],.theme-mode-dark .token.char[data-v-392329f0],.theme-mode-dark .token.regex[data-v-392329f0],.theme-mode-dark .token.string[data-v-392329f0],.theme-mode-dark .token.variable[data-v-392329f0]{color:#7ec699}.theme-mode-dark .token.entity[data-v-392329f0],.theme-mode-dark .token.operator[data-v-392329f0],.theme-mode-dark .token.url[data-v-392329f0]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-392329f0],.theme-mode-dark .style .token.string[data-v-392329f0],.theme-mode-dark .token.entity[data-v-392329f0],.theme-mode-dark .token.operator[data-v-392329f0],.theme-mode-dark .token.url[data-v-392329f0]{background:none}.theme-mode-dark .token.bold[data-v-392329f0],.theme-mode-dark .token.important[data-v-392329f0]{font-weight:700}.theme-mode-dark .token.italic[data-v-392329f0]{font-style:italic}.theme-mode-dark .token.entity[data-v-392329f0]{cursor:help}.theme-mode-dark .token.inserted[data-v-392329f0]{color:green}.theme-mode-read[data-v-392329f0]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-392329f0],.theme-mode-read pre[class*=language-][data-v-392329f0]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-392329f0]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-392329f0],.theme-mode-read pre[class*=language-][data-v-392329f0]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-392329f0]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-392329f0],.theme-mode-read .token.cdata[data-v-392329f0],.theme-mode-read .token.comment[data-v-392329f0],.theme-mode-read .token.doctype[data-v-392329f0],.theme-mode-read .token.prolog[data-v-392329f0]{color:#999}.theme-mode-read .token.punctuation[data-v-392329f0]{color:#ccc}.theme-mode-read .token.attr-name[data-v-392329f0],.theme-mode-read .token.deleted[data-v-392329f0],.theme-mode-read .token.namespace[data-v-392329f0],.theme-mode-read .token.tag[data-v-392329f0]{color:#e2777a}.theme-mode-read .token.function-name[data-v-392329f0]{color:#6196cc}.theme-mode-read .token.boolean[data-v-392329f0],.theme-mode-read .token.function[data-v-392329f0],.theme-mode-read .token.number[data-v-392329f0]{color:#f08d49}.theme-mode-read .token.class-name[data-v-392329f0],.theme-mode-read .token.constant[data-v-392329f0],.theme-mode-read .token.property[data-v-392329f0],.theme-mode-read .token.symbol[data-v-392329f0]{color:#f8c555}.theme-mode-read .token.atrule[data-v-392329f0],.theme-mode-read .token.builtin[data-v-392329f0],.theme-mode-read .token.important[data-v-392329f0],.theme-mode-read .token.keyword[data-v-392329f0],.theme-mode-read .token.selector[data-v-392329f0]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-392329f0],.theme-mode-read .token.char[data-v-392329f0],.theme-mode-read .token.regex[data-v-392329f0],.theme-mode-read .token.string[data-v-392329f0],.theme-mode-read .token.variable[data-v-392329f0]{color:#7ec699}.theme-mode-read .token.entity[data-v-392329f0],.theme-mode-read .token.operator[data-v-392329f0],.theme-mode-read .token.url[data-v-392329f0]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-392329f0],.theme-mode-read .style .token.string[data-v-392329f0],.theme-mode-read .token.entity[data-v-392329f0],.theme-mode-read .token.operator[data-v-392329f0],.theme-mode-read .token.url[data-v-392329f0]{background:none}.theme-mode-read .token.bold[data-v-392329f0],.theme-mode-read .token.important[data-v-392329f0]{font-weight:700}.theme-mode-read .token.italic[data-v-392329f0]{font-style:italic}.theme-mode-read .token.entity[data-v-392329f0]{cursor:help}.theme-mode-read .token.inserted[data-v-392329f0]{color:green}.theme-code-group[data-v-392329f0],.theme-code-group__nav[data-v-392329f0]{background-color:var(--codeBg);padding-bottom:22px;border-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__nav[data-v-392329f0]{margin-bottom:-35px}.theme-code-group__ul[data-v-392329f0]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__li[data-v-392329f0],.theme-code-group__nav-tab[data-v-392329f0]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:var(--codeColor);font-weight:600;opacity:.85}.theme-code-group__nav-tab-active[data-v-392329f0]{border-bottom:1px solid #11a8cd;opacity:1}.pre-blank[data-v-392329f0]{color:#11a8cd}body .theme-vdoing-content code{color:var(--textLightenColor);padding:.25rem .5rem;margin:0;font-size:.9em;background-color:hsla(0,0%,39.2%,.08);border-radius:3px}body .theme-vdoing-content code .token.deleted{color:#ec5975}body .theme-vdoing-content code .token.inserted{color:#11a8cd}body .theme-vdoing-content pre,body .theme-vdoing-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}body .theme-vdoing-content pre[class*=language-] code,body .theme-vdoing-content pre code{color:var(--codeColor);padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:var(--codeBg);border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.3)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative!important;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.8rem;color:hsla(0,0%,58.8%,.7)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:2.5rem;height:100%;background-color:rgba(0,0,0,.3)}div[class*=language-].line-numbers-mode pre{padding-left:3.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:2.5rem;text-align:center;color:hsla(0,0%,49.8%,.5);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:2.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid var(--borderColor);background-color:var(--codeBg)}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:.2rem}.custom-block p{margin:0}.custom-block.danger,.custom-block.note,.custom-block.tip,.custom-block.warning{padding:.5rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983;color:#215d42}.custom-block.warning{background-color:#fff7d0;border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:var(--textColor)}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:var(--textColor)}.custom-block.note{background-color:#e8f5fa;border-color:#157bae;color:#0d4a68}.custom-block.right{color:var(--textColor);font-size:.9rem;text-align:right}.custom-block.theorem{margin:1rem 0;padding:.8rem 1.5rem;border-radius:2px;background-color:var(--customBlockBg)}.custom-block.theorem .title{font-weight:700;margin:.5rem 0}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1em 0;padding:1.6em;background-color:var(--customBlockBg)}.custom-block.details p{margin:.8rem 0}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.custom-block.details summary:hover{color:#11a8cd}.theme-mode-dark .custom-block.warning{background-color:rgba(255,247,208,.2);color:#e7c000}.theme-mode-dark .custom-block.warning .custom-block-title{color:#ffdc2f}.theme-mode-dark .custom-block.tip{background-color:rgba(243,245,247,.2);color:#42b983}.theme-mode-dark .custom-block.danger{background-color:rgba(255,230,230,.4);color:maroon}.theme-mode-dark .custom-block.danger a{color:#11a8cd}.theme-mode-dark .custom-block.note{background-color:rgba(243,245,247,.2);color:#157bae}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-vdoing-content:not(.custom){max-width:860px}.table-of-contents .badge{vertical-align:middle}.center-container{text-align:center}.center-container>h1,.center-container>h2,.center-container>h3,.center-container>h4,.center-container>h5,.center-container>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.center-container>h1 a.header-anchor,.center-container>h2 a.header-anchor,.center-container>h3 a.header-anchor,.center-container>h4 a.header-anchor,.center-container>h5 a.header-anchor,.center-container>h6 a.header-anchor{float:none;padding-right:0;margin-left:-.9rem}.cardListContainer{margin:.7rem 0}.cardListContainer>:not(.card-list){display:none}.cardListContainer .card-list{margin:-.35rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardListContainer .card-list .card-item{width:calc(33.33333% - .7rem);margin:.35rem;background:var(--bodyBg);border-radius:3px;color:var(--textColor);display:flex;box-shadow:1px 1px 2px 0 rgba(0,0,0,.06);transition:all .4s}.cardListContainer .card-list .card-item:hover{text-decoration:none;box-shadow:0 10px 20px -10px var(--randomColor,rgba(0,0,0,.15));transform:translateY(-3px) scale(1.01)}.cardListContainer .card-list .card-item:hover img{box-shadow:3px 2px 7px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item:hover div p{text-shadow:3px 2px 5px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item img{width:60px;height:60px;border-radius:50%;border:2px solid #fff;margin:1rem 0 1rem 1rem;box-shadow:3px 2px 5px rgba(0,0,0,.08);transition:all .4s}.cardListContainer .card-list .card-item div{flex:1;display:inline-block;float:right;padding:1rem 0}.cardListContainer .card-list .card-item div p{margin:0;padding:0 1rem;transition:text-shadow .4s;text-align:center}.cardListContainer .card-list .card-item div .name{margin:.2rem 0 .3rem}.cardListContainer .card-list .card-item div .desc{font-size:.8rem;line-height:1.1rem;opacity:.8;margin-bottom:.2rem}.cardListContainer .card-list .card-item.row-1{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img{margin-left:2rem}.cardListContainer .card-list .card-item.row-2{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-2 img{margin-left:1.5rem}.cardListContainer .card-list .card-item.row-3{width:calc(33.33333% - .7rem)}.cardListContainer .card-list .card-item.row-4{width:calc(25% - .7rem)}.cardImgListContainer{margin:1rem 0}.cardImgListContainer>:not(.card-list){display:none}.cardImgListContainer .card-list{margin:-.5rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardImgListContainer .card-list .card-item{width:calc(33.33333% - 1rem);margin:.5rem;background:var(--mainBg);border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:3px;overflow:hidden;color:var(--textColor);box-shadow:2px 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;transition:all .4s}.cardImgListContainer .card-list .card-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.cardImgListContainer .card-list .card-item .box-img{overflow:hidden;position:relative;background:#eee}.cardImgListContainer .card-list .card-item .box-img img{display:block;width:100%;height:100%;transition:all .3s}.cardImgListContainer .card-list .card-item a{color:var(--textColor);transition:color .3s}.cardImgListContainer .card-list .card-item a:hover{text-decoration:none}.cardImgListContainer .card-list .card-item .box-info{padding:.8rem 1rem}.cardImgListContainer .card-list .card-item .box-info p{margin:0}.cardImgListContainer .card-list .card-item .box-info .desc{margin-top:.3rem;opacity:.8;font-size:.9rem;line-height:1.1rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.cardImgListContainer .card-list .card-item .box-footer{overflow:hidden;padding:.8rem 1rem;border-top:1px solid rgba(0,0,0,.1)}.cardImgListContainer .card-list .card-item .box-footer img{width:1.8rem;height:1.8rem;border-radius:50%;float:left}.cardImgListContainer .card-list .card-item .box-footer span{line-height:1.8rem;float:left;margin-left:.6rem;font-size:.8rem}.cardImgListContainer .card-list .card-item.row-1{width:calc(100% - 1rem)}.cardImgListContainer .card-list .card-item.row-2{width:calc(50% - 1rem)}.cardImgListContainer .card-list .card-item.row-3{width:calc(33.33333% - 1rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(25% - 1rem)}.theme-mode-dark .cardImgListContainer .card-list .card-item,.theme-mode-dark .cardImgListContainer .card-list .card-item .box-footer{border-color:var(--borderColor)}@media (max-width:900px){.cardListContainer .card-list .card-item.row-4{width:calc(33.33333% - .7rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(33.33333% - 1rem)}}@media (max-width:720px){.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(50% - 1rem)}}@media (max-width:500px){.cardListContainer .card-list .card-item.row-1,.cardListContainer .card-list .card-item.row-2,.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img,.cardListContainer .card-list .card-item.row-2 img,.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-1,.cardImgListContainer .card-list .card-item.row-2,.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(100% - 1rem)}}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;color:#2c3e50;background:var(--bodyBg)}a,button,input{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-focus-ring-color:transparent}@media (min-width:719px){::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.15);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}}.card-box{border-radius:5px;background:var(--mainBg);box-shadow:0 0 4px 0 rgba(0,0,0,.1);transition:box-shadow .5s}.card-box:hover{box-shadow:0 1px 15px 0 rgba(0,0,0,.1)}@media (max-width:719px){.theme-style-line{margin-left:-1px;margin-right:-1px}}.theme-style-line .card-box{box-shadow:0 0;border:1px solid var(--borderColor)}.blur{-webkit-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px)}.custom-page{min-height:calc(100vh - 3.6rem);padding-top:3.6rem;padding-bottom:.9rem}.custom-page .theme-vdoing-wrapper{margin:0 auto}body .search-box input{background-color:transparent;color:var(--textColor);border:1px solid var(--borderColor,#ccc)}@media (max-width:959px){body .search-box input{border-color:transparent}}.page{transition:padding .2s ease;padding-left:.8rem}.navbar{position:fixed;z-index:20;top:0;left:0;right:0;height:3.6rem;background-color:var(--blurBg);box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,.06)}.sidebar-mask{top:0;width:100vw;height:100vh}.sidebar-hover-trigger,.sidebar-mask{position:fixed;z-index:12;left:0;display:none}.sidebar-hover-trigger{top:8.1rem;bottom:0;width:24px}.sidebar{font-size:16px;background-color:var(--sidebarBg);width:18rem;position:fixed;z-index:13;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid var(--borderColor);overflow-y:auto;transform:translateX(-100%);transition:transform .2s}@media (max-width:719px){.sidebar{background-color:var(--mainBg)}}.theme-vdoing-content:not(.custom){word-wrap:break-word}.theme-vdoing-content:not(.custom) a:hover{text-decoration:underline}.theme-vdoing-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-vdoing-content:not(.custom) img{max-width:100%}.theme-vdoing-content.custom{padding:0;margin:0}.theme-vdoing-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#11a8cd}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;opacity:.75;border-left:.2rem solid hsla(0,0%,39.2%,.3);margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-vdoing-content:not(.custom)>h1,.theme-vdoing-content:not(.custom)>h2,.theme-vdoing-content:not(.custom)>h3,.theme-vdoing-content:not(.custom)>h4,.theme-vdoing-content:not(.custom)>h5,.theme-vdoing-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-vdoing-content:not(.custom)>h1:first-child,.theme-vdoing-content:not(.custom)>h2:first-child,.theme-vdoing-content:not(.custom)>h3:first-child,.theme-vdoing-content:not(.custom)>h4:first-child,.theme-vdoing-content:not(.custom)>h5:first-child,.theme-vdoing-content:not(.custom)>h6:first-child{margin-bottom:1rem}.theme-vdoing-content:not(.custom)>h1:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h1:first-child+p,.theme-vdoing-content:not(.custom)>h1:first-child+pre,.theme-vdoing-content:not(.custom)>h2:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h2:first-child+p,.theme-vdoing-content:not(.custom)>h2:first-child+pre,.theme-vdoing-content:not(.custom)>h3:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h3:first-child+p,.theme-vdoing-content:not(.custom)>h3:first-child+pre,.theme-vdoing-content:not(.custom)>h4:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h4:first-child+p,.theme-vdoing-content:not(.custom)>h4:first-child+pre,.theme-vdoing-content:not(.custom)>h5:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h5:first-child+p,.theme-vdoing-content:not(.custom)>h5:first-child+pre,.theme-vdoing-content:not(.custom)>h6:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h6:first-child+p,.theme-vdoing-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}.theme-vdoing-content:not(.custom)>.custom-block:first-child,.theme-vdoing-content:not(.custom)>p:first-child,.theme-vdoing-content:not(.custom)>pre:first-child{margin-top:2rem}h1{font-size:1.9rem}.theme-vdoing-content:not(.custom)>h1:first-child{display:none}h2{font-size:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--borderColor)}h3{font-size:1.35rem}.page h4{font-size:1.25rem}.page h5{font-size:1.15rem}.page h6{font-size:1.05rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid var(--borderColor)}table{border-collapse:collapse;margin:1rem 0;overflow-x:auto;width:100%;display:inline-table}@media (max-width:719px){table{display:block}}tr{border-top:1px solid var(--borderColor)}tr:nth-child(2n){background-color:hsla(0,0%,58.8%,.1)}td,th{border:1px solid var(--borderColor);padding:.6em 1em}@media (max-width:719px){td,th{padding:.3em .5em}}td a,th a{word-break:break-all}.theme-container{color:var(--textColor);min-height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-vdoing-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px}}@media (max-width:719px){.sidebar{width:17.099999999999998rem}}@media (min-width:720px) and (max-width:959px){.sidebar{width:16.2rem}.theme-container.sidebar-open .page{padding-left:17rem!important}}@media (max-width:719px){.sidebar{top:0;height:100vh;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-vdoing-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}@media (min-width:720px){.theme-container .sidebar-hover-trigger{display:block}.theme-container .sidebar-hover-trigger:hover~.sidebar,.theme-container:not(.sidebar-open) .sidebar-hover-trigger~.sidebar:hover{transform:translateX(0);z-index:100}.theme-container.sidebar-open .sidebar-mask{display:none}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-button{left:18rem}.theme-container.sidebar-open .page{padding-left:18.8rem;padding-right:.8rem}.theme-container.sidebar-open .sidebar-hover-trigger{display:none}.theme-container.have-rightmenu .page{padding-right:445px}.theme-container.no-sidebar .page{padding-left:0!important}.theme-container.no-sidebar .sidebar-hover-trigger{display:none}.theme-container.hide-navbar .sidebar-hover-trigger{top:4.5rem}.theme-container.hide-navbar .sidebar{top:0}.theme-container.no-sidebar .sidebar-button{display:none}}@media print{.buttons,.navbar,.sidebar{display:none}.page{padding-top:0!important}}@media (min-width:720px) and (max-width:959px){.theme-container.sidebar-open:not(.on-sidebar) .sidebar-button{left:12.6rem}}.home-wrapper .banner .banner-conent .hero h1{font-size:2.8rem!important}.page{letter-spacing:.08rem}table{width:auto}.card-box,.page>:not(.footer){box-shadow:none!important}@media (min-width:940px){.page{padding-top:3.6rem!important}}.home-wrapper .banner .banner-conent{padding:0 2.9rem;box-sizing:border-box}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2{margin-top:2rem;font-size:1.2rem!important}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p{padding:0 1rem}.gt-container .gt-ico-tip:after{content:"。( Win + . ) or ( ⌃ + ⌘ + ␣ ) open Emoji";color:#999}.gt-container .gt-meta{border-color:var(--borderColor)!important}.gt-container .gt-comments-null{color:var(--textColor);opacity:.5}.gt-container .gt-header-textarea{color:var(--textColor);background:hsla(0,0%,70.6%,.1)!important}.gt-container .gt-btn{border-color:#11a8cd!important;background-color:#11a8cd!important}.gt-container .gt-btn-preview{background-color:hsla(0,0%,100%,0)!important;color:#11a8cd!important}.gt-container a{color:#11a8cd!important}.gt-container .gt-svg svg{fill:#11a8cd!important}.gt-container .gt-comment-admin .gt-comment-content,.gt-container .gt-comment-content{background-color:hsla(0,0%,58.8%,.1)!important}.gt-container .gt-comment-admin .gt-comment-content:hover,.gt-container .gt-comment-content:hover{box-shadow:0 0 25px hsla(0,0%,58.8%,.5)!important}.gt-container .gt-comment-admin .gt-comment-content .gt-comment-body,.gt-container .gt-comment-content .gt-comment-body{color:var(--textColor)!important}.qq{position:relative}.qq:after{content:"可撩";background:#11a8cd;color:#fff;padding:0 5px;border-radius:10px;font-size:12px;position:absolute;top:-4px;right:-35px;transform:scale(.85)}body .vuepress-plugin-demo-block__wrapper,body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display{border-color:hsla(0,0%,62.7%,.3)}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand:before{border-top-color:#11a8cd!important;border-bottom-color:#11a8cd!important}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover svg{fill:#11a8cd!important}.suggestions{overflow:auto;max-height:calc(100vh - 6rem)}@media (max-width:719px){.suggestions{width:90vw;min-width:90vw!important;margin-right:-20px}}.suggestions .highlight{color:#11a8cd;font-weight:700}#nprogress{pointer-events:none}#nprogress .bar{background:#11a8cd;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #11a8cd,0 0 5px #11a8cd;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#11a8cd transparent transparent #11a8cd;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.theme-mode-light[data-v-08abdc17]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-08abdc17]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-08abdc17]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-08abdc17]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-08abdc17]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-08abdc17]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-08abdc17]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-08abdc17],.theme-mode-light pre[class*=language-][data-v-08abdc17]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-08abdc17]::-moz-selection,.theme-mode-light code[class*=language-][data-v-08abdc17] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-08abdc17]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-08abdc17] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-08abdc17]::selection,.theme-mode-light code[class*=language-][data-v-08abdc17] ::selection,.theme-mode-light pre[class*=language-][data-v-08abdc17]::selection,.theme-mode-light pre[class*=language-][data-v-08abdc17] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-08abdc17],.theme-mode-light pre[class*=language-][data-v-08abdc17]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-08abdc17]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-08abdc17],.theme-mode-light pre[class*=language-][data-v-08abdc17]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-08abdc17]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-08abdc17],.theme-mode-light .token.comment[data-v-08abdc17],.theme-mode-light .token.doctype[data-v-08abdc17],.theme-mode-light .token.prolog[data-v-08abdc17]{color:#708090}.theme-mode-light .token.punctuation[data-v-08abdc17]{color:#999}.theme-mode-light .namespace[data-v-08abdc17]{opacity:.7}.theme-mode-light .token.boolean[data-v-08abdc17],.theme-mode-light .token.constant[data-v-08abdc17],.theme-mode-light .token.deleted[data-v-08abdc17],.theme-mode-light .token.number[data-v-08abdc17],.theme-mode-light .token.property[data-v-08abdc17],.theme-mode-light .token.symbol[data-v-08abdc17],.theme-mode-light .token.tag[data-v-08abdc17]{color:#905}.theme-mode-light .token.attr-name[data-v-08abdc17],.theme-mode-light .token.builtin[data-v-08abdc17],.theme-mode-light .token.char[data-v-08abdc17],.theme-mode-light .token.inserted[data-v-08abdc17],.theme-mode-light .token.selector[data-v-08abdc17],.theme-mode-light .token.string[data-v-08abdc17]{color:#690}.theme-mode-light .language-css .token.string[data-v-08abdc17],.theme-mode-light .style .token.string[data-v-08abdc17],.theme-mode-light .token.entity[data-v-08abdc17],.theme-mode-light .token.operator[data-v-08abdc17],.theme-mode-light .token.url[data-v-08abdc17]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-08abdc17],.theme-mode-light .token.attr-value[data-v-08abdc17],.theme-mode-light .token.keyword[data-v-08abdc17]{color:#07a}.theme-mode-light .token.class-name[data-v-08abdc17],.theme-mode-light .token.function[data-v-08abdc17]{color:#dd4a68}.theme-mode-light .token.important[data-v-08abdc17],.theme-mode-light .token.regex[data-v-08abdc17],.theme-mode-light .token.variable[data-v-08abdc17]{color:#e90}.theme-mode-light .token.bold[data-v-08abdc17],.theme-mode-light .token.important[data-v-08abdc17]{font-weight:700}.theme-mode-light .token.italic[data-v-08abdc17]{font-style:italic}.theme-mode-light .token.entity[data-v-08abdc17]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-08abdc17],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-08abdc17]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-08abdc17]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-08abdc17],.theme-mode-dark pre[class*=language-][data-v-08abdc17]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-08abdc17]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-08abdc17],.theme-mode-dark pre[class*=language-][data-v-08abdc17]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-08abdc17]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-08abdc17],.theme-mode-dark .token.cdata[data-v-08abdc17],.theme-mode-dark .token.comment[data-v-08abdc17],.theme-mode-dark .token.doctype[data-v-08abdc17],.theme-mode-dark .token.prolog[data-v-08abdc17]{color:#999}.theme-mode-dark .token.punctuation[data-v-08abdc17]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-08abdc17],.theme-mode-dark .token.deleted[data-v-08abdc17],.theme-mode-dark .token.namespace[data-v-08abdc17],.theme-mode-dark .token.tag[data-v-08abdc17]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-08abdc17]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-08abdc17],.theme-mode-dark .token.function[data-v-08abdc17],.theme-mode-dark .token.number[data-v-08abdc17]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-08abdc17],.theme-mode-dark .token.constant[data-v-08abdc17],.theme-mode-dark .token.property[data-v-08abdc17],.theme-mode-dark .token.symbol[data-v-08abdc17]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-08abdc17],.theme-mode-dark .token.builtin[data-v-08abdc17],.theme-mode-dark .token.important[data-v-08abdc17],.theme-mode-dark .token.keyword[data-v-08abdc17],.theme-mode-dark .token.selector[data-v-08abdc17]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-08abdc17],.theme-mode-dark .token.char[data-v-08abdc17],.theme-mode-dark .token.regex[data-v-08abdc17],.theme-mode-dark .token.string[data-v-08abdc17],.theme-mode-dark .token.variable[data-v-08abdc17]{color:#7ec699}.theme-mode-dark .token.entity[data-v-08abdc17],.theme-mode-dark .token.operator[data-v-08abdc17],.theme-mode-dark .token.url[data-v-08abdc17]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-08abdc17],.theme-mode-dark .style .token.string[data-v-08abdc17],.theme-mode-dark .token.entity[data-v-08abdc17],.theme-mode-dark .token.operator[data-v-08abdc17],.theme-mode-dark .token.url[data-v-08abdc17]{background:none}.theme-mode-dark .token.bold[data-v-08abdc17],.theme-mode-dark .token.important[data-v-08abdc17]{font-weight:700}.theme-mode-dark .token.italic[data-v-08abdc17]{font-style:italic}.theme-mode-dark .token.entity[data-v-08abdc17]{cursor:help}.theme-mode-dark .token.inserted[data-v-08abdc17]{color:green}.theme-mode-read[data-v-08abdc17]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-08abdc17],.theme-mode-read pre[class*=language-][data-v-08abdc17]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-08abdc17]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-08abdc17],.theme-mode-read pre[class*=language-][data-v-08abdc17]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-08abdc17]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-08abdc17],.theme-mode-read .token.cdata[data-v-08abdc17],.theme-mode-read .token.comment[data-v-08abdc17],.theme-mode-read .token.doctype[data-v-08abdc17],.theme-mode-read .token.prolog[data-v-08abdc17]{color:#999}.theme-mode-read .token.punctuation[data-v-08abdc17]{color:#ccc}.theme-mode-read .token.attr-name[data-v-08abdc17],.theme-mode-read .token.deleted[data-v-08abdc17],.theme-mode-read .token.namespace[data-v-08abdc17],.theme-mode-read .token.tag[data-v-08abdc17]{color:#e2777a}.theme-mode-read .token.function-name[data-v-08abdc17]{color:#6196cc}.theme-mode-read .token.boolean[data-v-08abdc17],.theme-mode-read .token.function[data-v-08abdc17],.theme-mode-read .token.number[data-v-08abdc17]{color:#f08d49}.theme-mode-read .token.class-name[data-v-08abdc17],.theme-mode-read .token.constant[data-v-08abdc17],.theme-mode-read .token.property[data-v-08abdc17],.theme-mode-read .token.symbol[data-v-08abdc17]{color:#f8c555}.theme-mode-read .token.atrule[data-v-08abdc17],.theme-mode-read .token.builtin[data-v-08abdc17],.theme-mode-read .token.important[data-v-08abdc17],.theme-mode-read .token.keyword[data-v-08abdc17],.theme-mode-read .token.selector[data-v-08abdc17]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-08abdc17],.theme-mode-read .token.char[data-v-08abdc17],.theme-mode-read .token.regex[data-v-08abdc17],.theme-mode-read .token.string[data-v-08abdc17],.theme-mode-read .token.variable[data-v-08abdc17]{color:#7ec699}.theme-mode-read .token.entity[data-v-08abdc17],.theme-mode-read .token.operator[data-v-08abdc17],.theme-mode-read .token.url[data-v-08abdc17]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-08abdc17],.theme-mode-read .style .token.string[data-v-08abdc17],.theme-mode-read .token.entity[data-v-08abdc17],.theme-mode-read .token.operator[data-v-08abdc17],.theme-mode-read .token.url[data-v-08abdc17]{background:none}.theme-mode-read .token.bold[data-v-08abdc17],.theme-mode-read .token.important[data-v-08abdc17]{font-weight:700}.theme-mode-read .token.italic[data-v-08abdc17]{font-style:italic}.theme-mode-read .token.entity[data-v-08abdc17]{cursor:help}.theme-mode-read .token.inserted[data-v-08abdc17]{color:green}.theme-vdoing-content[data-v-08abdc17]{margin:3rem auto;padding:1.5rem}.theme-vdoing-content span[data-v-08abdc17]{font-size:6rem;color:#11a8cd}.main-wrapper{margin:1.5rem auto 0;max-width:1100px;padding:0 .9rem;box-sizing:border-box;position:relative;display:flex}.main-wrapper .main-left{flex:1}.main-wrapper .main-left .theme-vdoing-content.card-box{padding:1rem 1.5rem;margin-bottom:.9rem}.main-wrapper .main-left .home-content{padding:1rem 1.5rem 0}.main-wrapper .main-right>*{width:245px;box-sizing:border-box}@media (max-width:900px){.main-wrapper .main-right>*{width:235px}}.main-wrapper .main-right .card-box{margin:0 0 .8rem .8rem;padding-top:.95rem;padding-bottom:.95rem}@media (max-width:719px){.main-wrapper{margin:.9rem 0;padding:0;display:block}.main-wrapper .main-left{width:100%}.main-wrapper .main-left .post-list{margin-bottom:3rem}.main-wrapper .main-left .post-list .post{border-radius:0}.main-wrapper .main-left .pagination{margin-bottom:3rem}.main-wrapper .main-right .blogger-wrapper{display:none}.main-wrapper .main-right .card-box{margin:0 0 .9rem;border-radius:0;width:100%}.theme-style-line .main-wrapper .main-right .card-box{margin:-1px 0 0}}.post-list{margin-bottom:3rem}.post-list .post{position:relative;padding:1rem 1.5rem;margin-bottom:.8rem;transition:all .3s}.post-list .post:last-child{border-bottom:none}.post-list .post.post-leave-active{display:none}.post-list .post.post-enter{opacity:0;transform:translateX(-20px)}.post-list .post:before{position:absolute;top:-1px;right:0;font-size:2.5rem;color:#ff5722;opacity:.85}.post-list .post .title-wrapper a{color:var(--textColor)}.post-list .post .title-wrapper a:hover{color:#11a8cd}.post-list .post .title-wrapper h2{margin:.5rem 0;font-size:1.4rem;border:none}.post-list .post .title-wrapper h2 .title-tag{height:1.2rem;line-height:1.2rem;border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.15rem);display:inline-block}.post-list .post .title-wrapper h2 a{display:block}@media (max-width:719px){.post-list .post .title-wrapper h2 a{font-weight:400}}.post-list .post .title-wrapper .article-info>a,.post-list .post .title-wrapper .article-info>span{opacity:.7;font-size:.8rem;margin-right:1rem;cursor:pointer}.post-list .post .title-wrapper .article-info>a:before,.post-list .post .title-wrapper .article-info>span:before{margin-right:.3rem}.post-list .post .title-wrapper .article-info>a a,.post-list .post .title-wrapper .article-info>span a{margin:0}.post-list .post .title-wrapper .article-info>a a:not(:first-child):before,.post-list .post .title-wrapper .article-info>span a:not(:first-child):before{content:"/"}.post-list .post .title-wrapper .article-info .tags a:not(:first-child):before{content:"、"}.post-list .post .excerpt-wrapper{border-top:1px solid var(--borderColor);margin:.5rem 0;overflow:hidden}.post-list .post .excerpt-wrapper .excerpt{margin-bottom:.3rem;font-size:.92rem}.post-list .post .excerpt-wrapper .excerpt h1,.post-list .post .excerpt-wrapper .excerpt h2,.post-list .post .excerpt-wrapper .excerpt h3{display:none}.post-list .post .excerpt-wrapper .excerpt img{max-height:280px;max-width:100%!important;margin:0 auto}.post-list .post .excerpt-wrapper .readmore{float:right;margin-right:1rem;line-height:1rem}.post-list .post .excerpt-wrapper .readmore:before{float:right;font-size:.8rem;margin:.1rem 0 0 .2rem}.theme-style-line .post-list{border:1px solid var(--borderColor);border-bottom:none;border-radius:5px;overflow:hidden}.theme-style-line .post-list .post{margin-bottom:0;border:none;border-bottom:1px solid var(--borderColor);border-radius:0}.article-list{padding:1rem 2rem}@media (max-width:959px){.article-list{padding:1rem 1.5rem}}.article-list.no-article-list{display:none}.article-list .article-title{border-bottom:1px solid var(--borderColor);font-size:1.3rem;padding:1rem}.article-list .article-title a{font-size:1.2rem;color:var(--textColor);opacity:.9}.article-list .article-title a:before{margin-right:.4rem;font-size:1.1rem}.article-list .article-wrapper{overflow:hidden}.article-list .article-wrapper dl{border-bottom:1px dotted var(--borderColor);float:left;display:flex;padding:8px 0;margin:0;height:45px;width:100%}.article-list .article-wrapper dl dd{font-size:1.1rem;color:#f17229;width:50px;text-align:center;margin:0;line-height:45px}.article-list .article-wrapper dl dt{flex:1;display:flex}.article-list .article-wrapper dl dt a{color:var(--textColor);flex:1;display:flex;height:45px;align-items:center;font-weight:400}.article-list .article-wrapper dl dt a div{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-list .article-wrapper dl dt a div .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.article-list .article-wrapper dl dt a:hover{text-decoration:underline}.article-list .article-wrapper dl dt a.more{color:#11a8cd}.article-list .article-wrapper dl dt .date{width:50px;margin-right:15px;color:#999;text-align:right;font-size:.9rem;line-height:45px}.pagination{position:relative;height:60px;text-align:center}@media (max-width:720px){.pagination{margin-left:1px;margin-right:1px}}.pagination span{line-height:1rem;opacity:.9;cursor:pointer}.pagination span:hover{color:#11a8cd}.pagination span.ellipsis{opacity:.5}.pagination span.ellipsis:before{content:"...";font-size:1.2rem}@media (any-hover:hover){.pagination span.ellipsis.ell-two:hover:before{content:"«"}.pagination span.ellipsis.ell-four:hover:before{content:"»"}}.pagination>span{position:absolute;top:0;padding:1rem 1.2rem;font-size:.95rem}.pagination>span:before{font-size:.4rem}.pagination>span.disabled{color:hsla(0,0%,49%,.5)}.pagination>span.prev{left:0}.pagination>span.prev:before{margin-right:.3rem}.pagination>span.next{right:0}.pagination>span.next:before{float:right;margin-left:.3rem}.pagination>span p{display:inline;line-height:.95rem}.pagination .pagination-list span{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;margin:.3rem}.pagination .pagination-list span.active{background:#11a8cd;color:var(--mainBg)}@media (max-width:800px){.pagination>span{padding:1rem 1.5rem}.pagination>span p{display:none}}@media (max-width:719px){.pagination>span{padding:.9rem 1.5rem}.pagination .pagination-list span{width:2.3rem;height:2.3rem;line-height:2.3rem;margin:.25rem}}@media (max-width:390px){.pagination>span{padding:.8rem 1.3rem}.pagination .pagination-list span{width:2rem;height:2rem;line-height:2rem;margin:.3rem .1rem .1rem}}.blogger-wrapper{height:auto;display:inline-table;padding-top:0!important;overflow:hidden}.blogger-wrapper .avatar{width:100%;overflow:hidden}.blogger-wrapper .avatar img{width:100%;height:100%}.blogger-wrapper .icons{border-top:none;height:35px;line-height:35px}.blogger-wrapper .icons a{font-size:20px;width:33%;color:var(--textColor);display:block;float:left;text-align:center;opacity:.8}.blogger-wrapper .icons a:hover{color:#11a8cd}.blogger-wrapper .blogger{padding:.3rem .95rem 0}.blogger-wrapper .blogger .name{font-size:1.3rem;display:block;margin-bottom:6px}.blogger-wrapper .blogger .slogan{color:var(--textColor)}.categories-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem;padding:0 .95rem}.categories-wrapper .title:before{margin-right:.3rem}.categories-wrapper .categories{margin-top:.6rem}.categories-wrapper .categories a{display:block;padding:8px 2.4rem 7px .95rem;color:var(--textColor);opacity:.8;font-size:.95rem;line-height:.95rem;position:relative;transition:all .2s;border-left:2px solid transparent;margin-top:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:719px){.categories-wrapper .categories a{font-weight:400}}.categories-wrapper .categories a:not(.active):hover{color:#11a8cd;background:#f8f8f8;border-color:#11a8cd}.categories-wrapper .categories a:not(.active):hover span{opacity:.8}.categories-wrapper .categories a span{background-color:var(--textColor);color:var(--mainBg);border-radius:8px;padding:0 .13rem;min-width:1rem;height:1rem;line-height:1rem;font-size:12px;text-align:center;opacity:.6;transition:opacity .3s;position:absolute;right:.95rem;top:8px}.categories-wrapper .categories a.active{background:#11a8cd;color:var(--mainBg);padding-left:.8rem;border-radius:1px;border-color:transparent}.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-read .categories-wrapper .categories a:not(.active):hover{background:var(--customBlockBg)}.tags-wrapper{padding:0 .95rem}.tags-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem}.tags-wrapper .title:before{margin-right:.3rem}.tags-wrapper .tags{text-align:justify;padding:.8rem .5rem .5rem;margin:0 -.5rem -.5rem}.tags-wrapper .tags a{opacity:.8;display:inline-block;padding:.2rem .4rem;transition:all .4s;background-color:var(--textColor);color:var(--mainBg);border-radius:3px;margin:0 .3rem .5rem 0;min-width:2rem;height:1rem;line-height:1rem;font-size:.8rem;text-align:center}@media (max-width:719px){.tags-wrapper .tags a{font-weight:400}}.tags-wrapper .tags a:hover{opacity:1;transform:scale(1.1)}.tags-wrapper .tags a.active{box-shadow:0 5px 10px -5px var(--randomColor,rgba(0,0,0,.15));transform:scale(1.22);opacity:1}.tags-wrapper .tags a.active:hover{text-decoration:none}.theme-mode-light[data-v-d146d2d2]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-d146d2d2]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-d146d2d2]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-d146d2d2]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-d146d2d2]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-d146d2d2]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-d146d2d2]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-d146d2d2],.theme-mode-light pre[class*=language-][data-v-d146d2d2]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-d146d2d2]::-moz-selection,.theme-mode-light code[class*=language-][data-v-d146d2d2] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-d146d2d2]::selection,.theme-mode-light code[class*=language-][data-v-d146d2d2] ::selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2]::selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-d146d2d2],.theme-mode-light pre[class*=language-][data-v-d146d2d2]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-d146d2d2]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-d146d2d2],.theme-mode-light pre[class*=language-][data-v-d146d2d2]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-d146d2d2]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-d146d2d2],.theme-mode-light .token.comment[data-v-d146d2d2],.theme-mode-light .token.doctype[data-v-d146d2d2],.theme-mode-light .token.prolog[data-v-d146d2d2]{color:#708090}.theme-mode-light .token.punctuation[data-v-d146d2d2]{color:#999}.theme-mode-light .namespace[data-v-d146d2d2]{opacity:.7}.theme-mode-light .token.boolean[data-v-d146d2d2],.theme-mode-light .token.constant[data-v-d146d2d2],.theme-mode-light .token.deleted[data-v-d146d2d2],.theme-mode-light .token.number[data-v-d146d2d2],.theme-mode-light .token.property[data-v-d146d2d2],.theme-mode-light .token.symbol[data-v-d146d2d2],.theme-mode-light .token.tag[data-v-d146d2d2]{color:#905}.theme-mode-light .token.attr-name[data-v-d146d2d2],.theme-mode-light .token.builtin[data-v-d146d2d2],.theme-mode-light .token.char[data-v-d146d2d2],.theme-mode-light .token.inserted[data-v-d146d2d2],.theme-mode-light .token.selector[data-v-d146d2d2],.theme-mode-light .token.string[data-v-d146d2d2]{color:#690}.theme-mode-light .language-css .token.string[data-v-d146d2d2],.theme-mode-light .style .token.string[data-v-d146d2d2],.theme-mode-light .token.entity[data-v-d146d2d2],.theme-mode-light .token.operator[data-v-d146d2d2],.theme-mode-light .token.url[data-v-d146d2d2]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-d146d2d2],.theme-mode-light .token.attr-value[data-v-d146d2d2],.theme-mode-light .token.keyword[data-v-d146d2d2]{color:#07a}.theme-mode-light .token.class-name[data-v-d146d2d2],.theme-mode-light .token.function[data-v-d146d2d2]{color:#dd4a68}.theme-mode-light .token.important[data-v-d146d2d2],.theme-mode-light .token.regex[data-v-d146d2d2],.theme-mode-light .token.variable[data-v-d146d2d2]{color:#e90}.theme-mode-light .token.bold[data-v-d146d2d2],.theme-mode-light .token.important[data-v-d146d2d2]{font-weight:700}.theme-mode-light .token.italic[data-v-d146d2d2]{font-style:italic}.theme-mode-light .token.entity[data-v-d146d2d2]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-d146d2d2],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-d146d2d2]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-d146d2d2]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-d146d2d2],.theme-mode-dark pre[class*=language-][data-v-d146d2d2]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-d146d2d2]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d146d2d2],.theme-mode-dark pre[class*=language-][data-v-d146d2d2]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d146d2d2]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-d146d2d2],.theme-mode-dark .token.cdata[data-v-d146d2d2],.theme-mode-dark .token.comment[data-v-d146d2d2],.theme-mode-dark .token.doctype[data-v-d146d2d2],.theme-mode-dark .token.prolog[data-v-d146d2d2]{color:#999}.theme-mode-dark .token.punctuation[data-v-d146d2d2]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-d146d2d2],.theme-mode-dark .token.deleted[data-v-d146d2d2],.theme-mode-dark .token.namespace[data-v-d146d2d2],.theme-mode-dark .token.tag[data-v-d146d2d2]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-d146d2d2]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-d146d2d2],.theme-mode-dark .token.function[data-v-d146d2d2],.theme-mode-dark .token.number[data-v-d146d2d2]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-d146d2d2],.theme-mode-dark .token.constant[data-v-d146d2d2],.theme-mode-dark .token.property[data-v-d146d2d2],.theme-mode-dark .token.symbol[data-v-d146d2d2]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-d146d2d2],.theme-mode-dark .token.builtin[data-v-d146d2d2],.theme-mode-dark .token.important[data-v-d146d2d2],.theme-mode-dark .token.keyword[data-v-d146d2d2],.theme-mode-dark .token.selector[data-v-d146d2d2]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-d146d2d2],.theme-mode-dark .token.char[data-v-d146d2d2],.theme-mode-dark .token.regex[data-v-d146d2d2],.theme-mode-dark .token.string[data-v-d146d2d2],.theme-mode-dark .token.variable[data-v-d146d2d2]{color:#7ec699}.theme-mode-dark .token.entity[data-v-d146d2d2],.theme-mode-dark .token.operator[data-v-d146d2d2],.theme-mode-dark .token.url[data-v-d146d2d2]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-d146d2d2],.theme-mode-dark .style .token.string[data-v-d146d2d2],.theme-mode-dark .token.entity[data-v-d146d2d2],.theme-mode-dark .token.operator[data-v-d146d2d2],.theme-mode-dark .token.url[data-v-d146d2d2]{background:none}.theme-mode-dark .token.bold[data-v-d146d2d2],.theme-mode-dark .token.important[data-v-d146d2d2]{font-weight:700}.theme-mode-dark .token.italic[data-v-d146d2d2]{font-style:italic}.theme-mode-dark .token.entity[data-v-d146d2d2]{cursor:help}.theme-mode-dark .token.inserted[data-v-d146d2d2]{color:green}.theme-mode-read[data-v-d146d2d2]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-d146d2d2],.theme-mode-read pre[class*=language-][data-v-d146d2d2]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-d146d2d2]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-d146d2d2],.theme-mode-read pre[class*=language-][data-v-d146d2d2]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-d146d2d2]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-d146d2d2],.theme-mode-read .token.cdata[data-v-d146d2d2],.theme-mode-read .token.comment[data-v-d146d2d2],.theme-mode-read .token.doctype[data-v-d146d2d2],.theme-mode-read .token.prolog[data-v-d146d2d2]{color:#999}.theme-mode-read .token.punctuation[data-v-d146d2d2]{color:#ccc}.theme-mode-read .token.attr-name[data-v-d146d2d2],.theme-mode-read .token.deleted[data-v-d146d2d2],.theme-mode-read .token.namespace[data-v-d146d2d2],.theme-mode-read .token.tag[data-v-d146d2d2]{color:#e2777a}.theme-mode-read .token.function-name[data-v-d146d2d2]{color:#6196cc}.theme-mode-read .token.boolean[data-v-d146d2d2],.theme-mode-read .token.function[data-v-d146d2d2],.theme-mode-read .token.number[data-v-d146d2d2]{color:#f08d49}.theme-mode-read .token.class-name[data-v-d146d2d2],.theme-mode-read .token.constant[data-v-d146d2d2],.theme-mode-read .token.property[data-v-d146d2d2],.theme-mode-read .token.symbol[data-v-d146d2d2]{color:#f8c555}.theme-mode-read .token.atrule[data-v-d146d2d2],.theme-mode-read .token.builtin[data-v-d146d2d2],.theme-mode-read .token.important[data-v-d146d2d2],.theme-mode-read .token.keyword[data-v-d146d2d2],.theme-mode-read .token.selector[data-v-d146d2d2]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-d146d2d2],.theme-mode-read .token.char[data-v-d146d2d2],.theme-mode-read .token.regex[data-v-d146d2d2],.theme-mode-read .token.string[data-v-d146d2d2],.theme-mode-read .token.variable[data-v-d146d2d2]{color:#7ec699}.theme-mode-read .token.entity[data-v-d146d2d2],.theme-mode-read .token.operator[data-v-d146d2d2],.theme-mode-read .token.url[data-v-d146d2d2]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-d146d2d2],.theme-mode-read .style .token.string[data-v-d146d2d2],.theme-mode-read .token.entity[data-v-d146d2d2],.theme-mode-read .token.operator[data-v-d146d2d2],.theme-mode-read .token.url[data-v-d146d2d2]{background:none}.theme-mode-read .token.bold[data-v-d146d2d2],.theme-mode-read .token.important[data-v-d146d2d2]{font-weight:700}.theme-mode-read .token.italic[data-v-d146d2d2]{font-style:italic}.theme-mode-read .token.entity[data-v-d146d2d2]{cursor:help}.theme-mode-read .token.inserted[data-v-d146d2d2]{color:green}.home-wrapper .banner[data-v-d146d2d2]{width:100%;min-height:450px;margin-top:3.6rem;color:#fff;position:relative;overflow:hidden}.home-wrapper .banner .banner-conent[data-v-d146d2d2]{max-width:1100px;margin:0 auto;position:relative;z-index:1;overflow:hidden}.home-wrapper .banner .banner-conent .hero[data-v-d146d2d2]{text-align:center;margin-top:3rem}.home-wrapper .banner .banner-conent .hero img[data-v-d146d2d2]{max-width:100%;max-height:240px;display:block;margin:2rem auto 1.5rem}.home-wrapper .banner .banner-conent .hero h1[data-v-d146d2d2]{margin:0;font-size:3.2rem}.home-wrapper .banner .banner-conent .hero .action[data-v-d146d2d2],.home-wrapper .banner .banner-conent .hero .description[data-v-d146d2d2]{margin:1.5rem auto}.home-wrapper .banner .banner-conent .hero .description[data-v-d146d2d2]{max-width:40rem;font-size:1.1rem;line-height:1.3;opacity:.9}.home-wrapper .banner .banner-conent .hero .action-button[data-v-d146d2d2]{display:inline-block;font-size:1.2rem;background-color:#11a8cd;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #0f97b9;color:#fff}.home-wrapper .banner .banner-conent .hero .action-button[data-v-d146d2d2]:hover{background-color:#13bee8}.home-wrapper .banner .banner-conent .features[data-v-d146d2d2]{padding:2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home-wrapper .banner .banner-conent .feature[data-v-d146d2d2]{flex-grow:1;flex-basis:30%;max-width:30%;text-align:center}.home-wrapper .banner .banner-conent .feature a[data-v-d146d2d2]{color:inherit}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-d146d2d2]{width:10rem;height:10rem;animation:heart-d146d2d2 1.2s ease-in-out 0s infinite alternate;animation-play-state:paused}.home-wrapper .banner .banner-conent .feature a h2[data-v-d146d2d2]{font-weight:500;font-size:1.3rem;border-bottom:none;padding-bottom:0}.home-wrapper .banner .banner-conent .feature a p[data-v-d146d2d2]{opacity:.8;padding:0 .8rem}.home-wrapper .banner .banner-conent .feature:hover .feature-img[data-v-d146d2d2]{animation-play-state:running}.home-wrapper .banner .banner-conent .feature:hover h2[data-v-d146d2d2],.home-wrapper .banner .banner-conent .feature:hover p[data-v-d146d2d2]{color:#11a8cd}.home-wrapper .banner .slide-banner[data-v-d146d2d2]{margin-top:2rem}.home-wrapper .banner .slide-banner .banner-wrapper[data-v-d146d2d2]{position:relative}.home-wrapper .banner .slide-banner .slide-banner-scroll[data-v-d146d2d2]{min-height:1px;overflow:hidden}.home-wrapper .banner .slide-banner .slide-banner-wrapper[data-v-d146d2d2]{height:300px}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item[data-v-d146d2d2]{display:inline-block;height:300px;width:100%;text-align:center}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a[data-v-d146d2d2]{color:inherit}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a .feature-img[data-v-d146d2d2]{width:10rem;height:10rem}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2[data-v-d146d2d2]{font-size:1.1rem;font-weight:500;border-bottom:none;padding-bottom:0}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p[data-v-d146d2d2]{opacity:.8;padding:0 .8rem}.home-wrapper .banner .slide-banner .docs-wrapper[data-v-d146d2d2]{position:absolute;bottom:25px;left:50%;transform:translateX(-50%)}.home-wrapper .banner .slide-banner .docs-wrapper .doc[data-v-d146d2d2]{display:inline-block;margin:0 4px;width:8px;height:8px;border-radius:50%;background:var(--textColor);opacity:.9}.home-wrapper .banner .slide-banner .docs-wrapper .doc.active[data-v-d146d2d2]{opacity:.5}.home-wrapper .banner.hide-banner[data-v-d146d2d2]{display:none}.home-wrapper .banner.hide-banner+.main-wrapper[data-v-d146d2d2]{margin-top:4.5rem}.home-wrapper .main-wrapper[data-v-d146d2d2]{margin-top:2rem}.home-wrapper .main-wrapper .main-left .card-box[data-v-d146d2d2]{margin-bottom:2rem}.home-wrapper .main-wrapper .main-left .pagination[data-v-d146d2d2]{margin-bottom:3rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-d146d2d2]{padding:0 2rem;overflow:hidden;border:none}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-d146d2d2]>:first-child{padding-top:2rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-d146d2d2]>:last-child{padding-bottom:2rem}.home-wrapper .main-wrapper .main-right .custom-html-box[data-v-d146d2d2]{padding:0;overflow:hidden}@media (max-width:1025px){.home-wrapper .banner .banner-conent .hero h1[data-v-d146d2d2]{font-size:2.5rem}.home-wrapper .banner .banner-conent .hero .description[data-v-d146d2d2]{font-size:1rem}.home-wrapper .banner .banner-conent .feature a h2[data-v-d146d2d2]{font-size:1.1rem}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-d146d2d2]{width:9rem;height:9rem}}@media (max-width:719px){.home-wrapper .banner .banner-conent .features[data-v-d146d2d2]{display:none!important}}@media (max-width:419px){.home-wrapper .banner-conent[data-v-d146d2d2]{padding-left:1.5rem;padding-right:1.5rem}.home-wrapper .banner-conent .hero img[data-v-d146d2d2]{max-height:210px;margin:2rem auto 1.2rem}.home-wrapper .banner-conent .hero h1[data-v-d146d2d2]{font-size:2rem}.home-wrapper .banner-conent .hero .action[data-v-d146d2d2],.home-wrapper .banner-conent .hero .description[data-v-d146d2d2],.home-wrapper .banner-conent .hero h1[data-v-d146d2d2]{margin:1.2rem auto}.home-wrapper .banner-conent .hero .description[data-v-d146d2d2]{font-size:1.2rem}.home-wrapper .banner-conent .hero .action-button[data-v-d146d2d2]{font-size:1rem;padding:.6rem 1.2rem}.home-wrapper .banner-conent .feature h2[data-v-d146d2d2]{font-size:1.25rem}}@media (max-width:719px){.theme-style-line .main-wrapper[data-v-d146d2d2]{margin-top:-1px}}@keyframes heart-d146d2d2{0%{transform:translate(0)}to{transform:translateY(8px)}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/colorui-document/assets/img/search.237d6f6a.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#11a8cd}.search-box .suggestions{background:#fff;min-width:500px;max-width:700px;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;border-radius:4px;cursor:pointer;width:100%}.search-box .suggestion a{display:block;white-space:normal;color:#415b75;width:100%}.search-box .suggestion a .parent-page-title{color:#fff;font-weight:600;background-color:#11a8cd;padding:5px}.search-box .suggestion a .suggestion-row{border-collapse:collapse;width:100%;display:table}.search-box .suggestion a .suggestion-row .page-title{width:35%;background:#f5f5f5;border:1px solid #eaecef;border-left:none;display:table-cell;text-align:right;padding:5px;font-weight:600}.search-box .suggestion a .suggestion-row .suggestion-content{font-weight:400;border:1px solid #eaecef;border-right:none;width:65%;display:table-cell;padding:5px}.search-box .suggestion a .suggestion-row .suggestion-content .highlight{text-decoration:underline}.search-box .suggestion a .suggestion-row .suggestion-content .header{font-weight:600}.search-box .suggestion.focused{background-color:#f3f4f5}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}@media (max-width:719px){.sidebar-button{display:block}}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (min-width:720px){.sidebar-button{width:40px;height:40px;display:inline-block;position:fixed;left:0;top:4.6rem;text-align:center;line-height:44px;margin:5px 8px;color:#888;border-radius:50%;padding:0;transition:all .2s}.sidebar-button:hover{background:#11a8cd;color:#fff;box-shadow:0 0 6px #11a8cd}.sidebar-button .icon{display:inline;width:1rem;height:1rem}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:var(--textColor)}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid var(--borderColor);padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#11a8cd}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #11a8cd;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{font-weight:600;font-size:inherit}.dropdown-wrapper .dropdown-title:hover{color:#11a8cd}.dropdown-wrapper .dropdown-title .link-title{display:none}.dropdown-wrapper .dropdown-title .title{display:inline-block!important}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:var(--mainBg);padding:.6rem 0;border-bottom-color:var(--borderColor);border:1px solid var(--borderColor);text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.nav-item .dropdown-title a.router-link-active,.nav-item .dropdown-title a:hover{margin-bottom:-2px;border-bottom:2px solid #13b9e2}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#11a8cd}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:959px){.nav-links .nav-item{margin-left:1.2rem}}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--textColor)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #13b9e2}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem;transition:transform .3s}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:var(--textColor);position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}.hide-navbar .navbar{transform:translateY(-100%)}@media (max-width:959px){.navbar .site-name{display:none}}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:860px;padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block;float:left;margin:0 2rem .5rem 0}.page-edit .edit-link a{margin-right:.25rem}.page-edit .tags{float:left}.page-edit .tags a{margin:0 .8rem .5rem 0;display:inline-block;color:var(--textLightenColor);padding:.2rem .7rem;font-size:.9em;background-color:hsla(0,0%,50.2%,.08);border-radius:3px;opacity:.8}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:var(--textColor);opacity:.8}.page-edit .last-updated .time{font-weight:400;color:#aaa}@media (max-width:719px){.page-edit .edit-link,.page-edit .tags{margin-bottom:.5rem}.page-edit .last-updated{width:100%;font-size:.8em;text-align:left}}.page-nav{max-width:860px;padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid var(--borderColor);padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page-nav-centre-wrap .page-nav-centre{position:fixed;top:50%;width:80px;height:70px;margin-top:-35px;outline:0;transition:all .2s;border-radius:3px;opacity:.55;z-index:99}@media (max-width:1340px){.page-nav-centre-wrap .page-nav-centre{width:50px}}@media (max-width:960px){.page-nav-centre-wrap .page-nav-centre{display:none}}.page-nav-centre-wrap .page-nav-centre:hover{background:hsla(0,0%,60%,.15);opacity:1}.page-nav-centre-wrap .page-nav-centre:hover .tooltip{display:block}.page-nav-centre-wrap .page-nav-centre:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.page-nav-centre-wrap .page-nav-centre .tooltip{display:none;background:rgba(0,0,0,.5);color:#fff;padding:4px 8px;font-size:13px;border-radius:3px;position:fixed;max-width:200px;z-index:99}.page-nav-centre-wrap .page-nav-centre-prev{left:0}.page-nav-centre-wrap .page-nav-centre-prev:before{transform:rotate(-135deg)}.page-nav-centre-wrap .page-nav-centre-next{right:0}.page-nav-centre-wrap .page-nav-centre-next:before{transform:rotate(45deg)}.sidebar-open .page-nav-centre-wrap .page-nav-centre-prev{left:18rem}.no-sidebar .page-nav-centre-wrap .page-nav-centre-prev{left:0}.theme-mode-light[data-v-06970110]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-06970110]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-06970110]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-06970110]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-06970110]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-06970110]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-06970110]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-06970110],.theme-mode-light pre[class*=language-][data-v-06970110]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-06970110]::-moz-selection,.theme-mode-light code[class*=language-][data-v-06970110] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-06970110]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-06970110] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-06970110]::selection,.theme-mode-light code[class*=language-][data-v-06970110] ::selection,.theme-mode-light pre[class*=language-][data-v-06970110]::selection,.theme-mode-light pre[class*=language-][data-v-06970110] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-06970110],.theme-mode-light pre[class*=language-][data-v-06970110]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-06970110]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-06970110],.theme-mode-light pre[class*=language-][data-v-06970110]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-06970110]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-06970110],.theme-mode-light .token.comment[data-v-06970110],.theme-mode-light .token.doctype[data-v-06970110],.theme-mode-light .token.prolog[data-v-06970110]{color:#708090}.theme-mode-light .token.punctuation[data-v-06970110]{color:#999}.theme-mode-light .namespace[data-v-06970110]{opacity:.7}.theme-mode-light .token.boolean[data-v-06970110],.theme-mode-light .token.constant[data-v-06970110],.theme-mode-light .token.deleted[data-v-06970110],.theme-mode-light .token.number[data-v-06970110],.theme-mode-light .token.property[data-v-06970110],.theme-mode-light .token.symbol[data-v-06970110],.theme-mode-light .token.tag[data-v-06970110]{color:#905}.theme-mode-light .token.attr-name[data-v-06970110],.theme-mode-light .token.builtin[data-v-06970110],.theme-mode-light .token.char[data-v-06970110],.theme-mode-light .token.inserted[data-v-06970110],.theme-mode-light .token.selector[data-v-06970110],.theme-mode-light .token.string[data-v-06970110]{color:#690}.theme-mode-light .language-css .token.string[data-v-06970110],.theme-mode-light .style .token.string[data-v-06970110],.theme-mode-light .token.entity[data-v-06970110],.theme-mode-light .token.operator[data-v-06970110],.theme-mode-light .token.url[data-v-06970110]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-06970110],.theme-mode-light .token.attr-value[data-v-06970110],.theme-mode-light .token.keyword[data-v-06970110]{color:#07a}.theme-mode-light .token.class-name[data-v-06970110],.theme-mode-light .token.function[data-v-06970110]{color:#dd4a68}.theme-mode-light .token.important[data-v-06970110],.theme-mode-light .token.regex[data-v-06970110],.theme-mode-light .token.variable[data-v-06970110]{color:#e90}.theme-mode-light .token.bold[data-v-06970110],.theme-mode-light .token.important[data-v-06970110]{font-weight:700}.theme-mode-light .token.italic[data-v-06970110]{font-style:italic}.theme-mode-light .token.entity[data-v-06970110]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-06970110],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-06970110]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-06970110]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-06970110],.theme-mode-dark pre[class*=language-][data-v-06970110]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-06970110]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-06970110],.theme-mode-dark pre[class*=language-][data-v-06970110]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-06970110]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-06970110],.theme-mode-dark .token.cdata[data-v-06970110],.theme-mode-dark .token.comment[data-v-06970110],.theme-mode-dark .token.doctype[data-v-06970110],.theme-mode-dark .token.prolog[data-v-06970110]{color:#999}.theme-mode-dark .token.punctuation[data-v-06970110]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-06970110],.theme-mode-dark .token.deleted[data-v-06970110],.theme-mode-dark .token.namespace[data-v-06970110],.theme-mode-dark .token.tag[data-v-06970110]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-06970110]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-06970110],.theme-mode-dark .token.function[data-v-06970110],.theme-mode-dark .token.number[data-v-06970110]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-06970110],.theme-mode-dark .token.constant[data-v-06970110],.theme-mode-dark .token.property[data-v-06970110],.theme-mode-dark .token.symbol[data-v-06970110]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-06970110],.theme-mode-dark .token.builtin[data-v-06970110],.theme-mode-dark .token.important[data-v-06970110],.theme-mode-dark .token.keyword[data-v-06970110],.theme-mode-dark .token.selector[data-v-06970110]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-06970110],.theme-mode-dark .token.char[data-v-06970110],.theme-mode-dark .token.regex[data-v-06970110],.theme-mode-dark .token.string[data-v-06970110],.theme-mode-dark .token.variable[data-v-06970110]{color:#7ec699}.theme-mode-dark .token.entity[data-v-06970110],.theme-mode-dark .token.operator[data-v-06970110],.theme-mode-dark .token.url[data-v-06970110]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-06970110],.theme-mode-dark .style .token.string[data-v-06970110],.theme-mode-dark .token.entity[data-v-06970110],.theme-mode-dark .token.operator[data-v-06970110],.theme-mode-dark .token.url[data-v-06970110]{background:none}.theme-mode-dark .token.bold[data-v-06970110],.theme-mode-dark .token.important[data-v-06970110]{font-weight:700}.theme-mode-dark .token.italic[data-v-06970110]{font-style:italic}.theme-mode-dark .token.entity[data-v-06970110]{cursor:help}.theme-mode-dark .token.inserted[data-v-06970110]{color:green}.theme-mode-read[data-v-06970110]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-06970110],.theme-mode-read pre[class*=language-][data-v-06970110]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-06970110]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-06970110],.theme-mode-read pre[class*=language-][data-v-06970110]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-06970110]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-06970110],.theme-mode-read .token.cdata[data-v-06970110],.theme-mode-read .token.comment[data-v-06970110],.theme-mode-read .token.doctype[data-v-06970110],.theme-mode-read .token.prolog[data-v-06970110]{color:#999}.theme-mode-read .token.punctuation[data-v-06970110]{color:#ccc}.theme-mode-read .token.attr-name[data-v-06970110],.theme-mode-read .token.deleted[data-v-06970110],.theme-mode-read .token.namespace[data-v-06970110],.theme-mode-read .token.tag[data-v-06970110]{color:#e2777a}.theme-mode-read .token.function-name[data-v-06970110]{color:#6196cc}.theme-mode-read .token.boolean[data-v-06970110],.theme-mode-read .token.function[data-v-06970110],.theme-mode-read .token.number[data-v-06970110]{color:#f08d49}.theme-mode-read .token.class-name[data-v-06970110],.theme-mode-read .token.constant[data-v-06970110],.theme-mode-read .token.property[data-v-06970110],.theme-mode-read .token.symbol[data-v-06970110]{color:#f8c555}.theme-mode-read .token.atrule[data-v-06970110],.theme-mode-read .token.builtin[data-v-06970110],.theme-mode-read .token.important[data-v-06970110],.theme-mode-read .token.keyword[data-v-06970110],.theme-mode-read .token.selector[data-v-06970110]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-06970110],.theme-mode-read .token.char[data-v-06970110],.theme-mode-read .token.regex[data-v-06970110],.theme-mode-read .token.string[data-v-06970110],.theme-mode-read .token.variable[data-v-06970110]{color:#7ec699}.theme-mode-read .token.entity[data-v-06970110],.theme-mode-read .token.operator[data-v-06970110],.theme-mode-read .token.url[data-v-06970110]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-06970110],.theme-mode-read .style .token.string[data-v-06970110],.theme-mode-read .token.entity[data-v-06970110],.theme-mode-read .token.operator[data-v-06970110],.theme-mode-read .token.url[data-v-06970110]{background:none}.theme-mode-read .token.bold[data-v-06970110],.theme-mode-read .token.important[data-v-06970110]{font-weight:700}.theme-mode-read .token.italic[data-v-06970110]{font-style:italic}.theme-mode-read .token.entity[data-v-06970110]{cursor:help}.theme-mode-read .token.inserted[data-v-06970110]{color:green}.articleInfo-wrap[data-v-06970110]{max-width:860px}.theme-style-line .articleInfo-wrap .articleInfo[data-v-06970110]{padding-top:.5rem}.articleInfo-wrap[data-v-06970110]{position:relative;z-index:1;color:#888}.articleInfo-wrap .articleInfo[data-v-06970110]{overflow:hidden;font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs[data-v-06970110]{margin:0;padding:0;overflow:hidden;display:inline-block;line-height:2rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .breadcrumbs[data-v-06970110]{width:100%}}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-06970110]{list-style-type:none;float:left;padding-right:5px}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-06970110]:after{content:"/";margin-left:5px;color:#999}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-06970110]:last-child:after{content:""}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-06970110]{color:#888}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-06970110]:before{font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-06970110]:hover{color:#11a8cd}.articleInfo-wrap .articleInfo .breadcrumbs li .icon-home[data-v-06970110]{text-decoration:none}.articleInfo-wrap .articleInfo .info[data-v-06970110]{float:right;line-height:32px}@media (max-width:960px){.articleInfo-wrap .articleInfo .info[data-v-06970110]{float:left}}.articleInfo-wrap .articleInfo .info div[data-v-06970110]{float:left;margin-left:20px;font-size:.8rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .info div[data-v-06970110]{margin:0 20px 0 0}}.articleInfo-wrap .articleInfo .info div[data-v-06970110]:before{margin-right:3px}.articleInfo-wrap .articleInfo .info div a[data-v-06970110]{color:#888}.articleInfo-wrap .articleInfo .info div a[data-v-06970110]:hover{text-decoration:none}.articleInfo-wrap .articleInfo .info div a.beLink[data-v-06970110]:hover{color:#11a8cd;text-decoration:underline}.theme-mode-light[data-v-25eb0b2a]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-25eb0b2a]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-25eb0b2a]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-25eb0b2a]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-25eb0b2a]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-25eb0b2a]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-25eb0b2a]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-25eb0b2a],.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-25eb0b2a]::-moz-selection,.theme-mode-light code[class*=language-][data-v-25eb0b2a] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-25eb0b2a]::selection,.theme-mode-light code[class*=language-][data-v-25eb0b2a] ::selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a]::selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-25eb0b2a],.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-25eb0b2a],.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-25eb0b2a]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-25eb0b2a],.theme-mode-light .token.comment[data-v-25eb0b2a],.theme-mode-light .token.doctype[data-v-25eb0b2a],.theme-mode-light .token.prolog[data-v-25eb0b2a]{color:#708090}.theme-mode-light .token.punctuation[data-v-25eb0b2a]{color:#999}.theme-mode-light .namespace[data-v-25eb0b2a]{opacity:.7}.theme-mode-light .token.boolean[data-v-25eb0b2a],.theme-mode-light .token.constant[data-v-25eb0b2a],.theme-mode-light .token.deleted[data-v-25eb0b2a],.theme-mode-light .token.number[data-v-25eb0b2a],.theme-mode-light .token.property[data-v-25eb0b2a],.theme-mode-light .token.symbol[data-v-25eb0b2a],.theme-mode-light .token.tag[data-v-25eb0b2a]{color:#905}.theme-mode-light .token.attr-name[data-v-25eb0b2a],.theme-mode-light .token.builtin[data-v-25eb0b2a],.theme-mode-light .token.char[data-v-25eb0b2a],.theme-mode-light .token.inserted[data-v-25eb0b2a],.theme-mode-light .token.selector[data-v-25eb0b2a],.theme-mode-light .token.string[data-v-25eb0b2a]{color:#690}.theme-mode-light .language-css .token.string[data-v-25eb0b2a],.theme-mode-light .style .token.string[data-v-25eb0b2a],.theme-mode-light .token.entity[data-v-25eb0b2a],.theme-mode-light .token.operator[data-v-25eb0b2a],.theme-mode-light .token.url[data-v-25eb0b2a]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-25eb0b2a],.theme-mode-light .token.attr-value[data-v-25eb0b2a],.theme-mode-light .token.keyword[data-v-25eb0b2a]{color:#07a}.theme-mode-light .token.class-name[data-v-25eb0b2a],.theme-mode-light .token.function[data-v-25eb0b2a]{color:#dd4a68}.theme-mode-light .token.important[data-v-25eb0b2a],.theme-mode-light .token.regex[data-v-25eb0b2a],.theme-mode-light .token.variable[data-v-25eb0b2a]{color:#e90}.theme-mode-light .token.bold[data-v-25eb0b2a],.theme-mode-light .token.important[data-v-25eb0b2a]{font-weight:700}.theme-mode-light .token.italic[data-v-25eb0b2a]{font-style:italic}.theme-mode-light .token.entity[data-v-25eb0b2a]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-25eb0b2a],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-25eb0b2a]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-25eb0b2a]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-25eb0b2a],.theme-mode-dark pre[class*=language-][data-v-25eb0b2a]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-25eb0b2a]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-25eb0b2a],.theme-mode-dark pre[class*=language-][data-v-25eb0b2a]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-25eb0b2a]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-25eb0b2a],.theme-mode-dark .token.cdata[data-v-25eb0b2a],.theme-mode-dark .token.comment[data-v-25eb0b2a],.theme-mode-dark .token.doctype[data-v-25eb0b2a],.theme-mode-dark .token.prolog[data-v-25eb0b2a]{color:#999}.theme-mode-dark .token.punctuation[data-v-25eb0b2a]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-25eb0b2a],.theme-mode-dark .token.deleted[data-v-25eb0b2a],.theme-mode-dark .token.namespace[data-v-25eb0b2a],.theme-mode-dark .token.tag[data-v-25eb0b2a]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-25eb0b2a]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-25eb0b2a],.theme-mode-dark .token.function[data-v-25eb0b2a],.theme-mode-dark .token.number[data-v-25eb0b2a]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-25eb0b2a],.theme-mode-dark .token.constant[data-v-25eb0b2a],.theme-mode-dark .token.property[data-v-25eb0b2a],.theme-mode-dark .token.symbol[data-v-25eb0b2a]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-25eb0b2a],.theme-mode-dark .token.builtin[data-v-25eb0b2a],.theme-mode-dark .token.important[data-v-25eb0b2a],.theme-mode-dark .token.keyword[data-v-25eb0b2a],.theme-mode-dark .token.selector[data-v-25eb0b2a]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-25eb0b2a],.theme-mode-dark .token.char[data-v-25eb0b2a],.theme-mode-dark .token.regex[data-v-25eb0b2a],.theme-mode-dark .token.string[data-v-25eb0b2a],.theme-mode-dark .token.variable[data-v-25eb0b2a]{color:#7ec699}.theme-mode-dark .token.entity[data-v-25eb0b2a],.theme-mode-dark .token.operator[data-v-25eb0b2a],.theme-mode-dark .token.url[data-v-25eb0b2a]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-25eb0b2a],.theme-mode-dark .style .token.string[data-v-25eb0b2a],.theme-mode-dark .token.entity[data-v-25eb0b2a],.theme-mode-dark .token.operator[data-v-25eb0b2a],.theme-mode-dark .token.url[data-v-25eb0b2a]{background:none}.theme-mode-dark .token.bold[data-v-25eb0b2a],.theme-mode-dark .token.important[data-v-25eb0b2a]{font-weight:700}.theme-mode-dark .token.italic[data-v-25eb0b2a]{font-style:italic}.theme-mode-dark .token.entity[data-v-25eb0b2a]{cursor:help}.theme-mode-dark .token.inserted[data-v-25eb0b2a]{color:green}.theme-mode-read[data-v-25eb0b2a]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-25eb0b2a],.theme-mode-read pre[class*=language-][data-v-25eb0b2a]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-25eb0b2a]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-25eb0b2a],.theme-mode-read pre[class*=language-][data-v-25eb0b2a]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-25eb0b2a]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-25eb0b2a],.theme-mode-read .token.cdata[data-v-25eb0b2a],.theme-mode-read .token.comment[data-v-25eb0b2a],.theme-mode-read .token.doctype[data-v-25eb0b2a],.theme-mode-read .token.prolog[data-v-25eb0b2a]{color:#999}.theme-mode-read .token.punctuation[data-v-25eb0b2a]{color:#ccc}.theme-mode-read .token.attr-name[data-v-25eb0b2a],.theme-mode-read .token.deleted[data-v-25eb0b2a],.theme-mode-read .token.namespace[data-v-25eb0b2a],.theme-mode-read .token.tag[data-v-25eb0b2a]{color:#e2777a}.theme-mode-read .token.function-name[data-v-25eb0b2a]{color:#6196cc}.theme-mode-read .token.boolean[data-v-25eb0b2a],.theme-mode-read .token.function[data-v-25eb0b2a],.theme-mode-read .token.number[data-v-25eb0b2a]{color:#f08d49}.theme-mode-read .token.class-name[data-v-25eb0b2a],.theme-mode-read .token.constant[data-v-25eb0b2a],.theme-mode-read .token.property[data-v-25eb0b2a],.theme-mode-read .token.symbol[data-v-25eb0b2a]{color:#f8c555}.theme-mode-read .token.atrule[data-v-25eb0b2a],.theme-mode-read .token.builtin[data-v-25eb0b2a],.theme-mode-read .token.important[data-v-25eb0b2a],.theme-mode-read .token.keyword[data-v-25eb0b2a],.theme-mode-read .token.selector[data-v-25eb0b2a]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-25eb0b2a],.theme-mode-read .token.char[data-v-25eb0b2a],.theme-mode-read .token.regex[data-v-25eb0b2a],.theme-mode-read .token.string[data-v-25eb0b2a],.theme-mode-read .token.variable[data-v-25eb0b2a]{color:#7ec699}.theme-mode-read .token.entity[data-v-25eb0b2a],.theme-mode-read .token.operator[data-v-25eb0b2a],.theme-mode-read .token.url[data-v-25eb0b2a]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-25eb0b2a],.theme-mode-read .style .token.string[data-v-25eb0b2a],.theme-mode-read .token.entity[data-v-25eb0b2a],.theme-mode-read .token.operator[data-v-25eb0b2a],.theme-mode-read .token.url[data-v-25eb0b2a]{background:none}.theme-mode-read .token.bold[data-v-25eb0b2a],.theme-mode-read .token.important[data-v-25eb0b2a]{font-weight:700}.theme-mode-read .token.italic[data-v-25eb0b2a]{font-style:italic}.theme-mode-read .token.entity[data-v-25eb0b2a]{cursor:help}.theme-mode-read .token.inserted[data-v-25eb0b2a]{color:green}.theme-vdoing-content[data-v-25eb0b2a]{margin-bottom:3.6rem}.title-tag[data-v-25eb0b2a]{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}dd[data-v-25eb0b2a],dl[data-v-25eb0b2a]{margin:0}.column-wrapper[data-v-25eb0b2a]{margin-top:1rem;display:flex;padding-bottom:2rem;border-bottom:1px solid var(--borderColor)}.column-wrapper img[data-v-25eb0b2a]{width:80px;height:80px;border-radius:2px;margin-right:1rem}.column-wrapper .column-info .title[data-v-25eb0b2a]{font-size:1.6rem}.column-wrapper .column-info .description[data-v-25eb0b2a]{color:var(--textColor);opacity:.8;margin:.5rem 0}.catalogue-wrapper .catalogue-title[data-v-25eb0b2a]{font-size:1.45rem;margin:2rem 0}.catalogue-wrapper .catalogue-content dl[data-v-25eb0b2a]{margin-bottom:1.8rem}.catalogue-wrapper .catalogue-content dl.inline[data-v-25eb0b2a]{display:inline-block;width:50%;margin-bottom:1rem}@media (max-width:419px){.catalogue-wrapper .catalogue-content dl.inline[data-v-25eb0b2a]{width:100%}}.catalogue-wrapper .catalogue-content dl.inline a[data-v-25eb0b2a]{width:100%}.catalogue-wrapper .catalogue-content dl:not(.inline) dt[data-v-25eb0b2a]{margin-top:-3.6rem;padding-top:3.6rem}.catalogue-wrapper .catalogue-content dl dt[data-v-25eb0b2a]{font-size:1.1rem}.catalogue-wrapper .catalogue-content dl dt:hover .header-anchor[data-v-25eb0b2a]{opacity:1}.catalogue-wrapper .catalogue-content dl dd[data-v-25eb0b2a]{margin-top:.7rem;margin-left:1rem}.catalogue-wrapper .catalogue-content dl dd a[data-v-25eb0b2a]:not(.header-anchor){margin-bottom:.5rem;display:inline-block;width:50%}.catalogue-wrapper .catalogue-content dl dd a[data-v-25eb0b2a]:not(.header-anchor):hover{color:#ff5722;text-decoration:none}@media (max-width:720px){.catalogue-wrapper .catalogue-content dl dd a[data-v-25eb0b2a]:not(.header-anchor){width:100%}}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap[data-v-25eb0b2a]{margin:5px 0 8px;font-size:.95rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap>a[data-v-25eb0b2a]{padding-left:1rem;box-sizing:border-box}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap .sub-title[data-v-25eb0b2a]{margin-top:-3.6rem;padding-top:3.6rem;margin-bottom:6px;font-size:1rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap:hover .header-anchor[data-v-25eb0b2a]{opacity:1}.views-switch{position:fixed;top:calc(var(--navbar-height) + 50px);right:31px;width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:.9rem;text-align:center;cursor:pointer;transition:all .5s;background:var(--blurBg);z-index:9}.views-switch:hover{background:#11a8cd;box-shadow:0 0 15px #11a8cd}.views-switch:hover:before{color:#fff}.views-switch .select-box{margin:0;padding:.8rem 0;position:absolute;bottom:-2rem;right:2rem;background:var(--mainBg);border:1px solid var(--borderColor);width:120px;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.views-switch .select-box li{list-style:none;line-height:2rem;font-size:.95rem}.views-switch .select-box li:hover{color:#11a8cd}.views-switch .select-box li.active{background-color:hsla(0,0%,58.8%,.2);color:#11a8cd}.docs-box{position:fixed;top:calc(var(--navbar-height) + 50px);right:72px;width:17rem;height:34rem;z-index:-1;background-image:url(https://www.uviewui.com/common/iPhone13.png);background-repeat:no-repeat;background-size:100%;padding:48px 13px 25px}.docs-box iframe{display:block;width:100%;height:33rem;border-radius:10px 10px 20px 20px}.theme-style-line .right-menu-wrapper .right-menu-margin{border-left:1px solid var(--borderColor)}.right-menu-wrapper{width:425px;float:right;margin-right:-480px;position:sticky;top:0;font-size:.8rem}.right-menu-wrapper .right-menu-margin{margin-top:4.6rem;border-radius:3px;overflow:hidden}.right-menu-wrapper .right-menu-title{padding:10px 15px 0;background:var(--mainBg);font-size:1rem}.right-menu-wrapper .right-menu-title:after{content:"";display:block;width:100%;height:1px;background:var(--borderColor);margin-top:10px}.right-menu-wrapper .right-menu-content{max-height:80vh;position:relative;overflow:hidden;background:var(--mainBg);padding:4px 3px 4px 0}.right-menu-wrapper .right-menu-content::-webkit-scrollbar{width:3px;height:3px}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-track-piece{background:none}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-thumb:vertical{background-color:hsla(0,0%,49%,.3)}.right-menu-wrapper .right-menu-content:hover{overflow-y:auto;padding-right:0}.right-menu-wrapper .right-menu-content .right-menu-item{padding:4px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.right-menu-wrapper .right-menu-content .right-menu-item.level2{font-size:.8rem}.right-menu-wrapper .right-menu-content .right-menu-item.level3{padding-left:27px}.right-menu-wrapper .right-menu-content .right-menu-item.level4{padding-left:37px}.right-menu-wrapper .right-menu-content .right-menu-item.level5{padding-left:47px}.right-menu-wrapper .right-menu-content .right-menu-item.level6{padding-left:57px}.right-menu-wrapper .right-menu-content .right-menu-item.active:before{content:"";position:absolute;top:5px;left:0;width:3px;height:14px;background:#11a8cd;border-radius:0 4px 4px 0}.right-menu-wrapper .right-menu-content .right-menu-item.active a{color:#11a8cd;opacity:1}.right-menu-wrapper .right-menu-content .right-menu-item a{color:var(--textColor);opacity:.75;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-menu-wrapper .right-menu-content .right-menu-item a:hover{opacity:1}.right-menu-wrapper .right-menu-content:hover{color:#11a8cd}.page>*{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.page>:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.page>:not(.footer){border-radius:2px}}@media (max-width:959px){.page>*{padding:1rem 2rem}}@media (max-width:419px){.page>*{padding:1rem 1.5rem}}.page{padding-bottom:2rem;display:block}@media (max-width:719px){.page{padding-top:3.6rem}}@media (min-width:719px){.page{padding-top:5.1rem}}@media (min-width:719px){.theme-style-line .page{padding-top:3.6rem}}.theme-style-line .page>:not(.footer){box-shadow:0 0}@media (min-width:720px){.theme-style-line .page .placeholder{height:1.2rem}}.theme-vdoing-wrapper .content-wrapper{position:relative}.theme-vdoing-wrapper h1 .title-tag{height:1.5rem;line-height:1.5rem;border:1px solid #ff5722;color:#ff5722;font-size:1rem;padding:0 .4rem;border-radius:.2rem;margin-left:.5rem;transform:translateY(-.25rem);display:inline-block}.theme-vdoing-wrapper h1 img{margin-bottom:-.2rem;margin-right:.2rem;max-width:2.2rem;max-height:2.2rem}.theme-vdoing-wrapper{--linesColor:rgba(50,0,0,0.05)}.theme-vdoing-wrapper.bg-style-1{background-image:linear-gradient(90deg,var(--linesColor) 3%,transparent 0),linear-gradient(0deg,var(--linesColor) 3%,transparent 0);background-position:50%;background-size:20px 20px}.theme-vdoing-wrapper.bg-style-2{background-image:repeating-linear-gradient(0,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-3{background-image:repeating-linear-gradient(90deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-4{background-image:repeating-linear-gradient(-45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-5{background-image:repeating-linear-gradient(45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-6{background-image:radial-gradient(var(--linesColor) 1px,transparent 0);background-size:10px 10px}.theme-mode-dark .theme-vdoing-wrapper{--linesColor:hsla(0,0%,49%,0.05)}@media (min-width:720px) and (max-width:1279px){.have-rightmenu .page{padding-right:.8rem!important}}@media (max-width:1279px){.have-rightmenu .right-menu-wrapper{display:none}}@media (min-width:1280px){.have-rightmenu .sidebar .sidebar-sub-headers{display:none}}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:none}@media (min-width:720px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:.8rem!important}}@media (max-width:719px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:0!important}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:block}}@media (min-width:720px) and (max-width:1279px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:block}}@media (min-width:1280px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:none}}.categories-page .categories-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.categories-page .categories-wrapper{display:none}}.categories-page .categories-wrapper .categories{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-y:auto;transition:all .2s;position:relative}.categories-page .categories-wrapper .categories a{padding-right:1.8rem}.categories-page .categories-wrapper .categories a span{right:.4rem}.categories-page .categories-wrapper .categories::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.categories-page .categories-wrapper .categories::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.categories-page .main-left .categories-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.categories-page .main-left .categories-wrapper{display:block}}.categories-page .main-left .categories-wrapper .categories{max-height:12.3rem}@media (max-width:719px){.theme-style-line .categories-page .main-left .categories-wrapper{margin-top:-.91rem;margin-bottom:-1px;padding:.9rem .2rem .5rem}}.tags-page .tags-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.tags-page .tags-wrapper{display:none}}.tags-page .tags-wrapper .tags{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-x:hidden;overflow-y:auto;transition:all .2s}.tags-page .tags-wrapper .tags::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.tags-page .tags-wrapper .tags::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.tags-page .main-left .tags-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.tags-page .main-left .tags-wrapper{display:block}}.tags-page .main-left .tags-wrapper .tags{max-height:11.5rem}@media (max-width:719px){.theme-style-line .tags-page .main-left .tags-wrapper{margin-top:-.91rem;margin-bottom:-1px}}.archives-page .theme-vdoing-wrapper{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.archives-page .theme-vdoing-wrapper:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.archives-page .theme-vdoing-wrapper:not(.footer){border-radius:2px}}@media (max-width:959px){.archives-page .theme-vdoing-wrapper{padding:1rem 2rem}}@media (max-width:419px){.archives-page .theme-vdoing-wrapper{padding:1rem 1.5rem}}.theme-style-line .archives-page .theme-vdoing-wrapper{box-shadow:0 0}.archives-page .theme-vdoing-wrapper{position:relative}@media (min-width:940px){.archives-page .theme-vdoing-wrapper{margin-top:1.5rem!important}}.archives-page .theme-vdoing-wrapper .count{text-align:right;margin-top:-2.5rem;font-size:.85rem;opacity:.8}.archives-page .theme-vdoing-wrapper li,.archives-page .theme-vdoing-wrapper ul{margin:0;padding:0}.archives-page .theme-vdoing-wrapper ul{margin-top:2rem}.archives-page .theme-vdoing-wrapper li{list-style:none}.archives-page .theme-vdoing-wrapper li.year{position:sticky;top:3.6rem;background:var(--mainBg);z-index:1}.archives-page .theme-vdoing-wrapper li.year:not(:first-child){margin-top:3.5rem}.archives-page .theme-vdoing-wrapper li h2{margin-bottom:.8rem;font-weight:400;padding:.5rem 0}.archives-page .theme-vdoing-wrapper li h2 span{font-size:.85rem;font-weight:300;float:right;margin-top:1rem}.archives-page .theme-vdoing-wrapper li a{display:block;color:var(--textColor);transition:padding .3s;padding:.5rem 2rem;line-height:1.2rem}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:2.5rem;color:#11a8cd;background:#f9f9f9}@media (max-width:940px){.archives-page .theme-vdoing-wrapper li a{padding:.5rem 1rem;font-weight:400}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:1.5rem}}.archives-page .theme-vdoing-wrapper li a span.date{opacity:.6;font-size:.85rem;font-weight:400;margin-right:.3rem}.archives-page .theme-vdoing-wrapper li a .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.archives-page .theme-vdoing-wrapper .loadmore{text-align:center;margin-top:1rem;opacity:.5}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a:hover,.theme-mode-read .archives-page .theme-vdoing-wrapper li a:hover{background:var(--customBlockBg)}.hide-navbar .archives-page .theme-vdoing-wrapper li.year{top:0}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:1.01em;line-height:1.4;font-weight:700;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.98em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:var(--textColor);transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#11a8cd;border-left-color:#11a8cd}.sidebar-heading.clickable:hover{color:#11a8cd}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}.sidebar .sidebar-sub-headers .level4{padding-left:.2rem}.sidebar .sidebar-sub-headers .level5{padding-left:.4rem}.sidebar .sidebar-sub-headers .level6{padding-left:.6rem}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:var(--textColor);border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#11a8cd}a.sidebar-link.active{font-weight:600;color:#11a8cd;border-left-color:#11a8cd}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid var(--borderColor);padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}.sidebar .blogger{display:none;border-bottom:1px solid var(--borderColor)}.sidebar .blogger img{width:60px;height:60px;border-radius:5px;margin:.75rem 1rem}.sidebar .blogger .blogger-info{flex:1;padding:0 .3rem .3rem 0}.sidebar .blogger .blogger-info h3{margin:.95rem 0 .6rem;font-size:1.1rem}.sidebar .blogger .blogger-info .icons .iconfont{font-size:1.2rem;padding-right:.6rem;color:#777}.sidebar .sidebar-slot{margin-bottom:-.5rem;font-size:.85rem}.sidebar .sidebar-slot.sidebar-slot-top{padding:1.5rem 1.5rem 0}.sidebar .sidebar-slot.sidebar-slot-bottom{padding:0 1.5rem 1.5rem}@media (max-width:719px){.sidebar .blogger{display:flex}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.yellowBorder{border-radius:5px;box-shadow:0 0 15px #ffe089!important}.buttons{position:fixed;right:2rem;bottom:2.5rem;z-index:11}@media (max-width:959px){.buttons{right:1rem;bottom:1.5rem}}.buttons .button{width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:.9rem;text-align:center;cursor:pointer;transition:all .5s;background:var(--blurBg)}.buttons .button.hover{background:#11a8cd;box-shadow:0 0 15px #11a8cd}.buttons .button.hover:before{color:#fff}@media (any-hover:hover){.buttons .button:hover{background:#11a8cd;box-shadow:0 0 15px #11a8cd}.buttons .button:hover:before{color:#fff}}.buttons .button .select-box{margin:0;padding:.8rem 0;position:absolute;bottom:0;right:1.5rem;background:var(--mainBg);border:1px solid var(--borderColor);width:120px;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.buttons .button .select-box li{list-style:none;line-height:2rem;font-size:.95rem}.buttons .button .select-box li:hover{color:#11a8cd}.buttons .button .select-box li.active{background-color:hsla(0,0%,58.8%,.2);color:#11a8cd}.mode-enter-active,.mode-leave-active{transition:all .3s}.mode-enter,.mode-leave-to{opacity:0;transform:scale(.8)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.footer{padding:5rem 1.5rem 2.5rem;text-align:center;color:#666;box-sizing:border-box;font-size:.85rem;transition:all .2s ease}.footer>span{line-height:1.5rem}.footer .icons{margin-bottom:12px}.footer .icons .iconfont{padding:0 10px;font-size:1.3rem}.footer a{color:inherit}.footer a:hover{color:#11a8cd}@media (min-width:720px){.sidebar-open .footer{width:auto;padding-left:19.5rem}}@media (min-width:1520px){.have-rightmenu .footer{padding-right:426.5px}}.no-sidebar .footer{width:auto;padding-left:1.5rem}.body-bg{position:fixed;left:0;top:0;z-index:-999999;height:100vh;width:100vw;transition:background .5s}.theme-mode-light{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light{--bodyBg:#fff}.theme-style-line.theme-mode-dark{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read{--bodyBg:#f5f5d5}.theme-mode-light{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-]::-moz-selection,.theme-mode-light code[class*=language-] ::-moz-selection,.theme-mode-light pre[class*=language-]::-moz-selection,.theme-mode-light pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-]::selection,.theme-mode-light code[class*=language-] ::selection,.theme-mode-light pre[class*=language-]::selection,.theme-mode-light pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{text-shadow:none}}.theme-mode-light pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-],.theme-mode-light pre[class*=language-]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata,.theme-mode-light .token.comment,.theme-mode-light .token.doctype,.theme-mode-light .token.prolog{color:#708090}.theme-mode-light .token.punctuation{color:#999}.theme-mode-light .namespace{opacity:.7}.theme-mode-light .token.boolean,.theme-mode-light .token.constant,.theme-mode-light .token.deleted,.theme-mode-light .token.number,.theme-mode-light .token.property,.theme-mode-light .token.symbol,.theme-mode-light .token.tag{color:#905}.theme-mode-light .token.attr-name,.theme-mode-light .token.builtin,.theme-mode-light .token.char,.theme-mode-light .token.inserted,.theme-mode-light .token.selector,.theme-mode-light .token.string{color:#690}.theme-mode-light .language-css .token.string,.theme-mode-light .style .token.string,.theme-mode-light .token.entity,.theme-mode-light .token.operator,.theme-mode-light .token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule,.theme-mode-light .token.attr-value,.theme-mode-light .token.keyword{color:#07a}.theme-mode-light .token.class-name,.theme-mode-light .token.function{color:#dd4a68}.theme-mode-light .token.important,.theme-mode-light .token.regex,.theme-mode-light .token.variable{color:#e90}.theme-mode-light .token.bold,.theme-mode-light .token.important{font-weight:700}.theme-mode-light .token.italic{font-style:italic}.theme-mode-light .token.entity{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted,.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-],.theme-mode-dark pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-],.theme-mode-dark pre[class*=language-]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment,.theme-mode-dark .token.cdata,.theme-mode-dark .token.comment,.theme-mode-dark .token.doctype,.theme-mode-dark .token.prolog{color:#999}.theme-mode-dark .token.punctuation{color:#ccc}.theme-mode-dark .token.attr-name,.theme-mode-dark .token.deleted,.theme-mode-dark .token.namespace,.theme-mode-dark .token.tag{color:#e2777a}.theme-mode-dark .token.function-name{color:#6196cc}.theme-mode-dark .token.boolean,.theme-mode-dark .token.function,.theme-mode-dark .token.number{color:#f08d49}.theme-mode-dark .token.class-name,.theme-mode-dark .token.constant,.theme-mode-dark .token.property,.theme-mode-dark .token.symbol{color:#f8c555}.theme-mode-dark .token.atrule,.theme-mode-dark .token.builtin,.theme-mode-dark .token.important,.theme-mode-dark .token.keyword,.theme-mode-dark .token.selector{color:#cc99cd}.theme-mode-dark .token.attr-value,.theme-mode-dark .token.char,.theme-mode-dark .token.regex,.theme-mode-dark .token.string,.theme-mode-dark .token.variable{color:#7ec699}.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{color:#67cdcc}.theme-mode-dark .language-css .token.string,.theme-mode-dark .style .token.string,.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{background:none}.theme-mode-dark .token.bold,.theme-mode-dark .token.important{font-weight:700}.theme-mode-dark .token.italic{font-style:italic}.theme-mode-dark .token.entity{cursor:help}.theme-mode-dark .token.inserted{color:green}.theme-mode-read{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-],.theme-mode-read pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-],.theme-mode-read pre[class*=language-]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment,.theme-mode-read .token.cdata,.theme-mode-read .token.comment,.theme-mode-read .token.doctype,.theme-mode-read .token.prolog{color:#999}.theme-mode-read .token.punctuation{color:#ccc}.theme-mode-read .token.attr-name,.theme-mode-read .token.deleted,.theme-mode-read .token.namespace,.theme-mode-read .token.tag{color:#e2777a}.theme-mode-read .token.function-name{color:#6196cc}.theme-mode-read .token.boolean,.theme-mode-read .token.function,.theme-mode-read .token.number{color:#f08d49}.theme-mode-read .token.class-name,.theme-mode-read .token.constant,.theme-mode-read .token.property,.theme-mode-read .token.symbol{color:#f8c555}.theme-mode-read .token.atrule,.theme-mode-read .token.builtin,.theme-mode-read .token.important,.theme-mode-read .token.keyword,.theme-mode-read .token.selector{color:#cc99cd}.theme-mode-read .token.attr-value,.theme-mode-read .token.char,.theme-mode-read .token.regex,.theme-mode-read .token.string,.theme-mode-read .token.variable{color:#7ec699}.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{color:#67cdcc}.theme-mode-read .language-css .token.string,.theme-mode-read .style .token.string,.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{background:none}.theme-mode-read .token.bold,.theme-mode-read .token.important{font-weight:700}.theme-mode-read .token.italic{font-style:italic}.theme-mode-read .token.entity{cursor:help}.theme-mode-read .token.inserted{color:green}.custom-html-window{position:fixed;bottom:0;display:flex;overflow:hidden;font-weight:350}@media (max-width:960px){.custom-html-window{display:none}}.custom-html-window .custom-wrapper{position:relative;max-width:200px;max-height:400px}.custom-html-window .custom-wrapper .close-but{cursor:pointer;position:absolute;right:0;top:0;font-size:1.5rem;line-height:1.5rem;width:1.5rem;height:1.5rem;opacity:0;transition:all .2s}.custom-html-window .custom-wrapper .close-but:hover{opacity:.9}.custom-html-window .custom-wrapper:hover .close-but{opacity:.7}.custom-html-window.custom-html-window-lb{left:0;z-index:99}.custom-html-window.custom-html-window-lb>*{align-self:flex-end}.custom-html-window.custom-html-window-rb{right:80px;z-index:10;justify-content:flex-end}.custom-html-window.custom-html-window-rb>*{align-self:flex-end}.theme-mode-light[data-v-3396d6b6]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-3396d6b6]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-3396d6b6]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-3396d6b6]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-3396d6b6]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-3396d6b6]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-3396d6b6]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-3396d6b6],.theme-mode-light pre[class*=language-][data-v-3396d6b6]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-3396d6b6]::-moz-selection,.theme-mode-light code[class*=language-][data-v-3396d6b6] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-3396d6b6]::selection,.theme-mode-light code[class*=language-][data-v-3396d6b6] ::selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6]::selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-3396d6b6],.theme-mode-light pre[class*=language-][data-v-3396d6b6]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-3396d6b6]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-3396d6b6],.theme-mode-light pre[class*=language-][data-v-3396d6b6]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-3396d6b6]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-3396d6b6],.theme-mode-light .token.comment[data-v-3396d6b6],.theme-mode-light .token.doctype[data-v-3396d6b6],.theme-mode-light .token.prolog[data-v-3396d6b6]{color:#708090}.theme-mode-light .token.punctuation[data-v-3396d6b6]{color:#999}.theme-mode-light .namespace[data-v-3396d6b6]{opacity:.7}.theme-mode-light .token.boolean[data-v-3396d6b6],.theme-mode-light .token.constant[data-v-3396d6b6],.theme-mode-light .token.deleted[data-v-3396d6b6],.theme-mode-light .token.number[data-v-3396d6b6],.theme-mode-light .token.property[data-v-3396d6b6],.theme-mode-light .token.symbol[data-v-3396d6b6],.theme-mode-light .token.tag[data-v-3396d6b6]{color:#905}.theme-mode-light .token.attr-name[data-v-3396d6b6],.theme-mode-light .token.builtin[data-v-3396d6b6],.theme-mode-light .token.char[data-v-3396d6b6],.theme-mode-light .token.inserted[data-v-3396d6b6],.theme-mode-light .token.selector[data-v-3396d6b6],.theme-mode-light .token.string[data-v-3396d6b6]{color:#690}.theme-mode-light .language-css .token.string[data-v-3396d6b6],.theme-mode-light .style .token.string[data-v-3396d6b6],.theme-mode-light .token.entity[data-v-3396d6b6],.theme-mode-light .token.operator[data-v-3396d6b6],.theme-mode-light .token.url[data-v-3396d6b6]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-3396d6b6],.theme-mode-light .token.attr-value[data-v-3396d6b6],.theme-mode-light .token.keyword[data-v-3396d6b6]{color:#07a}.theme-mode-light .token.class-name[data-v-3396d6b6],.theme-mode-light .token.function[data-v-3396d6b6]{color:#dd4a68}.theme-mode-light .token.important[data-v-3396d6b6],.theme-mode-light .token.regex[data-v-3396d6b6],.theme-mode-light .token.variable[data-v-3396d6b6]{color:#e90}.theme-mode-light .token.bold[data-v-3396d6b6],.theme-mode-light .token.important[data-v-3396d6b6]{font-weight:700}.theme-mode-light .token.italic[data-v-3396d6b6]{font-style:italic}.theme-mode-light .token.entity[data-v-3396d6b6]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-3396d6b6],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-3396d6b6]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-3396d6b6]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-3396d6b6],.theme-mode-dark pre[class*=language-][data-v-3396d6b6]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-3396d6b6]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-3396d6b6],.theme-mode-dark pre[class*=language-][data-v-3396d6b6]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-3396d6b6]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-3396d6b6],.theme-mode-dark .token.cdata[data-v-3396d6b6],.theme-mode-dark .token.comment[data-v-3396d6b6],.theme-mode-dark .token.doctype[data-v-3396d6b6],.theme-mode-dark .token.prolog[data-v-3396d6b6]{color:#999}.theme-mode-dark .token.punctuation[data-v-3396d6b6]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-3396d6b6],.theme-mode-dark .token.deleted[data-v-3396d6b6],.theme-mode-dark .token.namespace[data-v-3396d6b6],.theme-mode-dark .token.tag[data-v-3396d6b6]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-3396d6b6]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-3396d6b6],.theme-mode-dark .token.function[data-v-3396d6b6],.theme-mode-dark .token.number[data-v-3396d6b6]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-3396d6b6],.theme-mode-dark .token.constant[data-v-3396d6b6],.theme-mode-dark .token.property[data-v-3396d6b6],.theme-mode-dark .token.symbol[data-v-3396d6b6]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-3396d6b6],.theme-mode-dark .token.builtin[data-v-3396d6b6],.theme-mode-dark .token.important[data-v-3396d6b6],.theme-mode-dark .token.keyword[data-v-3396d6b6],.theme-mode-dark .token.selector[data-v-3396d6b6]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-3396d6b6],.theme-mode-dark .token.char[data-v-3396d6b6],.theme-mode-dark .token.regex[data-v-3396d6b6],.theme-mode-dark .token.string[data-v-3396d6b6],.theme-mode-dark .token.variable[data-v-3396d6b6]{color:#7ec699}.theme-mode-dark .token.entity[data-v-3396d6b6],.theme-mode-dark .token.operator[data-v-3396d6b6],.theme-mode-dark .token.url[data-v-3396d6b6]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-3396d6b6],.theme-mode-dark .style .token.string[data-v-3396d6b6],.theme-mode-dark .token.entity[data-v-3396d6b6],.theme-mode-dark .token.operator[data-v-3396d6b6],.theme-mode-dark .token.url[data-v-3396d6b6]{background:none}.theme-mode-dark .token.bold[data-v-3396d6b6],.theme-mode-dark .token.important[data-v-3396d6b6]{font-weight:700}.theme-mode-dark .token.italic[data-v-3396d6b6]{font-style:italic}.theme-mode-dark .token.entity[data-v-3396d6b6]{cursor:help}.theme-mode-dark .token.inserted[data-v-3396d6b6]{color:green}.theme-mode-read[data-v-3396d6b6]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-3396d6b6],.theme-mode-read pre[class*=language-][data-v-3396d6b6]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-3396d6b6]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-3396d6b6],.theme-mode-read pre[class*=language-][data-v-3396d6b6]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-3396d6b6]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-3396d6b6],.theme-mode-read .token.cdata[data-v-3396d6b6],.theme-mode-read .token.comment[data-v-3396d6b6],.theme-mode-read .token.doctype[data-v-3396d6b6],.theme-mode-read .token.prolog[data-v-3396d6b6]{color:#999}.theme-mode-read .token.punctuation[data-v-3396d6b6]{color:#ccc}.theme-mode-read .token.attr-name[data-v-3396d6b6],.theme-mode-read .token.deleted[data-v-3396d6b6],.theme-mode-read .token.namespace[data-v-3396d6b6],.theme-mode-read .token.tag[data-v-3396d6b6]{color:#e2777a}.theme-mode-read .token.function-name[data-v-3396d6b6]{color:#6196cc}.theme-mode-read .token.boolean[data-v-3396d6b6],.theme-mode-read .token.function[data-v-3396d6b6],.theme-mode-read .token.number[data-v-3396d6b6]{color:#f08d49}.theme-mode-read .token.class-name[data-v-3396d6b6],.theme-mode-read .token.constant[data-v-3396d6b6],.theme-mode-read .token.property[data-v-3396d6b6],.theme-mode-read .token.symbol[data-v-3396d6b6]{color:#f8c555}.theme-mode-read .token.atrule[data-v-3396d6b6],.theme-mode-read .token.builtin[data-v-3396d6b6],.theme-mode-read .token.important[data-v-3396d6b6],.theme-mode-read .token.keyword[data-v-3396d6b6],.theme-mode-read .token.selector[data-v-3396d6b6]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-3396d6b6],.theme-mode-read .token.char[data-v-3396d6b6],.theme-mode-read .token.regex[data-v-3396d6b6],.theme-mode-read .token.string[data-v-3396d6b6],.theme-mode-read .token.variable[data-v-3396d6b6]{color:#7ec699}.theme-mode-read .token.entity[data-v-3396d6b6],.theme-mode-read .token.operator[data-v-3396d6b6],.theme-mode-read .token.url[data-v-3396d6b6]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-3396d6b6],.theme-mode-read .style .token.string[data-v-3396d6b6],.theme-mode-read .token.entity[data-v-3396d6b6],.theme-mode-read .token.operator[data-v-3396d6b6],.theme-mode-read .token.url[data-v-3396d6b6]{background:none}.theme-mode-read .token.bold[data-v-3396d6b6],.theme-mode-read .token.important[data-v-3396d6b6]{font-weight:700}.theme-mode-read .token.italic[data-v-3396d6b6]{font-style:italic}.theme-mode-read .token.entity[data-v-3396d6b6]{cursor:help}.theme-mode-read .token.inserted[data-v-3396d6b6]{color:green}.badge[data-v-3396d6b6]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-3396d6b6],.badge.tip[data-v-3396d6b6],.badge[data-v-3396d6b6]{background-color:#42b983}.badge.error[data-v-3396d6b6]{background-color:#da5961}.badge.warn[data-v-3396d6b6],.badge.warning[data-v-3396d6b6],.badge.yellow[data-v-3396d6b6]{background-color:#e7c000}.badge+.badge[data-v-3396d6b6]{margin-left:5px} \ No newline at end of file +@import url(//at.alicdn.com/t/font_1678482_4tbhmh589x.css);.code-copy{color:#aaa;fill:#aaa;font-size:14px;display:inline-block;cursor:pointer}div[class*=aside-code] aside .code-copy,div[class*=language-] pre .code-copy{position:absolute;z-index:1000;top:7px;right:35px;opacity:0;font-size:16px}div[class*=aside-code] aside:hover .code-copy,div[class*=language-] pre:hover .code-copy{opacity:1}.content pre,.content pre[class*=language-]{overflow-y:hidden}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:static!important}div[class~=language-text]:before{content:"text"}div[class~=language-yml]:before{content:"yml"}div[class*=language-] pre{-webkit-user-select:text;-moz-user-select:text;user-select:text}p code{-webkit-user-select:all;-moz-user-select:all;user-select:all}@keyframes message-move-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#message-container .message.move-in{animation:message-move-in .3s ease-in-out}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}#message-container .message.move-out{animation:message-move-out .3s ease-in-out;animation-fill-mode:forwards}#message-container .message{background:#fff;margin:10px 0;padding:0 10px;height:40px;box-shadow:0 0 10px 0 #ccc;font-size:14px;border-radius:3px;display:flex;align-items:center;transition:height .2s ease-in-out,margin .2s ease-in-out}#message-container{position:fixed;left:0;top:100px;right:0;display:flex;flex-direction:column;align-items:center}#message-container .message .text{color:#333;padding:0 20px 0 5px}.theme-code-block[data-v-5a3e6e86]{display:none}.theme-code-block__active[data-v-5a3e6e86]{display:block}.theme-code-block>pre[data-v-5a3e6e86]{background-color:orange}@media (max-width:419px){.theme-code-group div[class*=language-][data-v-5a3e6e86]{margin:0}}.theme-mode-light[data-v-392329f0]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-392329f0]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-392329f0]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-392329f0]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-392329f0]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-392329f0]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-392329f0]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-392329f0],.theme-mode-light pre[class*=language-][data-v-392329f0]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-392329f0]::-moz-selection,.theme-mode-light code[class*=language-][data-v-392329f0] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-392329f0]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-392329f0] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-392329f0]::selection,.theme-mode-light code[class*=language-][data-v-392329f0] ::selection,.theme-mode-light pre[class*=language-][data-v-392329f0]::selection,.theme-mode-light pre[class*=language-][data-v-392329f0] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-392329f0],.theme-mode-light pre[class*=language-][data-v-392329f0]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-392329f0]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-392329f0],.theme-mode-light pre[class*=language-][data-v-392329f0]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-392329f0]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-392329f0],.theme-mode-light .token.comment[data-v-392329f0],.theme-mode-light .token.doctype[data-v-392329f0],.theme-mode-light .token.prolog[data-v-392329f0]{color:#708090}.theme-mode-light .token.punctuation[data-v-392329f0]{color:#999}.theme-mode-light .namespace[data-v-392329f0]{opacity:.7}.theme-mode-light .token.boolean[data-v-392329f0],.theme-mode-light .token.constant[data-v-392329f0],.theme-mode-light .token.deleted[data-v-392329f0],.theme-mode-light .token.number[data-v-392329f0],.theme-mode-light .token.property[data-v-392329f0],.theme-mode-light .token.symbol[data-v-392329f0],.theme-mode-light .token.tag[data-v-392329f0]{color:#905}.theme-mode-light .token.attr-name[data-v-392329f0],.theme-mode-light .token.builtin[data-v-392329f0],.theme-mode-light .token.char[data-v-392329f0],.theme-mode-light .token.inserted[data-v-392329f0],.theme-mode-light .token.selector[data-v-392329f0],.theme-mode-light .token.string[data-v-392329f0]{color:#690}.theme-mode-light .language-css .token.string[data-v-392329f0],.theme-mode-light .style .token.string[data-v-392329f0],.theme-mode-light .token.entity[data-v-392329f0],.theme-mode-light .token.operator[data-v-392329f0],.theme-mode-light .token.url[data-v-392329f0]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-392329f0],.theme-mode-light .token.attr-value[data-v-392329f0],.theme-mode-light .token.keyword[data-v-392329f0]{color:#07a}.theme-mode-light .token.class-name[data-v-392329f0],.theme-mode-light .token.function[data-v-392329f0]{color:#dd4a68}.theme-mode-light .token.important[data-v-392329f0],.theme-mode-light .token.regex[data-v-392329f0],.theme-mode-light .token.variable[data-v-392329f0]{color:#e90}.theme-mode-light .token.bold[data-v-392329f0],.theme-mode-light .token.important[data-v-392329f0]{font-weight:700}.theme-mode-light .token.italic[data-v-392329f0]{font-style:italic}.theme-mode-light .token.entity[data-v-392329f0]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-392329f0],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-392329f0]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-392329f0]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-392329f0],.theme-mode-dark pre[class*=language-][data-v-392329f0]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-392329f0]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-392329f0],.theme-mode-dark pre[class*=language-][data-v-392329f0]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-392329f0]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-392329f0],.theme-mode-dark .token.cdata[data-v-392329f0],.theme-mode-dark .token.comment[data-v-392329f0],.theme-mode-dark .token.doctype[data-v-392329f0],.theme-mode-dark .token.prolog[data-v-392329f0]{color:#999}.theme-mode-dark .token.punctuation[data-v-392329f0]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-392329f0],.theme-mode-dark .token.deleted[data-v-392329f0],.theme-mode-dark .token.namespace[data-v-392329f0],.theme-mode-dark .token.tag[data-v-392329f0]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-392329f0]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-392329f0],.theme-mode-dark .token.function[data-v-392329f0],.theme-mode-dark .token.number[data-v-392329f0]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-392329f0],.theme-mode-dark .token.constant[data-v-392329f0],.theme-mode-dark .token.property[data-v-392329f0],.theme-mode-dark .token.symbol[data-v-392329f0]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-392329f0],.theme-mode-dark .token.builtin[data-v-392329f0],.theme-mode-dark .token.important[data-v-392329f0],.theme-mode-dark .token.keyword[data-v-392329f0],.theme-mode-dark .token.selector[data-v-392329f0]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-392329f0],.theme-mode-dark .token.char[data-v-392329f0],.theme-mode-dark .token.regex[data-v-392329f0],.theme-mode-dark .token.string[data-v-392329f0],.theme-mode-dark .token.variable[data-v-392329f0]{color:#7ec699}.theme-mode-dark .token.entity[data-v-392329f0],.theme-mode-dark .token.operator[data-v-392329f0],.theme-mode-dark .token.url[data-v-392329f0]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-392329f0],.theme-mode-dark .style .token.string[data-v-392329f0],.theme-mode-dark .token.entity[data-v-392329f0],.theme-mode-dark .token.operator[data-v-392329f0],.theme-mode-dark .token.url[data-v-392329f0]{background:none}.theme-mode-dark .token.bold[data-v-392329f0],.theme-mode-dark .token.important[data-v-392329f0]{font-weight:700}.theme-mode-dark .token.italic[data-v-392329f0]{font-style:italic}.theme-mode-dark .token.entity[data-v-392329f0]{cursor:help}.theme-mode-dark .token.inserted[data-v-392329f0]{color:green}.theme-mode-read[data-v-392329f0]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-392329f0],.theme-mode-read pre[class*=language-][data-v-392329f0]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-392329f0]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-392329f0],.theme-mode-read pre[class*=language-][data-v-392329f0]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-392329f0]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-392329f0],.theme-mode-read .token.cdata[data-v-392329f0],.theme-mode-read .token.comment[data-v-392329f0],.theme-mode-read .token.doctype[data-v-392329f0],.theme-mode-read .token.prolog[data-v-392329f0]{color:#999}.theme-mode-read .token.punctuation[data-v-392329f0]{color:#ccc}.theme-mode-read .token.attr-name[data-v-392329f0],.theme-mode-read .token.deleted[data-v-392329f0],.theme-mode-read .token.namespace[data-v-392329f0],.theme-mode-read .token.tag[data-v-392329f0]{color:#e2777a}.theme-mode-read .token.function-name[data-v-392329f0]{color:#6196cc}.theme-mode-read .token.boolean[data-v-392329f0],.theme-mode-read .token.function[data-v-392329f0],.theme-mode-read .token.number[data-v-392329f0]{color:#f08d49}.theme-mode-read .token.class-name[data-v-392329f0],.theme-mode-read .token.constant[data-v-392329f0],.theme-mode-read .token.property[data-v-392329f0],.theme-mode-read .token.symbol[data-v-392329f0]{color:#f8c555}.theme-mode-read .token.atrule[data-v-392329f0],.theme-mode-read .token.builtin[data-v-392329f0],.theme-mode-read .token.important[data-v-392329f0],.theme-mode-read .token.keyword[data-v-392329f0],.theme-mode-read .token.selector[data-v-392329f0]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-392329f0],.theme-mode-read .token.char[data-v-392329f0],.theme-mode-read .token.regex[data-v-392329f0],.theme-mode-read .token.string[data-v-392329f0],.theme-mode-read .token.variable[data-v-392329f0]{color:#7ec699}.theme-mode-read .token.entity[data-v-392329f0],.theme-mode-read .token.operator[data-v-392329f0],.theme-mode-read .token.url[data-v-392329f0]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-392329f0],.theme-mode-read .style .token.string[data-v-392329f0],.theme-mode-read .token.entity[data-v-392329f0],.theme-mode-read .token.operator[data-v-392329f0],.theme-mode-read .token.url[data-v-392329f0]{background:none}.theme-mode-read .token.bold[data-v-392329f0],.theme-mode-read .token.important[data-v-392329f0]{font-weight:700}.theme-mode-read .token.italic[data-v-392329f0]{font-style:italic}.theme-mode-read .token.entity[data-v-392329f0]{cursor:help}.theme-mode-read .token.inserted[data-v-392329f0]{color:green}.theme-code-group[data-v-392329f0],.theme-code-group__nav[data-v-392329f0]{background-color:var(--codeBg);padding-bottom:22px;border-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__nav[data-v-392329f0]{margin-bottom:-35px}.theme-code-group__ul[data-v-392329f0]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__li[data-v-392329f0],.theme-code-group__nav-tab[data-v-392329f0]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:var(--codeColor);font-weight:600;opacity:.85}.theme-code-group__nav-tab-active[data-v-392329f0]{border-bottom:1px solid #11a8cd;opacity:1}.pre-blank[data-v-392329f0]{color:#11a8cd}body .theme-vdoing-content code{color:var(--textLightenColor);padding:.25rem .5rem;margin:0;font-size:.9em;background-color:hsla(0,0%,39.2%,.08);border-radius:3px}body .theme-vdoing-content code .token.deleted{color:#ec5975}body .theme-vdoing-content code .token.inserted{color:#11a8cd}body .theme-vdoing-content pre,body .theme-vdoing-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}body .theme-vdoing-content pre[class*=language-] code,body .theme-vdoing-content pre code{color:var(--codeColor);padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:var(--codeBg);border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.3)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative!important;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.8rem;color:hsla(0,0%,58.8%,.7)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:2.5rem;height:100%;background-color:rgba(0,0,0,.3)}div[class*=language-].line-numbers-mode pre{padding-left:3.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:2.5rem;text-align:center;color:hsla(0,0%,49.8%,.5);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:2.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid var(--borderColor);background-color:var(--codeBg)}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:.2rem}.custom-block p{margin:0}.custom-block.danger,.custom-block.note,.custom-block.tip,.custom-block.warning{padding:.5rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983;color:#215d42}.custom-block.warning{background-color:#fff7d0;border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:var(--textColor)}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:var(--textColor)}.custom-block.note{background-color:#e8f5fa;border-color:#157bae;color:#0d4a68}.custom-block.right{color:var(--textColor);font-size:.9rem;text-align:right}.custom-block.theorem{margin:1rem 0;padding:.8rem 1.5rem;border-radius:2px;background-color:var(--customBlockBg)}.custom-block.theorem .title{font-weight:700;margin:.5rem 0}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1em 0;padding:1.6em;background-color:var(--customBlockBg)}.custom-block.details p{margin:.8rem 0}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.custom-block.details summary:hover{color:#11a8cd}.theme-mode-dark .custom-block.warning{background-color:rgba(255,247,208,.2);color:#e7c000}.theme-mode-dark .custom-block.warning .custom-block-title{color:#ffdc2f}.theme-mode-dark .custom-block.tip{background-color:rgba(243,245,247,.2);color:#42b983}.theme-mode-dark .custom-block.danger{background-color:rgba(255,230,230,.4);color:maroon}.theme-mode-dark .custom-block.danger a{color:#11a8cd}.theme-mode-dark .custom-block.note{background-color:rgba(243,245,247,.2);color:#157bae}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-vdoing-content:not(.custom){max-width:860px}.table-of-contents .badge{vertical-align:middle}.center-container{text-align:center}.center-container>h1,.center-container>h2,.center-container>h3,.center-container>h4,.center-container>h5,.center-container>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.center-container>h1 a.header-anchor,.center-container>h2 a.header-anchor,.center-container>h3 a.header-anchor,.center-container>h4 a.header-anchor,.center-container>h5 a.header-anchor,.center-container>h6 a.header-anchor{float:none;padding-right:0;margin-left:-.9rem}.cardListContainer{margin:.7rem 0}.cardListContainer>:not(.card-list){display:none}.cardListContainer .card-list{margin:-.35rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardListContainer .card-list .card-item{width:calc(33.33333% - .7rem);margin:.35rem;background:var(--bodyBg);border-radius:3px;color:var(--textColor);display:flex;box-shadow:1px 1px 2px 0 rgba(0,0,0,.06);transition:all .4s}.cardListContainer .card-list .card-item:hover{text-decoration:none;box-shadow:0 10px 20px -10px var(--randomColor,rgba(0,0,0,.15));transform:translateY(-3px) scale(1.01)}.cardListContainer .card-list .card-item:hover img{box-shadow:3px 2px 7px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item:hover div p{text-shadow:3px 2px 5px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item img{width:60px;height:60px;border-radius:50%;border:2px solid #fff;margin:1rem 0 1rem 1rem;box-shadow:3px 2px 5px rgba(0,0,0,.08);transition:all .4s}.cardListContainer .card-list .card-item div{flex:1;display:inline-block;float:right;padding:1rem 0}.cardListContainer .card-list .card-item div p{margin:0;padding:0 1rem;transition:text-shadow .4s;text-align:center}.cardListContainer .card-list .card-item div .name{margin:.2rem 0 .3rem}.cardListContainer .card-list .card-item div .desc{font-size:.8rem;line-height:1.1rem;opacity:.8;margin-bottom:.2rem}.cardListContainer .card-list .card-item.row-1{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img{margin-left:2rem}.cardListContainer .card-list .card-item.row-2{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-2 img{margin-left:1.5rem}.cardListContainer .card-list .card-item.row-3{width:calc(33.33333% - .7rem)}.cardListContainer .card-list .card-item.row-4{width:calc(25% - .7rem)}.cardImgListContainer{margin:1rem 0}.cardImgListContainer>:not(.card-list){display:none}.cardImgListContainer .card-list{margin:-.5rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardImgListContainer .card-list .card-item{width:calc(33.33333% - 1rem);margin:.5rem;background:var(--mainBg);border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:3px;overflow:hidden;color:var(--textColor);box-shadow:2px 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;transition:all .4s}.cardImgListContainer .card-list .card-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.cardImgListContainer .card-list .card-item .box-img{overflow:hidden;position:relative;background:#eee}.cardImgListContainer .card-list .card-item .box-img img{display:block;width:100%;height:100%;transition:all .3s}.cardImgListContainer .card-list .card-item a{color:var(--textColor);transition:color .3s}.cardImgListContainer .card-list .card-item a:hover{text-decoration:none}.cardImgListContainer .card-list .card-item .box-info{padding:.8rem 1rem}.cardImgListContainer .card-list .card-item .box-info p{margin:0}.cardImgListContainer .card-list .card-item .box-info .desc{margin-top:.3rem;opacity:.8;font-size:.9rem;line-height:1.1rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.cardImgListContainer .card-list .card-item .box-footer{overflow:hidden;padding:.8rem 1rem;border-top:1px solid rgba(0,0,0,.1)}.cardImgListContainer .card-list .card-item .box-footer img{width:1.8rem;height:1.8rem;border-radius:50%;float:left}.cardImgListContainer .card-list .card-item .box-footer span{line-height:1.8rem;float:left;margin-left:.6rem;font-size:.8rem}.cardImgListContainer .card-list .card-item.row-1{width:calc(100% - 1rem)}.cardImgListContainer .card-list .card-item.row-2{width:calc(50% - 1rem)}.cardImgListContainer .card-list .card-item.row-3{width:calc(33.33333% - 1rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(25% - 1rem)}.theme-mode-dark .cardImgListContainer .card-list .card-item,.theme-mode-dark .cardImgListContainer .card-list .card-item .box-footer{border-color:var(--borderColor)}@media (max-width:900px){.cardListContainer .card-list .card-item.row-4{width:calc(33.33333% - .7rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(33.33333% - 1rem)}}@media (max-width:720px){.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(50% - 1rem)}}@media (max-width:500px){.cardListContainer .card-list .card-item.row-1,.cardListContainer .card-list .card-item.row-2,.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img,.cardListContainer .card-list .card-item.row-2 img,.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-1,.cardImgListContainer .card-list .card-item.row-2,.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(100% - 1rem)}}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;color:#2c3e50;background:var(--bodyBg)}a,button,input{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-focus-ring-color:transparent}@media (min-width:719px){::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.15);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}}.card-box{border-radius:5px;background:var(--mainBg);box-shadow:0 0 4px 0 rgba(0,0,0,.1);transition:box-shadow .5s}.card-box:hover{box-shadow:0 1px 15px 0 rgba(0,0,0,.1)}@media (max-width:719px){.theme-style-line{margin-left:-1px;margin-right:-1px}}.theme-style-line .card-box{box-shadow:0 0;border:1px solid var(--borderColor)}.blur{-webkit-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px)}.custom-page{min-height:calc(100vh - 3.6rem);padding-top:3.6rem;padding-bottom:.9rem}.custom-page .theme-vdoing-wrapper{margin:0 auto}body .search-box input{background-color:transparent;color:var(--textColor);border:1px solid var(--borderColor,#ccc)}@media (max-width:959px){body .search-box input{border-color:transparent}}.page{transition:padding .2s ease;padding-left:.8rem}.navbar{position:fixed;z-index:20;top:0;left:0;right:0;height:3.6rem;background-color:var(--blurBg);box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,.06)}.sidebar-mask{top:0;width:100vw;height:100vh}.sidebar-hover-trigger,.sidebar-mask{position:fixed;z-index:12;left:0;display:none}.sidebar-hover-trigger{top:8.1rem;bottom:0;width:24px}.sidebar{font-size:16px;background-color:var(--sidebarBg);width:18rem;position:fixed;z-index:13;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid var(--borderColor);overflow-y:auto;transform:translateX(-100%);transition:transform .2s}@media (max-width:719px){.sidebar{background-color:var(--mainBg)}}.theme-vdoing-content:not(.custom){word-wrap:break-word}.theme-vdoing-content:not(.custom) a:hover{text-decoration:underline}.theme-vdoing-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-vdoing-content:not(.custom) img{max-width:100%}.theme-vdoing-content.custom{padding:0;margin:0}.theme-vdoing-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#11a8cd}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;opacity:.75;border-left:.2rem solid hsla(0,0%,39.2%,.3);margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-vdoing-content:not(.custom)>h1,.theme-vdoing-content:not(.custom)>h2,.theme-vdoing-content:not(.custom)>h3,.theme-vdoing-content:not(.custom)>h4,.theme-vdoing-content:not(.custom)>h5,.theme-vdoing-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-vdoing-content:not(.custom)>h1:first-child,.theme-vdoing-content:not(.custom)>h2:first-child,.theme-vdoing-content:not(.custom)>h3:first-child,.theme-vdoing-content:not(.custom)>h4:first-child,.theme-vdoing-content:not(.custom)>h5:first-child,.theme-vdoing-content:not(.custom)>h6:first-child{margin-bottom:1rem}.theme-vdoing-content:not(.custom)>h1:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h1:first-child+p,.theme-vdoing-content:not(.custom)>h1:first-child+pre,.theme-vdoing-content:not(.custom)>h2:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h2:first-child+p,.theme-vdoing-content:not(.custom)>h2:first-child+pre,.theme-vdoing-content:not(.custom)>h3:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h3:first-child+p,.theme-vdoing-content:not(.custom)>h3:first-child+pre,.theme-vdoing-content:not(.custom)>h4:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h4:first-child+p,.theme-vdoing-content:not(.custom)>h4:first-child+pre,.theme-vdoing-content:not(.custom)>h5:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h5:first-child+p,.theme-vdoing-content:not(.custom)>h5:first-child+pre,.theme-vdoing-content:not(.custom)>h6:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h6:first-child+p,.theme-vdoing-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}.theme-vdoing-content:not(.custom)>.custom-block:first-child,.theme-vdoing-content:not(.custom)>p:first-child,.theme-vdoing-content:not(.custom)>pre:first-child{margin-top:2rem}h1{font-size:1.9rem}.theme-vdoing-content:not(.custom)>h1:first-child{display:none}h2{font-size:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--borderColor)}h3{font-size:1.35rem}.page h4{font-size:1.25rem}.page h5{font-size:1.15rem}.page h6{font-size:1.05rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid var(--borderColor)}table{border-collapse:collapse;margin:1rem 0;overflow-x:auto;width:100%;display:inline-table}@media (max-width:719px){table{display:block}}tr{border-top:1px solid var(--borderColor)}tr:nth-child(2n){background-color:hsla(0,0%,58.8%,.1)}td,th{border:1px solid var(--borderColor);padding:.6em 1em}@media (max-width:719px){td,th{padding:.3em .5em}}td a,th a{word-break:break-all}.theme-container{color:var(--textColor);min-height:100vh}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-vdoing-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px}}@media (max-width:719px){.sidebar{width:17.099999999999998rem}}@media (min-width:720px) and (max-width:959px){.sidebar{width:16.2rem}.theme-container.sidebar-open .page{padding-left:17rem!important}}@media (max-width:719px){.sidebar{top:0;height:100vh;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-vdoing-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}@media (min-width:720px){.theme-container .sidebar-hover-trigger{display:block}.theme-container .sidebar-hover-trigger:hover~.sidebar,.theme-container:not(.sidebar-open) .sidebar-hover-trigger~.sidebar:hover{transform:translateX(0);z-index:100}.theme-container.sidebar-open .sidebar-mask{display:none}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-button{left:18rem}.theme-container.sidebar-open .page{padding-left:18.8rem;padding-right:.8rem}.theme-container.sidebar-open .sidebar-hover-trigger{display:none}.theme-container.have-rightmenu .page{padding-right:445px}.theme-container.no-sidebar .page{padding-left:0!important}.theme-container.no-sidebar .sidebar-hover-trigger{display:none}.theme-container.hide-navbar .sidebar-hover-trigger{top:4.5rem}.theme-container.hide-navbar .sidebar{top:0}.theme-container.no-sidebar .sidebar-button{display:none}}@media print{.buttons,.navbar,.sidebar{display:none}.page{padding-top:0!important}}@media (min-width:720px) and (max-width:959px){.theme-container.sidebar-open:not(.on-sidebar) .sidebar-button{left:12.6rem}}.home-wrapper .banner .banner-conent .hero h1{font-size:2.8rem!important}.page{letter-spacing:.08rem}table{width:auto}.card-box,.page>:not(.footer){box-shadow:none!important}@media (min-width:940px){.page{padding-top:3.6rem!important}}.home-wrapper .banner .banner-conent{padding:0 2.9rem;box-sizing:border-box}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2{margin-top:2rem;font-size:1.2rem!important}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p{padding:0 1rem}.gt-container .gt-ico-tip:after{content:"。( Win + . ) or ( ⌃ + ⌘ + ␣ ) open Emoji";color:#999}.gt-container .gt-meta{border-color:var(--borderColor)!important}.gt-container .gt-comments-null{color:var(--textColor);opacity:.5}.gt-container .gt-header-textarea{color:var(--textColor);background:hsla(0,0%,70.6%,.1)!important}.gt-container .gt-btn{border-color:#11a8cd!important;background-color:#11a8cd!important}.gt-container .gt-btn-preview{background-color:hsla(0,0%,100%,0)!important;color:#11a8cd!important}.gt-container a{color:#11a8cd!important}.gt-container .gt-svg svg{fill:#11a8cd!important}.gt-container .gt-comment-admin .gt-comment-content,.gt-container .gt-comment-content{background-color:hsla(0,0%,58.8%,.1)!important}.gt-container .gt-comment-admin .gt-comment-content:hover,.gt-container .gt-comment-content:hover{box-shadow:0 0 25px hsla(0,0%,58.8%,.5)!important}.gt-container .gt-comment-admin .gt-comment-content .gt-comment-body,.gt-container .gt-comment-content .gt-comment-body{color:var(--textColor)!important}.qq{position:relative}.qq:after{content:"可撩";background:#11a8cd;color:#fff;padding:0 5px;border-radius:10px;font-size:12px;position:absolute;top:-4px;right:-35px;transform:scale(.85)}body .vuepress-plugin-demo-block__wrapper,body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display{border-color:hsla(0,0%,62.7%,.3)}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand:before{border-top-color:#11a8cd!important;border-bottom-color:#11a8cd!important}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover svg{fill:#11a8cd!important}.suggestions{overflow:auto;max-height:calc(100vh - 6rem)}@media (max-width:719px){.suggestions{width:90vw;min-width:90vw!important;margin-right:-20px}}.suggestions .highlight{color:#11a8cd;font-weight:700}#nprogress{pointer-events:none}#nprogress .bar{background:#11a8cd;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #11a8cd,0 0 5px #11a8cd;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#11a8cd transparent transparent #11a8cd;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.theme-mode-light[data-v-08abdc17]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-08abdc17]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-08abdc17]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-08abdc17]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-08abdc17]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-08abdc17]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-08abdc17]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-08abdc17],.theme-mode-light pre[class*=language-][data-v-08abdc17]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-08abdc17]::-moz-selection,.theme-mode-light code[class*=language-][data-v-08abdc17] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-08abdc17]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-08abdc17] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-08abdc17]::selection,.theme-mode-light code[class*=language-][data-v-08abdc17] ::selection,.theme-mode-light pre[class*=language-][data-v-08abdc17]::selection,.theme-mode-light pre[class*=language-][data-v-08abdc17] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-08abdc17],.theme-mode-light pre[class*=language-][data-v-08abdc17]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-08abdc17]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-08abdc17],.theme-mode-light pre[class*=language-][data-v-08abdc17]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-08abdc17]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-08abdc17],.theme-mode-light .token.comment[data-v-08abdc17],.theme-mode-light .token.doctype[data-v-08abdc17],.theme-mode-light .token.prolog[data-v-08abdc17]{color:#708090}.theme-mode-light .token.punctuation[data-v-08abdc17]{color:#999}.theme-mode-light .namespace[data-v-08abdc17]{opacity:.7}.theme-mode-light .token.boolean[data-v-08abdc17],.theme-mode-light .token.constant[data-v-08abdc17],.theme-mode-light .token.deleted[data-v-08abdc17],.theme-mode-light .token.number[data-v-08abdc17],.theme-mode-light .token.property[data-v-08abdc17],.theme-mode-light .token.symbol[data-v-08abdc17],.theme-mode-light .token.tag[data-v-08abdc17]{color:#905}.theme-mode-light .token.attr-name[data-v-08abdc17],.theme-mode-light .token.builtin[data-v-08abdc17],.theme-mode-light .token.char[data-v-08abdc17],.theme-mode-light .token.inserted[data-v-08abdc17],.theme-mode-light .token.selector[data-v-08abdc17],.theme-mode-light .token.string[data-v-08abdc17]{color:#690}.theme-mode-light .language-css .token.string[data-v-08abdc17],.theme-mode-light .style .token.string[data-v-08abdc17],.theme-mode-light .token.entity[data-v-08abdc17],.theme-mode-light .token.operator[data-v-08abdc17],.theme-mode-light .token.url[data-v-08abdc17]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-08abdc17],.theme-mode-light .token.attr-value[data-v-08abdc17],.theme-mode-light .token.keyword[data-v-08abdc17]{color:#07a}.theme-mode-light .token.class-name[data-v-08abdc17],.theme-mode-light .token.function[data-v-08abdc17]{color:#dd4a68}.theme-mode-light .token.important[data-v-08abdc17],.theme-mode-light .token.regex[data-v-08abdc17],.theme-mode-light .token.variable[data-v-08abdc17]{color:#e90}.theme-mode-light .token.bold[data-v-08abdc17],.theme-mode-light .token.important[data-v-08abdc17]{font-weight:700}.theme-mode-light .token.italic[data-v-08abdc17]{font-style:italic}.theme-mode-light .token.entity[data-v-08abdc17]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-08abdc17],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-08abdc17]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-08abdc17]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-08abdc17],.theme-mode-dark pre[class*=language-][data-v-08abdc17]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-08abdc17]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-08abdc17],.theme-mode-dark pre[class*=language-][data-v-08abdc17]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-08abdc17]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-08abdc17],.theme-mode-dark .token.cdata[data-v-08abdc17],.theme-mode-dark .token.comment[data-v-08abdc17],.theme-mode-dark .token.doctype[data-v-08abdc17],.theme-mode-dark .token.prolog[data-v-08abdc17]{color:#999}.theme-mode-dark .token.punctuation[data-v-08abdc17]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-08abdc17],.theme-mode-dark .token.deleted[data-v-08abdc17],.theme-mode-dark .token.namespace[data-v-08abdc17],.theme-mode-dark .token.tag[data-v-08abdc17]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-08abdc17]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-08abdc17],.theme-mode-dark .token.function[data-v-08abdc17],.theme-mode-dark .token.number[data-v-08abdc17]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-08abdc17],.theme-mode-dark .token.constant[data-v-08abdc17],.theme-mode-dark .token.property[data-v-08abdc17],.theme-mode-dark .token.symbol[data-v-08abdc17]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-08abdc17],.theme-mode-dark .token.builtin[data-v-08abdc17],.theme-mode-dark .token.important[data-v-08abdc17],.theme-mode-dark .token.keyword[data-v-08abdc17],.theme-mode-dark .token.selector[data-v-08abdc17]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-08abdc17],.theme-mode-dark .token.char[data-v-08abdc17],.theme-mode-dark .token.regex[data-v-08abdc17],.theme-mode-dark .token.string[data-v-08abdc17],.theme-mode-dark .token.variable[data-v-08abdc17]{color:#7ec699}.theme-mode-dark .token.entity[data-v-08abdc17],.theme-mode-dark .token.operator[data-v-08abdc17],.theme-mode-dark .token.url[data-v-08abdc17]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-08abdc17],.theme-mode-dark .style .token.string[data-v-08abdc17],.theme-mode-dark .token.entity[data-v-08abdc17],.theme-mode-dark .token.operator[data-v-08abdc17],.theme-mode-dark .token.url[data-v-08abdc17]{background:none}.theme-mode-dark .token.bold[data-v-08abdc17],.theme-mode-dark .token.important[data-v-08abdc17]{font-weight:700}.theme-mode-dark .token.italic[data-v-08abdc17]{font-style:italic}.theme-mode-dark .token.entity[data-v-08abdc17]{cursor:help}.theme-mode-dark .token.inserted[data-v-08abdc17]{color:green}.theme-mode-read[data-v-08abdc17]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-08abdc17],.theme-mode-read pre[class*=language-][data-v-08abdc17]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-08abdc17]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-08abdc17],.theme-mode-read pre[class*=language-][data-v-08abdc17]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-08abdc17]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-08abdc17],.theme-mode-read .token.cdata[data-v-08abdc17],.theme-mode-read .token.comment[data-v-08abdc17],.theme-mode-read .token.doctype[data-v-08abdc17],.theme-mode-read .token.prolog[data-v-08abdc17]{color:#999}.theme-mode-read .token.punctuation[data-v-08abdc17]{color:#ccc}.theme-mode-read .token.attr-name[data-v-08abdc17],.theme-mode-read .token.deleted[data-v-08abdc17],.theme-mode-read .token.namespace[data-v-08abdc17],.theme-mode-read .token.tag[data-v-08abdc17]{color:#e2777a}.theme-mode-read .token.function-name[data-v-08abdc17]{color:#6196cc}.theme-mode-read .token.boolean[data-v-08abdc17],.theme-mode-read .token.function[data-v-08abdc17],.theme-mode-read .token.number[data-v-08abdc17]{color:#f08d49}.theme-mode-read .token.class-name[data-v-08abdc17],.theme-mode-read .token.constant[data-v-08abdc17],.theme-mode-read .token.property[data-v-08abdc17],.theme-mode-read .token.symbol[data-v-08abdc17]{color:#f8c555}.theme-mode-read .token.atrule[data-v-08abdc17],.theme-mode-read .token.builtin[data-v-08abdc17],.theme-mode-read .token.important[data-v-08abdc17],.theme-mode-read .token.keyword[data-v-08abdc17],.theme-mode-read .token.selector[data-v-08abdc17]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-08abdc17],.theme-mode-read .token.char[data-v-08abdc17],.theme-mode-read .token.regex[data-v-08abdc17],.theme-mode-read .token.string[data-v-08abdc17],.theme-mode-read .token.variable[data-v-08abdc17]{color:#7ec699}.theme-mode-read .token.entity[data-v-08abdc17],.theme-mode-read .token.operator[data-v-08abdc17],.theme-mode-read .token.url[data-v-08abdc17]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-08abdc17],.theme-mode-read .style .token.string[data-v-08abdc17],.theme-mode-read .token.entity[data-v-08abdc17],.theme-mode-read .token.operator[data-v-08abdc17],.theme-mode-read .token.url[data-v-08abdc17]{background:none}.theme-mode-read .token.bold[data-v-08abdc17],.theme-mode-read .token.important[data-v-08abdc17]{font-weight:700}.theme-mode-read .token.italic[data-v-08abdc17]{font-style:italic}.theme-mode-read .token.entity[data-v-08abdc17]{cursor:help}.theme-mode-read .token.inserted[data-v-08abdc17]{color:green}.theme-vdoing-content[data-v-08abdc17]{margin:3rem auto;padding:1.5rem}.theme-vdoing-content span[data-v-08abdc17]{font-size:6rem;color:#11a8cd}.main-wrapper{margin:1.5rem auto 0;max-width:1100px;padding:0 .9rem;box-sizing:border-box;position:relative;display:flex}.main-wrapper .main-left{flex:1}.main-wrapper .main-left .theme-vdoing-content.card-box{padding:1rem 1.5rem;margin-bottom:.9rem}.main-wrapper .main-left .home-content{padding:1rem 1.5rem 0}.main-wrapper .main-right>*{width:245px;box-sizing:border-box}@media (max-width:900px){.main-wrapper .main-right>*{width:235px}}.main-wrapper .main-right .card-box{margin:0 0 .8rem .8rem;padding-top:.95rem;padding-bottom:.95rem}@media (max-width:719px){.main-wrapper{margin:.9rem 0;padding:0;display:block}.main-wrapper .main-left{width:100%}.main-wrapper .main-left .post-list{margin-bottom:3rem}.main-wrapper .main-left .post-list .post{border-radius:0}.main-wrapper .main-left .pagination{margin-bottom:3rem}.main-wrapper .main-right .blogger-wrapper{display:none}.main-wrapper .main-right .card-box{margin:0 0 .9rem;border-radius:0;width:100%}.theme-style-line .main-wrapper .main-right .card-box{margin:-1px 0 0}}.post-list{margin-bottom:3rem}.post-list .post{position:relative;padding:1rem 1.5rem;margin-bottom:.8rem;transition:all .3s}.post-list .post:last-child{border-bottom:none}.post-list .post.post-leave-active{display:none}.post-list .post.post-enter{opacity:0;transform:translateX(-20px)}.post-list .post:before{position:absolute;top:-1px;right:0;font-size:2.5rem;color:#ff5722;opacity:.85}.post-list .post .title-wrapper a{color:var(--textColor)}.post-list .post .title-wrapper a:hover{color:#11a8cd}.post-list .post .title-wrapper h2{margin:.5rem 0;font-size:1.4rem;border:none}.post-list .post .title-wrapper h2 .title-tag{height:1.2rem;line-height:1.2rem;border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.15rem);display:inline-block}.post-list .post .title-wrapper h2 a{display:block}@media (max-width:719px){.post-list .post .title-wrapper h2 a{font-weight:400}}.post-list .post .title-wrapper .article-info>a,.post-list .post .title-wrapper .article-info>span{opacity:.7;font-size:.8rem;margin-right:1rem;cursor:pointer}.post-list .post .title-wrapper .article-info>a:before,.post-list .post .title-wrapper .article-info>span:before{margin-right:.3rem}.post-list .post .title-wrapper .article-info>a a,.post-list .post .title-wrapper .article-info>span a{margin:0}.post-list .post .title-wrapper .article-info>a a:not(:first-child):before,.post-list .post .title-wrapper .article-info>span a:not(:first-child):before{content:"/"}.post-list .post .title-wrapper .article-info .tags a:not(:first-child):before{content:"、"}.post-list .post .excerpt-wrapper{border-top:1px solid var(--borderColor);margin:.5rem 0;overflow:hidden}.post-list .post .excerpt-wrapper .excerpt{margin-bottom:.3rem;font-size:.92rem}.post-list .post .excerpt-wrapper .excerpt h1,.post-list .post .excerpt-wrapper .excerpt h2,.post-list .post .excerpt-wrapper .excerpt h3{display:none}.post-list .post .excerpt-wrapper .excerpt img{max-height:280px;max-width:100%!important;margin:0 auto}.post-list .post .excerpt-wrapper .readmore{float:right;margin-right:1rem;line-height:1rem}.post-list .post .excerpt-wrapper .readmore:before{float:right;font-size:.8rem;margin:.1rem 0 0 .2rem}.theme-style-line .post-list{border:1px solid var(--borderColor);border-bottom:none;border-radius:5px;overflow:hidden}.theme-style-line .post-list .post{margin-bottom:0;border:none;border-bottom:1px solid var(--borderColor);border-radius:0}.article-list{padding:1rem 2rem}@media (max-width:959px){.article-list{padding:1rem 1.5rem}}.article-list.no-article-list{display:none}.article-list .article-title{border-bottom:1px solid var(--borderColor);font-size:1.3rem;padding:1rem}.article-list .article-title a{font-size:1.2rem;color:var(--textColor);opacity:.9}.article-list .article-title a:before{margin-right:.4rem;font-size:1.1rem}.article-list .article-wrapper{overflow:hidden}.article-list .article-wrapper dl{border-bottom:1px dotted var(--borderColor);float:left;display:flex;padding:8px 0;margin:0;height:45px;width:100%}.article-list .article-wrapper dl dd{font-size:1.1rem;color:#f17229;width:50px;text-align:center;margin:0;line-height:45px}.article-list .article-wrapper dl dt{flex:1;display:flex}.article-list .article-wrapper dl dt a{color:var(--textColor);flex:1;display:flex;height:45px;align-items:center;font-weight:400}.article-list .article-wrapper dl dt a div{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-list .article-wrapper dl dt a div .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.article-list .article-wrapper dl dt a:hover{text-decoration:underline}.article-list .article-wrapper dl dt a.more{color:#11a8cd}.article-list .article-wrapper dl dt .date{width:50px;margin-right:15px;color:#999;text-align:right;font-size:.9rem;line-height:45px}.pagination{position:relative;height:60px;text-align:center}@media (max-width:720px){.pagination{margin-left:1px;margin-right:1px}}.pagination span{line-height:1rem;opacity:.9;cursor:pointer}.pagination span:hover{color:#11a8cd}.pagination span.ellipsis{opacity:.5}.pagination span.ellipsis:before{content:"...";font-size:1.2rem}@media (any-hover:hover){.pagination span.ellipsis.ell-two:hover:before{content:"«"}.pagination span.ellipsis.ell-four:hover:before{content:"»"}}.pagination>span{position:absolute;top:0;padding:1rem 1.2rem;font-size:.95rem}.pagination>span:before{font-size:.4rem}.pagination>span.disabled{color:hsla(0,0%,49%,.5)}.pagination>span.prev{left:0}.pagination>span.prev:before{margin-right:.3rem}.pagination>span.next{right:0}.pagination>span.next:before{float:right;margin-left:.3rem}.pagination>span p{display:inline;line-height:.95rem}.pagination .pagination-list span{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;margin:.3rem}.pagination .pagination-list span.active{background:#11a8cd;color:var(--mainBg)}@media (max-width:800px){.pagination>span{padding:1rem 1.5rem}.pagination>span p{display:none}}@media (max-width:719px){.pagination>span{padding:.9rem 1.5rem}.pagination .pagination-list span{width:2.3rem;height:2.3rem;line-height:2.3rem;margin:.25rem}}@media (max-width:390px){.pagination>span{padding:.8rem 1.3rem}.pagination .pagination-list span{width:2rem;height:2rem;line-height:2rem;margin:.3rem .1rem .1rem}}.blogger-wrapper{height:auto;display:inline-table;padding-top:0!important;overflow:hidden}.blogger-wrapper .avatar{width:100%;overflow:hidden}.blogger-wrapper .avatar img{width:100%;height:100%}.blogger-wrapper .icons{border-top:none;height:35px;line-height:35px}.blogger-wrapper .icons a{font-size:20px;width:33%;color:var(--textColor);display:block;float:left;text-align:center;opacity:.8}.blogger-wrapper .icons a:hover{color:#11a8cd}.blogger-wrapper .blogger{padding:.3rem .95rem 0}.blogger-wrapper .blogger .name{font-size:1.3rem;display:block;margin-bottom:6px}.blogger-wrapper .blogger .slogan{color:var(--textColor)}.categories-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem;padding:0 .95rem}.categories-wrapper .title:before{margin-right:.3rem}.categories-wrapper .categories{margin-top:.6rem}.categories-wrapper .categories a{display:block;padding:8px 2.4rem 7px .95rem;color:var(--textColor);opacity:.8;font-size:.95rem;line-height:.95rem;position:relative;transition:all .2s;border-left:2px solid transparent;margin-top:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:719px){.categories-wrapper .categories a{font-weight:400}}.categories-wrapper .categories a:not(.active):hover{color:#11a8cd;background:#f8f8f8;border-color:#11a8cd}.categories-wrapper .categories a:not(.active):hover span{opacity:.8}.categories-wrapper .categories a span{background-color:var(--textColor);color:var(--mainBg);border-radius:8px;padding:0 .13rem;min-width:1rem;height:1rem;line-height:1rem;font-size:12px;text-align:center;opacity:.6;transition:opacity .3s;position:absolute;right:.95rem;top:8px}.categories-wrapper .categories a.active{background:#11a8cd;color:var(--mainBg);padding-left:.8rem;border-radius:1px;border-color:transparent}.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-read .categories-wrapper .categories a:not(.active):hover{background:var(--customBlockBg)}.tags-wrapper{padding:0 .95rem}.tags-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem}.tags-wrapper .title:before{margin-right:.3rem}.tags-wrapper .tags{text-align:justify;padding:.8rem .5rem .5rem;margin:0 -.5rem -.5rem}.tags-wrapper .tags a{opacity:.8;display:inline-block;padding:.2rem .4rem;transition:all .4s;background-color:var(--textColor);color:var(--mainBg);border-radius:3px;margin:0 .3rem .5rem 0;min-width:2rem;height:1rem;line-height:1rem;font-size:.8rem;text-align:center}@media (max-width:719px){.tags-wrapper .tags a{font-weight:400}}.tags-wrapper .tags a:hover{opacity:1;transform:scale(1.1)}.tags-wrapper .tags a.active{box-shadow:0 5px 10px -5px var(--randomColor,rgba(0,0,0,.15));transform:scale(1.22);opacity:1}.tags-wrapper .tags a.active:hover{text-decoration:none}.theme-mode-light[data-v-d146d2d2]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-d146d2d2]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-d146d2d2]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-d146d2d2]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-d146d2d2]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-d146d2d2]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-d146d2d2]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-d146d2d2],.theme-mode-light pre[class*=language-][data-v-d146d2d2]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-d146d2d2]::-moz-selection,.theme-mode-light code[class*=language-][data-v-d146d2d2] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-d146d2d2]::selection,.theme-mode-light code[class*=language-][data-v-d146d2d2] ::selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2]::selection,.theme-mode-light pre[class*=language-][data-v-d146d2d2] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-d146d2d2],.theme-mode-light pre[class*=language-][data-v-d146d2d2]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-d146d2d2]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-d146d2d2],.theme-mode-light pre[class*=language-][data-v-d146d2d2]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-d146d2d2]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-d146d2d2],.theme-mode-light .token.comment[data-v-d146d2d2],.theme-mode-light .token.doctype[data-v-d146d2d2],.theme-mode-light .token.prolog[data-v-d146d2d2]{color:#708090}.theme-mode-light .token.punctuation[data-v-d146d2d2]{color:#999}.theme-mode-light .namespace[data-v-d146d2d2]{opacity:.7}.theme-mode-light .token.boolean[data-v-d146d2d2],.theme-mode-light .token.constant[data-v-d146d2d2],.theme-mode-light .token.deleted[data-v-d146d2d2],.theme-mode-light .token.number[data-v-d146d2d2],.theme-mode-light .token.property[data-v-d146d2d2],.theme-mode-light .token.symbol[data-v-d146d2d2],.theme-mode-light .token.tag[data-v-d146d2d2]{color:#905}.theme-mode-light .token.attr-name[data-v-d146d2d2],.theme-mode-light .token.builtin[data-v-d146d2d2],.theme-mode-light .token.char[data-v-d146d2d2],.theme-mode-light .token.inserted[data-v-d146d2d2],.theme-mode-light .token.selector[data-v-d146d2d2],.theme-mode-light .token.string[data-v-d146d2d2]{color:#690}.theme-mode-light .language-css .token.string[data-v-d146d2d2],.theme-mode-light .style .token.string[data-v-d146d2d2],.theme-mode-light .token.entity[data-v-d146d2d2],.theme-mode-light .token.operator[data-v-d146d2d2],.theme-mode-light .token.url[data-v-d146d2d2]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-d146d2d2],.theme-mode-light .token.attr-value[data-v-d146d2d2],.theme-mode-light .token.keyword[data-v-d146d2d2]{color:#07a}.theme-mode-light .token.class-name[data-v-d146d2d2],.theme-mode-light .token.function[data-v-d146d2d2]{color:#dd4a68}.theme-mode-light .token.important[data-v-d146d2d2],.theme-mode-light .token.regex[data-v-d146d2d2],.theme-mode-light .token.variable[data-v-d146d2d2]{color:#e90}.theme-mode-light .token.bold[data-v-d146d2d2],.theme-mode-light .token.important[data-v-d146d2d2]{font-weight:700}.theme-mode-light .token.italic[data-v-d146d2d2]{font-style:italic}.theme-mode-light .token.entity[data-v-d146d2d2]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-d146d2d2],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-d146d2d2]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-d146d2d2]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-d146d2d2],.theme-mode-dark pre[class*=language-][data-v-d146d2d2]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-d146d2d2]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d146d2d2],.theme-mode-dark pre[class*=language-][data-v-d146d2d2]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d146d2d2]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-d146d2d2],.theme-mode-dark .token.cdata[data-v-d146d2d2],.theme-mode-dark .token.comment[data-v-d146d2d2],.theme-mode-dark .token.doctype[data-v-d146d2d2],.theme-mode-dark .token.prolog[data-v-d146d2d2]{color:#999}.theme-mode-dark .token.punctuation[data-v-d146d2d2]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-d146d2d2],.theme-mode-dark .token.deleted[data-v-d146d2d2],.theme-mode-dark .token.namespace[data-v-d146d2d2],.theme-mode-dark .token.tag[data-v-d146d2d2]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-d146d2d2]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-d146d2d2],.theme-mode-dark .token.function[data-v-d146d2d2],.theme-mode-dark .token.number[data-v-d146d2d2]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-d146d2d2],.theme-mode-dark .token.constant[data-v-d146d2d2],.theme-mode-dark .token.property[data-v-d146d2d2],.theme-mode-dark .token.symbol[data-v-d146d2d2]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-d146d2d2],.theme-mode-dark .token.builtin[data-v-d146d2d2],.theme-mode-dark .token.important[data-v-d146d2d2],.theme-mode-dark .token.keyword[data-v-d146d2d2],.theme-mode-dark .token.selector[data-v-d146d2d2]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-d146d2d2],.theme-mode-dark .token.char[data-v-d146d2d2],.theme-mode-dark .token.regex[data-v-d146d2d2],.theme-mode-dark .token.string[data-v-d146d2d2],.theme-mode-dark .token.variable[data-v-d146d2d2]{color:#7ec699}.theme-mode-dark .token.entity[data-v-d146d2d2],.theme-mode-dark .token.operator[data-v-d146d2d2],.theme-mode-dark .token.url[data-v-d146d2d2]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-d146d2d2],.theme-mode-dark .style .token.string[data-v-d146d2d2],.theme-mode-dark .token.entity[data-v-d146d2d2],.theme-mode-dark .token.operator[data-v-d146d2d2],.theme-mode-dark .token.url[data-v-d146d2d2]{background:none}.theme-mode-dark .token.bold[data-v-d146d2d2],.theme-mode-dark .token.important[data-v-d146d2d2]{font-weight:700}.theme-mode-dark .token.italic[data-v-d146d2d2]{font-style:italic}.theme-mode-dark .token.entity[data-v-d146d2d2]{cursor:help}.theme-mode-dark .token.inserted[data-v-d146d2d2]{color:green}.theme-mode-read[data-v-d146d2d2]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-d146d2d2],.theme-mode-read pre[class*=language-][data-v-d146d2d2]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-d146d2d2]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-d146d2d2],.theme-mode-read pre[class*=language-][data-v-d146d2d2]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-d146d2d2]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-d146d2d2],.theme-mode-read .token.cdata[data-v-d146d2d2],.theme-mode-read .token.comment[data-v-d146d2d2],.theme-mode-read .token.doctype[data-v-d146d2d2],.theme-mode-read .token.prolog[data-v-d146d2d2]{color:#999}.theme-mode-read .token.punctuation[data-v-d146d2d2]{color:#ccc}.theme-mode-read .token.attr-name[data-v-d146d2d2],.theme-mode-read .token.deleted[data-v-d146d2d2],.theme-mode-read .token.namespace[data-v-d146d2d2],.theme-mode-read .token.tag[data-v-d146d2d2]{color:#e2777a}.theme-mode-read .token.function-name[data-v-d146d2d2]{color:#6196cc}.theme-mode-read .token.boolean[data-v-d146d2d2],.theme-mode-read .token.function[data-v-d146d2d2],.theme-mode-read .token.number[data-v-d146d2d2]{color:#f08d49}.theme-mode-read .token.class-name[data-v-d146d2d2],.theme-mode-read .token.constant[data-v-d146d2d2],.theme-mode-read .token.property[data-v-d146d2d2],.theme-mode-read .token.symbol[data-v-d146d2d2]{color:#f8c555}.theme-mode-read .token.atrule[data-v-d146d2d2],.theme-mode-read .token.builtin[data-v-d146d2d2],.theme-mode-read .token.important[data-v-d146d2d2],.theme-mode-read .token.keyword[data-v-d146d2d2],.theme-mode-read .token.selector[data-v-d146d2d2]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-d146d2d2],.theme-mode-read .token.char[data-v-d146d2d2],.theme-mode-read .token.regex[data-v-d146d2d2],.theme-mode-read .token.string[data-v-d146d2d2],.theme-mode-read .token.variable[data-v-d146d2d2]{color:#7ec699}.theme-mode-read .token.entity[data-v-d146d2d2],.theme-mode-read .token.operator[data-v-d146d2d2],.theme-mode-read .token.url[data-v-d146d2d2]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-d146d2d2],.theme-mode-read .style .token.string[data-v-d146d2d2],.theme-mode-read .token.entity[data-v-d146d2d2],.theme-mode-read .token.operator[data-v-d146d2d2],.theme-mode-read .token.url[data-v-d146d2d2]{background:none}.theme-mode-read .token.bold[data-v-d146d2d2],.theme-mode-read .token.important[data-v-d146d2d2]{font-weight:700}.theme-mode-read .token.italic[data-v-d146d2d2]{font-style:italic}.theme-mode-read .token.entity[data-v-d146d2d2]{cursor:help}.theme-mode-read .token.inserted[data-v-d146d2d2]{color:green}.home-wrapper .banner[data-v-d146d2d2]{width:100%;min-height:450px;margin-top:3.6rem;color:#fff;position:relative;overflow:hidden}.home-wrapper .banner .banner-conent[data-v-d146d2d2]{max-width:1100px;margin:0 auto;position:relative;z-index:1;overflow:hidden}.home-wrapper .banner .banner-conent .hero[data-v-d146d2d2]{text-align:center;margin-top:3rem}.home-wrapper .banner .banner-conent .hero img[data-v-d146d2d2]{max-width:100%;max-height:240px;display:block;margin:2rem auto 1.5rem}.home-wrapper .banner .banner-conent .hero h1[data-v-d146d2d2]{margin:0;font-size:3.2rem}.home-wrapper .banner .banner-conent .hero .action[data-v-d146d2d2],.home-wrapper .banner .banner-conent .hero .description[data-v-d146d2d2]{margin:1.5rem auto}.home-wrapper .banner .banner-conent .hero .description[data-v-d146d2d2]{max-width:40rem;font-size:1.1rem;line-height:1.3;opacity:.9}.home-wrapper .banner .banner-conent .hero .action-button[data-v-d146d2d2]{display:inline-block;font-size:1.2rem;background-color:#11a8cd;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #0f97b9;color:#fff}.home-wrapper .banner .banner-conent .hero .action-button[data-v-d146d2d2]:hover{background-color:#13bee8}.home-wrapper .banner .banner-conent .features[data-v-d146d2d2]{padding:2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home-wrapper .banner .banner-conent .feature[data-v-d146d2d2]{flex-grow:1;flex-basis:30%;max-width:30%;text-align:center}.home-wrapper .banner .banner-conent .feature a[data-v-d146d2d2]{color:inherit}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-d146d2d2]{width:10rem;height:10rem;animation:heart-d146d2d2 1.2s ease-in-out 0s infinite alternate;animation-play-state:paused}.home-wrapper .banner .banner-conent .feature a h2[data-v-d146d2d2]{font-weight:500;font-size:1.3rem;border-bottom:none;padding-bottom:0}.home-wrapper .banner .banner-conent .feature a p[data-v-d146d2d2]{opacity:.8;padding:0 .8rem}.home-wrapper .banner .banner-conent .feature:hover .feature-img[data-v-d146d2d2]{animation-play-state:running}.home-wrapper .banner .banner-conent .feature:hover h2[data-v-d146d2d2],.home-wrapper .banner .banner-conent .feature:hover p[data-v-d146d2d2]{color:#11a8cd}.home-wrapper .banner .slide-banner[data-v-d146d2d2]{margin-top:2rem}.home-wrapper .banner .slide-banner .banner-wrapper[data-v-d146d2d2]{position:relative}.home-wrapper .banner .slide-banner .slide-banner-scroll[data-v-d146d2d2]{min-height:1px;overflow:hidden}.home-wrapper .banner .slide-banner .slide-banner-wrapper[data-v-d146d2d2]{height:300px}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item[data-v-d146d2d2]{display:inline-block;height:300px;width:100%;text-align:center}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a[data-v-d146d2d2]{color:inherit}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a .feature-img[data-v-d146d2d2]{width:10rem;height:10rem}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2[data-v-d146d2d2]{font-size:1.1rem;font-weight:500;border-bottom:none;padding-bottom:0}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p[data-v-d146d2d2]{opacity:.8;padding:0 .8rem}.home-wrapper .banner .slide-banner .docs-wrapper[data-v-d146d2d2]{position:absolute;bottom:25px;left:50%;transform:translateX(-50%)}.home-wrapper .banner .slide-banner .docs-wrapper .doc[data-v-d146d2d2]{display:inline-block;margin:0 4px;width:8px;height:8px;border-radius:50%;background:var(--textColor);opacity:.9}.home-wrapper .banner .slide-banner .docs-wrapper .doc.active[data-v-d146d2d2]{opacity:.5}.home-wrapper .banner.hide-banner[data-v-d146d2d2]{display:none}.home-wrapper .banner.hide-banner+.main-wrapper[data-v-d146d2d2]{margin-top:4.5rem}.home-wrapper .main-wrapper[data-v-d146d2d2]{margin-top:2rem}.home-wrapper .main-wrapper .main-left .card-box[data-v-d146d2d2]{margin-bottom:2rem}.home-wrapper .main-wrapper .main-left .pagination[data-v-d146d2d2]{margin-bottom:3rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-d146d2d2]{padding:0 2rem;overflow:hidden;border:none}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-d146d2d2]>:first-child{padding-top:2rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-d146d2d2]>:last-child{padding-bottom:2rem}.home-wrapper .main-wrapper .main-right .custom-html-box[data-v-d146d2d2]{padding:0;overflow:hidden}@media (max-width:1025px){.home-wrapper .banner .banner-conent .hero h1[data-v-d146d2d2]{font-size:2.5rem}.home-wrapper .banner .banner-conent .hero .description[data-v-d146d2d2]{font-size:1rem}.home-wrapper .banner .banner-conent .feature a h2[data-v-d146d2d2]{font-size:1.1rem}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-d146d2d2]{width:9rem;height:9rem}}@media (max-width:719px){.home-wrapper .banner .banner-conent .features[data-v-d146d2d2]{display:none!important}}@media (max-width:419px){.home-wrapper .banner-conent[data-v-d146d2d2]{padding-left:1.5rem;padding-right:1.5rem}.home-wrapper .banner-conent .hero img[data-v-d146d2d2]{max-height:210px;margin:2rem auto 1.2rem}.home-wrapper .banner-conent .hero h1[data-v-d146d2d2]{font-size:2rem}.home-wrapper .banner-conent .hero .action[data-v-d146d2d2],.home-wrapper .banner-conent .hero .description[data-v-d146d2d2],.home-wrapper .banner-conent .hero h1[data-v-d146d2d2]{margin:1.2rem auto}.home-wrapper .banner-conent .hero .description[data-v-d146d2d2]{font-size:1.2rem}.home-wrapper .banner-conent .hero .action-button[data-v-d146d2d2]{font-size:1rem;padding:.6rem 1.2rem}.home-wrapper .banner-conent .feature h2[data-v-d146d2d2]{font-size:1.25rem}}@media (max-width:719px){.theme-style-line .main-wrapper[data-v-d146d2d2]{margin-top:-1px}}@keyframes heart-d146d2d2{0%{transform:translate(0)}to{transform:translateY(8px)}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/colorui-document/assets/img/search.237d6f6a.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#11a8cd}.search-box .suggestions{background:#fff;min-width:500px;max-width:700px;position:absolute;top:2rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;border-radius:4px;cursor:pointer;width:100%}.search-box .suggestion a{display:block;white-space:normal;color:#415b75;width:100%}.search-box .suggestion a .parent-page-title{color:#fff;font-weight:600;background-color:#11a8cd;padding:5px}.search-box .suggestion a .suggestion-row{border-collapse:collapse;width:100%;display:table}.search-box .suggestion a .suggestion-row .page-title{width:35%;background:#f5f5f5;border:1px solid #eaecef;border-left:none;display:table-cell;text-align:right;padding:5px;font-weight:600}.search-box .suggestion a .suggestion-row .suggestion-content{font-weight:400;border:1px solid #eaecef;border-right:none;width:65%;display:table-cell;padding:5px}.search-box .suggestion a .suggestion-row .suggestion-content .highlight{text-decoration:underline}.search-box .suggestion a .suggestion-row .suggestion-content .header{font-weight:600}.search-box .suggestion.focused{background-color:#f3f4f5}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}@media (max-width:719px){.sidebar-button{display:block}}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (min-width:720px){.sidebar-button{width:40px;height:40px;display:inline-block;position:fixed;left:0;top:4.6rem;text-align:center;line-height:44px;margin:5px 8px;color:#888;border-radius:50%;padding:0;transition:all .2s}.sidebar-button:hover{background:#11a8cd;color:#fff;box-shadow:0 0 6px #11a8cd}.sidebar-button .icon{display:inline;width:1rem;height:1rem}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:var(--textColor)}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid var(--borderColor);padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#11a8cd}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #11a8cd;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{font-weight:600;font-size:inherit}.dropdown-wrapper .dropdown-title:hover{color:#11a8cd}.dropdown-wrapper .dropdown-title .link-title{display:none}.dropdown-wrapper .dropdown-title .title{display:inline-block!important}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:var(--mainBg);padding:.6rem 0;border-bottom-color:var(--borderColor);border:1px solid var(--borderColor);text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.nav-item .dropdown-title a.router-link-active,.nav-item .dropdown-title a:hover{margin-bottom:-2px;border-bottom:2px solid #13b9e2}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#11a8cd}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:959px){.nav-links .nav-item{margin-left:1.2rem}}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--textColor)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #13b9e2}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem;transition:transform .3s}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:var(--textColor);position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}.hide-navbar .navbar{transform:translateY(-100%)}@media (max-width:959px){.navbar .site-name{display:none}}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:860px;padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block;float:left;margin:0 2rem .5rem 0}.page-edit .edit-link a{margin-right:.25rem}.page-edit .tags{float:left}.page-edit .tags a{margin:0 .8rem .5rem 0;display:inline-block;color:var(--textLightenColor);padding:.2rem .7rem;font-size:.9em;background-color:hsla(0,0%,50.2%,.08);border-radius:3px;opacity:.8}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:var(--textColor);opacity:.8}.page-edit .last-updated .time{font-weight:400;color:#aaa}@media (max-width:719px){.page-edit .edit-link,.page-edit .tags{margin-bottom:.5rem}.page-edit .last-updated{width:100%;font-size:.8em;text-align:left}}.page-nav{max-width:860px;padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid var(--borderColor);padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page-nav-centre-wrap .page-nav-centre{position:fixed;top:50%;width:80px;height:70px;margin-top:-35px;outline:0;transition:all .2s;border-radius:3px;opacity:.55;z-index:99}@media (max-width:1340px){.page-nav-centre-wrap .page-nav-centre{width:50px}}@media (max-width:960px){.page-nav-centre-wrap .page-nav-centre{display:none}}.page-nav-centre-wrap .page-nav-centre:hover{background:hsla(0,0%,60%,.15);opacity:1}.page-nav-centre-wrap .page-nav-centre:hover .tooltip{display:block}.page-nav-centre-wrap .page-nav-centre:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.page-nav-centre-wrap .page-nav-centre .tooltip{display:none;background:rgba(0,0,0,.5);color:#fff;padding:4px 8px;font-size:13px;border-radius:3px;position:fixed;max-width:200px;z-index:99}.page-nav-centre-wrap .page-nav-centre-prev{left:0}.page-nav-centre-wrap .page-nav-centre-prev:before{transform:rotate(-135deg)}.page-nav-centre-wrap .page-nav-centre-next{right:0}.page-nav-centre-wrap .page-nav-centre-next:before{transform:rotate(45deg)}.sidebar-open .page-nav-centre-wrap .page-nav-centre-prev{left:18rem}.no-sidebar .page-nav-centre-wrap .page-nav-centre-prev{left:0}.theme-mode-light[data-v-06970110]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-06970110]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-06970110]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-06970110]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-06970110]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-06970110]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-06970110]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-06970110],.theme-mode-light pre[class*=language-][data-v-06970110]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-06970110]::-moz-selection,.theme-mode-light code[class*=language-][data-v-06970110] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-06970110]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-06970110] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-06970110]::selection,.theme-mode-light code[class*=language-][data-v-06970110] ::selection,.theme-mode-light pre[class*=language-][data-v-06970110]::selection,.theme-mode-light pre[class*=language-][data-v-06970110] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-06970110],.theme-mode-light pre[class*=language-][data-v-06970110]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-06970110]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-06970110],.theme-mode-light pre[class*=language-][data-v-06970110]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-06970110]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-06970110],.theme-mode-light .token.comment[data-v-06970110],.theme-mode-light .token.doctype[data-v-06970110],.theme-mode-light .token.prolog[data-v-06970110]{color:#708090}.theme-mode-light .token.punctuation[data-v-06970110]{color:#999}.theme-mode-light .namespace[data-v-06970110]{opacity:.7}.theme-mode-light .token.boolean[data-v-06970110],.theme-mode-light .token.constant[data-v-06970110],.theme-mode-light .token.deleted[data-v-06970110],.theme-mode-light .token.number[data-v-06970110],.theme-mode-light .token.property[data-v-06970110],.theme-mode-light .token.symbol[data-v-06970110],.theme-mode-light .token.tag[data-v-06970110]{color:#905}.theme-mode-light .token.attr-name[data-v-06970110],.theme-mode-light .token.builtin[data-v-06970110],.theme-mode-light .token.char[data-v-06970110],.theme-mode-light .token.inserted[data-v-06970110],.theme-mode-light .token.selector[data-v-06970110],.theme-mode-light .token.string[data-v-06970110]{color:#690}.theme-mode-light .language-css .token.string[data-v-06970110],.theme-mode-light .style .token.string[data-v-06970110],.theme-mode-light .token.entity[data-v-06970110],.theme-mode-light .token.operator[data-v-06970110],.theme-mode-light .token.url[data-v-06970110]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-06970110],.theme-mode-light .token.attr-value[data-v-06970110],.theme-mode-light .token.keyword[data-v-06970110]{color:#07a}.theme-mode-light .token.class-name[data-v-06970110],.theme-mode-light .token.function[data-v-06970110]{color:#dd4a68}.theme-mode-light .token.important[data-v-06970110],.theme-mode-light .token.regex[data-v-06970110],.theme-mode-light .token.variable[data-v-06970110]{color:#e90}.theme-mode-light .token.bold[data-v-06970110],.theme-mode-light .token.important[data-v-06970110]{font-weight:700}.theme-mode-light .token.italic[data-v-06970110]{font-style:italic}.theme-mode-light .token.entity[data-v-06970110]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-06970110],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-06970110]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-06970110]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-06970110],.theme-mode-dark pre[class*=language-][data-v-06970110]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-06970110]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-06970110],.theme-mode-dark pre[class*=language-][data-v-06970110]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-06970110]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-06970110],.theme-mode-dark .token.cdata[data-v-06970110],.theme-mode-dark .token.comment[data-v-06970110],.theme-mode-dark .token.doctype[data-v-06970110],.theme-mode-dark .token.prolog[data-v-06970110]{color:#999}.theme-mode-dark .token.punctuation[data-v-06970110]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-06970110],.theme-mode-dark .token.deleted[data-v-06970110],.theme-mode-dark .token.namespace[data-v-06970110],.theme-mode-dark .token.tag[data-v-06970110]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-06970110]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-06970110],.theme-mode-dark .token.function[data-v-06970110],.theme-mode-dark .token.number[data-v-06970110]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-06970110],.theme-mode-dark .token.constant[data-v-06970110],.theme-mode-dark .token.property[data-v-06970110],.theme-mode-dark .token.symbol[data-v-06970110]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-06970110],.theme-mode-dark .token.builtin[data-v-06970110],.theme-mode-dark .token.important[data-v-06970110],.theme-mode-dark .token.keyword[data-v-06970110],.theme-mode-dark .token.selector[data-v-06970110]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-06970110],.theme-mode-dark .token.char[data-v-06970110],.theme-mode-dark .token.regex[data-v-06970110],.theme-mode-dark .token.string[data-v-06970110],.theme-mode-dark .token.variable[data-v-06970110]{color:#7ec699}.theme-mode-dark .token.entity[data-v-06970110],.theme-mode-dark .token.operator[data-v-06970110],.theme-mode-dark .token.url[data-v-06970110]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-06970110],.theme-mode-dark .style .token.string[data-v-06970110],.theme-mode-dark .token.entity[data-v-06970110],.theme-mode-dark .token.operator[data-v-06970110],.theme-mode-dark .token.url[data-v-06970110]{background:none}.theme-mode-dark .token.bold[data-v-06970110],.theme-mode-dark .token.important[data-v-06970110]{font-weight:700}.theme-mode-dark .token.italic[data-v-06970110]{font-style:italic}.theme-mode-dark .token.entity[data-v-06970110]{cursor:help}.theme-mode-dark .token.inserted[data-v-06970110]{color:green}.theme-mode-read[data-v-06970110]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-06970110],.theme-mode-read pre[class*=language-][data-v-06970110]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-06970110]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-06970110],.theme-mode-read pre[class*=language-][data-v-06970110]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-06970110]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-06970110],.theme-mode-read .token.cdata[data-v-06970110],.theme-mode-read .token.comment[data-v-06970110],.theme-mode-read .token.doctype[data-v-06970110],.theme-mode-read .token.prolog[data-v-06970110]{color:#999}.theme-mode-read .token.punctuation[data-v-06970110]{color:#ccc}.theme-mode-read .token.attr-name[data-v-06970110],.theme-mode-read .token.deleted[data-v-06970110],.theme-mode-read .token.namespace[data-v-06970110],.theme-mode-read .token.tag[data-v-06970110]{color:#e2777a}.theme-mode-read .token.function-name[data-v-06970110]{color:#6196cc}.theme-mode-read .token.boolean[data-v-06970110],.theme-mode-read .token.function[data-v-06970110],.theme-mode-read .token.number[data-v-06970110]{color:#f08d49}.theme-mode-read .token.class-name[data-v-06970110],.theme-mode-read .token.constant[data-v-06970110],.theme-mode-read .token.property[data-v-06970110],.theme-mode-read .token.symbol[data-v-06970110]{color:#f8c555}.theme-mode-read .token.atrule[data-v-06970110],.theme-mode-read .token.builtin[data-v-06970110],.theme-mode-read .token.important[data-v-06970110],.theme-mode-read .token.keyword[data-v-06970110],.theme-mode-read .token.selector[data-v-06970110]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-06970110],.theme-mode-read .token.char[data-v-06970110],.theme-mode-read .token.regex[data-v-06970110],.theme-mode-read .token.string[data-v-06970110],.theme-mode-read .token.variable[data-v-06970110]{color:#7ec699}.theme-mode-read .token.entity[data-v-06970110],.theme-mode-read .token.operator[data-v-06970110],.theme-mode-read .token.url[data-v-06970110]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-06970110],.theme-mode-read .style .token.string[data-v-06970110],.theme-mode-read .token.entity[data-v-06970110],.theme-mode-read .token.operator[data-v-06970110],.theme-mode-read .token.url[data-v-06970110]{background:none}.theme-mode-read .token.bold[data-v-06970110],.theme-mode-read .token.important[data-v-06970110]{font-weight:700}.theme-mode-read .token.italic[data-v-06970110]{font-style:italic}.theme-mode-read .token.entity[data-v-06970110]{cursor:help}.theme-mode-read .token.inserted[data-v-06970110]{color:green}.articleInfo-wrap[data-v-06970110]{max-width:860px}.theme-style-line .articleInfo-wrap .articleInfo[data-v-06970110]{padding-top:.5rem}.articleInfo-wrap[data-v-06970110]{position:relative;z-index:1;color:#888}.articleInfo-wrap .articleInfo[data-v-06970110]{overflow:hidden;font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs[data-v-06970110]{margin:0;padding:0;overflow:hidden;display:inline-block;line-height:2rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .breadcrumbs[data-v-06970110]{width:100%}}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-06970110]{list-style-type:none;float:left;padding-right:5px}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-06970110]:after{content:"/";margin-left:5px;color:#999}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-06970110]:last-child:after{content:""}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-06970110]{color:#888}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-06970110]:before{font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-06970110]:hover{color:#11a8cd}.articleInfo-wrap .articleInfo .breadcrumbs li .icon-home[data-v-06970110]{text-decoration:none}.articleInfo-wrap .articleInfo .info[data-v-06970110]{float:right;line-height:32px}@media (max-width:960px){.articleInfo-wrap .articleInfo .info[data-v-06970110]{float:left}}.articleInfo-wrap .articleInfo .info div[data-v-06970110]{float:left;margin-left:20px;font-size:.8rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .info div[data-v-06970110]{margin:0 20px 0 0}}.articleInfo-wrap .articleInfo .info div[data-v-06970110]:before{margin-right:3px}.articleInfo-wrap .articleInfo .info div a[data-v-06970110]{color:#888}.articleInfo-wrap .articleInfo .info div a[data-v-06970110]:hover{text-decoration:none}.articleInfo-wrap .articleInfo .info div a.beLink[data-v-06970110]:hover{color:#11a8cd;text-decoration:underline}.theme-mode-light[data-v-25eb0b2a]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-25eb0b2a]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-25eb0b2a]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-25eb0b2a]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-25eb0b2a]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-25eb0b2a]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-25eb0b2a]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-25eb0b2a],.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-25eb0b2a]::-moz-selection,.theme-mode-light code[class*=language-][data-v-25eb0b2a] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-25eb0b2a]::selection,.theme-mode-light code[class*=language-][data-v-25eb0b2a] ::selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a]::selection,.theme-mode-light pre[class*=language-][data-v-25eb0b2a] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-25eb0b2a],.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-25eb0b2a],.theme-mode-light pre[class*=language-][data-v-25eb0b2a]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-25eb0b2a]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-25eb0b2a],.theme-mode-light .token.comment[data-v-25eb0b2a],.theme-mode-light .token.doctype[data-v-25eb0b2a],.theme-mode-light .token.prolog[data-v-25eb0b2a]{color:#708090}.theme-mode-light .token.punctuation[data-v-25eb0b2a]{color:#999}.theme-mode-light .namespace[data-v-25eb0b2a]{opacity:.7}.theme-mode-light .token.boolean[data-v-25eb0b2a],.theme-mode-light .token.constant[data-v-25eb0b2a],.theme-mode-light .token.deleted[data-v-25eb0b2a],.theme-mode-light .token.number[data-v-25eb0b2a],.theme-mode-light .token.property[data-v-25eb0b2a],.theme-mode-light .token.symbol[data-v-25eb0b2a],.theme-mode-light .token.tag[data-v-25eb0b2a]{color:#905}.theme-mode-light .token.attr-name[data-v-25eb0b2a],.theme-mode-light .token.builtin[data-v-25eb0b2a],.theme-mode-light .token.char[data-v-25eb0b2a],.theme-mode-light .token.inserted[data-v-25eb0b2a],.theme-mode-light .token.selector[data-v-25eb0b2a],.theme-mode-light .token.string[data-v-25eb0b2a]{color:#690}.theme-mode-light .language-css .token.string[data-v-25eb0b2a],.theme-mode-light .style .token.string[data-v-25eb0b2a],.theme-mode-light .token.entity[data-v-25eb0b2a],.theme-mode-light .token.operator[data-v-25eb0b2a],.theme-mode-light .token.url[data-v-25eb0b2a]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-25eb0b2a],.theme-mode-light .token.attr-value[data-v-25eb0b2a],.theme-mode-light .token.keyword[data-v-25eb0b2a]{color:#07a}.theme-mode-light .token.class-name[data-v-25eb0b2a],.theme-mode-light .token.function[data-v-25eb0b2a]{color:#dd4a68}.theme-mode-light .token.important[data-v-25eb0b2a],.theme-mode-light .token.regex[data-v-25eb0b2a],.theme-mode-light .token.variable[data-v-25eb0b2a]{color:#e90}.theme-mode-light .token.bold[data-v-25eb0b2a],.theme-mode-light .token.important[data-v-25eb0b2a]{font-weight:700}.theme-mode-light .token.italic[data-v-25eb0b2a]{font-style:italic}.theme-mode-light .token.entity[data-v-25eb0b2a]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-25eb0b2a],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-25eb0b2a]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-25eb0b2a]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-25eb0b2a],.theme-mode-dark pre[class*=language-][data-v-25eb0b2a]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-25eb0b2a]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-25eb0b2a],.theme-mode-dark pre[class*=language-][data-v-25eb0b2a]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-25eb0b2a]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-25eb0b2a],.theme-mode-dark .token.cdata[data-v-25eb0b2a],.theme-mode-dark .token.comment[data-v-25eb0b2a],.theme-mode-dark .token.doctype[data-v-25eb0b2a],.theme-mode-dark .token.prolog[data-v-25eb0b2a]{color:#999}.theme-mode-dark .token.punctuation[data-v-25eb0b2a]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-25eb0b2a],.theme-mode-dark .token.deleted[data-v-25eb0b2a],.theme-mode-dark .token.namespace[data-v-25eb0b2a],.theme-mode-dark .token.tag[data-v-25eb0b2a]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-25eb0b2a]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-25eb0b2a],.theme-mode-dark .token.function[data-v-25eb0b2a],.theme-mode-dark .token.number[data-v-25eb0b2a]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-25eb0b2a],.theme-mode-dark .token.constant[data-v-25eb0b2a],.theme-mode-dark .token.property[data-v-25eb0b2a],.theme-mode-dark .token.symbol[data-v-25eb0b2a]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-25eb0b2a],.theme-mode-dark .token.builtin[data-v-25eb0b2a],.theme-mode-dark .token.important[data-v-25eb0b2a],.theme-mode-dark .token.keyword[data-v-25eb0b2a],.theme-mode-dark .token.selector[data-v-25eb0b2a]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-25eb0b2a],.theme-mode-dark .token.char[data-v-25eb0b2a],.theme-mode-dark .token.regex[data-v-25eb0b2a],.theme-mode-dark .token.string[data-v-25eb0b2a],.theme-mode-dark .token.variable[data-v-25eb0b2a]{color:#7ec699}.theme-mode-dark .token.entity[data-v-25eb0b2a],.theme-mode-dark .token.operator[data-v-25eb0b2a],.theme-mode-dark .token.url[data-v-25eb0b2a]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-25eb0b2a],.theme-mode-dark .style .token.string[data-v-25eb0b2a],.theme-mode-dark .token.entity[data-v-25eb0b2a],.theme-mode-dark .token.operator[data-v-25eb0b2a],.theme-mode-dark .token.url[data-v-25eb0b2a]{background:none}.theme-mode-dark .token.bold[data-v-25eb0b2a],.theme-mode-dark .token.important[data-v-25eb0b2a]{font-weight:700}.theme-mode-dark .token.italic[data-v-25eb0b2a]{font-style:italic}.theme-mode-dark .token.entity[data-v-25eb0b2a]{cursor:help}.theme-mode-dark .token.inserted[data-v-25eb0b2a]{color:green}.theme-mode-read[data-v-25eb0b2a]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-25eb0b2a],.theme-mode-read pre[class*=language-][data-v-25eb0b2a]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-25eb0b2a]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-25eb0b2a],.theme-mode-read pre[class*=language-][data-v-25eb0b2a]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-25eb0b2a]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-25eb0b2a],.theme-mode-read .token.cdata[data-v-25eb0b2a],.theme-mode-read .token.comment[data-v-25eb0b2a],.theme-mode-read .token.doctype[data-v-25eb0b2a],.theme-mode-read .token.prolog[data-v-25eb0b2a]{color:#999}.theme-mode-read .token.punctuation[data-v-25eb0b2a]{color:#ccc}.theme-mode-read .token.attr-name[data-v-25eb0b2a],.theme-mode-read .token.deleted[data-v-25eb0b2a],.theme-mode-read .token.namespace[data-v-25eb0b2a],.theme-mode-read .token.tag[data-v-25eb0b2a]{color:#e2777a}.theme-mode-read .token.function-name[data-v-25eb0b2a]{color:#6196cc}.theme-mode-read .token.boolean[data-v-25eb0b2a],.theme-mode-read .token.function[data-v-25eb0b2a],.theme-mode-read .token.number[data-v-25eb0b2a]{color:#f08d49}.theme-mode-read .token.class-name[data-v-25eb0b2a],.theme-mode-read .token.constant[data-v-25eb0b2a],.theme-mode-read .token.property[data-v-25eb0b2a],.theme-mode-read .token.symbol[data-v-25eb0b2a]{color:#f8c555}.theme-mode-read .token.atrule[data-v-25eb0b2a],.theme-mode-read .token.builtin[data-v-25eb0b2a],.theme-mode-read .token.important[data-v-25eb0b2a],.theme-mode-read .token.keyword[data-v-25eb0b2a],.theme-mode-read .token.selector[data-v-25eb0b2a]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-25eb0b2a],.theme-mode-read .token.char[data-v-25eb0b2a],.theme-mode-read .token.regex[data-v-25eb0b2a],.theme-mode-read .token.string[data-v-25eb0b2a],.theme-mode-read .token.variable[data-v-25eb0b2a]{color:#7ec699}.theme-mode-read .token.entity[data-v-25eb0b2a],.theme-mode-read .token.operator[data-v-25eb0b2a],.theme-mode-read .token.url[data-v-25eb0b2a]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-25eb0b2a],.theme-mode-read .style .token.string[data-v-25eb0b2a],.theme-mode-read .token.entity[data-v-25eb0b2a],.theme-mode-read .token.operator[data-v-25eb0b2a],.theme-mode-read .token.url[data-v-25eb0b2a]{background:none}.theme-mode-read .token.bold[data-v-25eb0b2a],.theme-mode-read .token.important[data-v-25eb0b2a]{font-weight:700}.theme-mode-read .token.italic[data-v-25eb0b2a]{font-style:italic}.theme-mode-read .token.entity[data-v-25eb0b2a]{cursor:help}.theme-mode-read .token.inserted[data-v-25eb0b2a]{color:green}.theme-vdoing-content[data-v-25eb0b2a]{margin-bottom:3.6rem}.title-tag[data-v-25eb0b2a]{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}dd[data-v-25eb0b2a],dl[data-v-25eb0b2a]{margin:0}.column-wrapper[data-v-25eb0b2a]{margin-top:1rem;display:flex;padding-bottom:2rem;border-bottom:1px solid var(--borderColor)}.column-wrapper img[data-v-25eb0b2a]{width:80px;height:80px;border-radius:2px;margin-right:1rem}.column-wrapper .column-info .title[data-v-25eb0b2a]{font-size:1.6rem}.column-wrapper .column-info .description[data-v-25eb0b2a]{color:var(--textColor);opacity:.8;margin:.5rem 0}.catalogue-wrapper .catalogue-title[data-v-25eb0b2a]{font-size:1.45rem;margin:2rem 0}.catalogue-wrapper .catalogue-content dl[data-v-25eb0b2a]{margin-bottom:1.8rem}.catalogue-wrapper .catalogue-content dl.inline[data-v-25eb0b2a]{display:inline-block;width:50%;margin-bottom:1rem}@media (max-width:419px){.catalogue-wrapper .catalogue-content dl.inline[data-v-25eb0b2a]{width:100%}}.catalogue-wrapper .catalogue-content dl.inline a[data-v-25eb0b2a]{width:100%}.catalogue-wrapper .catalogue-content dl:not(.inline) dt[data-v-25eb0b2a]{margin-top:-3.6rem;padding-top:3.6rem}.catalogue-wrapper .catalogue-content dl dt[data-v-25eb0b2a]{font-size:1.1rem}.catalogue-wrapper .catalogue-content dl dt:hover .header-anchor[data-v-25eb0b2a]{opacity:1}.catalogue-wrapper .catalogue-content dl dd[data-v-25eb0b2a]{margin-top:.7rem;margin-left:1rem}.catalogue-wrapper .catalogue-content dl dd a[data-v-25eb0b2a]:not(.header-anchor){margin-bottom:.5rem;display:inline-block;width:50%}.catalogue-wrapper .catalogue-content dl dd a[data-v-25eb0b2a]:not(.header-anchor):hover{color:#ff5722;text-decoration:none}@media (max-width:720px){.catalogue-wrapper .catalogue-content dl dd a[data-v-25eb0b2a]:not(.header-anchor){width:100%}}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap[data-v-25eb0b2a]{margin:5px 0 8px;font-size:.95rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap>a[data-v-25eb0b2a]{padding-left:1rem;box-sizing:border-box}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap .sub-title[data-v-25eb0b2a]{margin-top:-3.6rem;padding-top:3.6rem;margin-bottom:6px;font-size:1rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap:hover .header-anchor[data-v-25eb0b2a]{opacity:1}.views-switch{position:fixed;top:calc(var(--navbar-height) + 50px);right:31px;width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:.9rem;text-align:center;cursor:pointer;transition:all .5s;background:var(--blurBg);z-index:9}.views-switch:hover{background:#11a8cd;box-shadow:0 0 15px #11a8cd}.views-switch:hover:before{color:#fff}.views-switch .select-box{margin:0;padding:.8rem 0;position:absolute;bottom:-2rem;right:2rem;background:var(--mainBg);border:1px solid var(--borderColor);width:120px;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.views-switch .select-box li{list-style:none;line-height:2rem;font-size:.95rem}.views-switch .select-box li:hover{color:#11a8cd}.views-switch .select-box li.active{background-color:hsla(0,0%,58.8%,.2);color:#11a8cd}.docs-box{position:fixed;top:calc(var(--navbar-height) + 50px);right:6.8vw;width:17vw;height:34vw;z-index:-1;background-image:url(https://www.uviewui.com/common/iPhone13.png);background-repeat:no-repeat;background-size:100%;padding:48px 13px 25px}.docs-box iframe{display:block;width:100%;height:33vw;border-radius:10px 10px 20px 20px}.theme-style-line .right-menu-wrapper .right-menu-margin{border-left:1px solid var(--borderColor)}.right-menu-wrapper{width:425px;float:right;margin-right:-480px;position:sticky;top:0;font-size:.8rem}.right-menu-wrapper .right-menu-margin{margin-top:4.6rem;border-radius:3px;overflow:hidden}.right-menu-wrapper .right-menu-title{padding:10px 15px 0;background:var(--mainBg);font-size:1rem}.right-menu-wrapper .right-menu-title:after{content:"";display:block;width:100%;height:1px;background:var(--borderColor);margin-top:10px}.right-menu-wrapper .right-menu-content{max-height:80vh;position:relative;overflow:hidden;background:var(--mainBg);padding:4px 3px 4px 0}.right-menu-wrapper .right-menu-content::-webkit-scrollbar{width:3px;height:3px}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-track-piece{background:none}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-thumb:vertical{background-color:hsla(0,0%,49%,.3)}.right-menu-wrapper .right-menu-content:hover{overflow-y:auto;padding-right:0}.right-menu-wrapper .right-menu-content .right-menu-item{padding:4px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.right-menu-wrapper .right-menu-content .right-menu-item.level2{font-size:.8rem}.right-menu-wrapper .right-menu-content .right-menu-item.level3{padding-left:27px}.right-menu-wrapper .right-menu-content .right-menu-item.level4{padding-left:37px}.right-menu-wrapper .right-menu-content .right-menu-item.level5{padding-left:47px}.right-menu-wrapper .right-menu-content .right-menu-item.level6{padding-left:57px}.right-menu-wrapper .right-menu-content .right-menu-item.active:before{content:"";position:absolute;top:5px;left:0;width:3px;height:14px;background:#11a8cd;border-radius:0 4px 4px 0}.right-menu-wrapper .right-menu-content .right-menu-item.active a{color:#11a8cd;opacity:1}.right-menu-wrapper .right-menu-content .right-menu-item a{color:var(--textColor);opacity:.75;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-menu-wrapper .right-menu-content .right-menu-item a:hover{opacity:1}.right-menu-wrapper .right-menu-content:hover{color:#11a8cd}.page>*{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.page>:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.page>:not(.footer){border-radius:2px}}@media (max-width:959px){.page>*{padding:1rem 2rem}}@media (max-width:419px){.page>*{padding:1rem 1.5rem}}.page{padding-bottom:2rem;display:block}@media (max-width:719px){.page{padding-top:3.6rem}}@media (min-width:719px){.page{padding-top:5.1rem}}@media (min-width:719px){.theme-style-line .page{padding-top:3.6rem}}.theme-style-line .page>:not(.footer){box-shadow:0 0}@media (min-width:720px){.theme-style-line .page .placeholder{height:1.2rem}}.theme-vdoing-wrapper .content-wrapper{position:relative}.theme-vdoing-wrapper h1 .title-tag{height:1.5rem;line-height:1.5rem;border:1px solid #ff5722;color:#ff5722;font-size:1rem;padding:0 .4rem;border-radius:.2rem;margin-left:.5rem;transform:translateY(-.25rem);display:inline-block}.theme-vdoing-wrapper h1 img{margin-bottom:-.2rem;margin-right:.2rem;max-width:2.2rem;max-height:2.2rem}.theme-vdoing-wrapper{--linesColor:rgba(50,0,0,0.05)}.theme-vdoing-wrapper.bg-style-1{background-image:linear-gradient(90deg,var(--linesColor) 3%,transparent 0),linear-gradient(0deg,var(--linesColor) 3%,transparent 0);background-position:50%;background-size:20px 20px}.theme-vdoing-wrapper.bg-style-2{background-image:repeating-linear-gradient(0,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-3{background-image:repeating-linear-gradient(90deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-4{background-image:repeating-linear-gradient(-45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-5{background-image:repeating-linear-gradient(45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-6{background-image:radial-gradient(var(--linesColor) 1px,transparent 0);background-size:10px 10px}.theme-mode-dark .theme-vdoing-wrapper{--linesColor:hsla(0,0%,49%,0.05)}@media (min-width:720px) and (max-width:1279px){.have-rightmenu .page{padding-right:.8rem!important}}@media (max-width:1279px){.have-rightmenu .right-menu-wrapper{display:none}}@media (min-width:1280px){.have-rightmenu .sidebar .sidebar-sub-headers{display:none}}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:none}@media (min-width:720px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:.8rem!important}}@media (max-width:719px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:0!important}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:block}}@media (min-width:720px) and (max-width:1279px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:block}}@media (min-width:1280px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:none}}.categories-page .categories-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.categories-page .categories-wrapper{display:none}}.categories-page .categories-wrapper .categories{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-y:auto;transition:all .2s;position:relative}.categories-page .categories-wrapper .categories a{padding-right:1.8rem}.categories-page .categories-wrapper .categories a span{right:.4rem}.categories-page .categories-wrapper .categories::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.categories-page .categories-wrapper .categories::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.categories-page .main-left .categories-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.categories-page .main-left .categories-wrapper{display:block}}.categories-page .main-left .categories-wrapper .categories{max-height:12.3rem}@media (max-width:719px){.theme-style-line .categories-page .main-left .categories-wrapper{margin-top:-.91rem;margin-bottom:-1px;padding:.9rem .2rem .5rem}}.tags-page .tags-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.tags-page .tags-wrapper{display:none}}.tags-page .tags-wrapper .tags{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-x:hidden;overflow-y:auto;transition:all .2s}.tags-page .tags-wrapper .tags::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.tags-page .tags-wrapper .tags::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.tags-page .main-left .tags-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.tags-page .main-left .tags-wrapper{display:block}}.tags-page .main-left .tags-wrapper .tags{max-height:11.5rem}@media (max-width:719px){.theme-style-line .tags-page .main-left .tags-wrapper{margin-top:-.91rem;margin-bottom:-1px}}.archives-page .theme-vdoing-wrapper{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.archives-page .theme-vdoing-wrapper:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.archives-page .theme-vdoing-wrapper:not(.footer){border-radius:2px}}@media (max-width:959px){.archives-page .theme-vdoing-wrapper{padding:1rem 2rem}}@media (max-width:419px){.archives-page .theme-vdoing-wrapper{padding:1rem 1.5rem}}.theme-style-line .archives-page .theme-vdoing-wrapper{box-shadow:0 0}.archives-page .theme-vdoing-wrapper{position:relative}@media (min-width:940px){.archives-page .theme-vdoing-wrapper{margin-top:1.5rem!important}}.archives-page .theme-vdoing-wrapper .count{text-align:right;margin-top:-2.5rem;font-size:.85rem;opacity:.8}.archives-page .theme-vdoing-wrapper li,.archives-page .theme-vdoing-wrapper ul{margin:0;padding:0}.archives-page .theme-vdoing-wrapper ul{margin-top:2rem}.archives-page .theme-vdoing-wrapper li{list-style:none}.archives-page .theme-vdoing-wrapper li.year{position:sticky;top:3.6rem;background:var(--mainBg);z-index:1}.archives-page .theme-vdoing-wrapper li.year:not(:first-child){margin-top:3.5rem}.archives-page .theme-vdoing-wrapper li h2{margin-bottom:.8rem;font-weight:400;padding:.5rem 0}.archives-page .theme-vdoing-wrapper li h2 span{font-size:.85rem;font-weight:300;float:right;margin-top:1rem}.archives-page .theme-vdoing-wrapper li a{display:block;color:var(--textColor);transition:padding .3s;padding:.5rem 2rem;line-height:1.2rem}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:2.5rem;color:#11a8cd;background:#f9f9f9}@media (max-width:940px){.archives-page .theme-vdoing-wrapper li a{padding:.5rem 1rem;font-weight:400}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:1.5rem}}.archives-page .theme-vdoing-wrapper li a span.date{opacity:.6;font-size:.85rem;font-weight:400;margin-right:.3rem}.archives-page .theme-vdoing-wrapper li a .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.archives-page .theme-vdoing-wrapper .loadmore{text-align:center;margin-top:1rem;opacity:.5}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a:hover,.theme-mode-read .archives-page .theme-vdoing-wrapper li a:hover{background:var(--customBlockBg)}.hide-navbar .archives-page .theme-vdoing-wrapper li.year{top:0}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:1.01em;line-height:1.4;font-weight:700;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.98em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:var(--textColor);transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#11a8cd;border-left-color:#11a8cd}.sidebar-heading.clickable:hover{color:#11a8cd}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}.sidebar .sidebar-sub-headers .level4{padding-left:.2rem}.sidebar .sidebar-sub-headers .level5{padding-left:.4rem}.sidebar .sidebar-sub-headers .level6{padding-left:.6rem}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:var(--textColor);border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#11a8cd}a.sidebar-link.active{font-weight:600;color:#11a8cd;border-left-color:#11a8cd}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid var(--borderColor);padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:1.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}.sidebar .blogger{display:none;border-bottom:1px solid var(--borderColor)}.sidebar .blogger img{width:60px;height:60px;border-radius:5px;margin:.75rem 1rem}.sidebar .blogger .blogger-info{flex:1;padding:0 .3rem .3rem 0}.sidebar .blogger .blogger-info h3{margin:.95rem 0 .6rem;font-size:1.1rem}.sidebar .blogger .blogger-info .icons .iconfont{font-size:1.2rem;padding-right:.6rem;color:#777}.sidebar .sidebar-slot{margin-bottom:-.5rem;font-size:.85rem}.sidebar .sidebar-slot.sidebar-slot-top{padding:1.5rem 1.5rem 0}.sidebar .sidebar-slot.sidebar-slot-bottom{padding:0 1.5rem 1.5rem}@media (max-width:719px){.sidebar .blogger{display:flex}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.yellowBorder{border-radius:5px;box-shadow:0 0 15px #ffe089!important}.buttons{position:fixed;right:2rem;bottom:2.5rem;z-index:11}@media (max-width:959px){.buttons{right:1rem;bottom:1.5rem}}.buttons .button{width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:.9rem;text-align:center;cursor:pointer;transition:all .5s;background:var(--blurBg)}.buttons .button.hover{background:#11a8cd;box-shadow:0 0 15px #11a8cd}.buttons .button.hover:before{color:#fff}@media (any-hover:hover){.buttons .button:hover{background:#11a8cd;box-shadow:0 0 15px #11a8cd}.buttons .button:hover:before{color:#fff}}.buttons .button .select-box{margin:0;padding:.8rem 0;position:absolute;bottom:0;right:1.5rem;background:var(--mainBg);border:1px solid var(--borderColor);width:120px;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.buttons .button .select-box li{list-style:none;line-height:2rem;font-size:.95rem}.buttons .button .select-box li:hover{color:#11a8cd}.buttons .button .select-box li.active{background-color:hsla(0,0%,58.8%,.2);color:#11a8cd}.mode-enter-active,.mode-leave-active{transition:all .3s}.mode-enter,.mode-leave-to{opacity:0;transform:scale(.8)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.footer{padding:5rem 1.5rem 2.5rem;text-align:center;color:#666;box-sizing:border-box;font-size:.85rem;transition:all .2s ease}.footer>span{line-height:1.5rem}.footer .icons{margin-bottom:12px}.footer .icons .iconfont{padding:0 10px;font-size:1.3rem}.footer a{color:inherit}.footer a:hover{color:#11a8cd}@media (min-width:720px){.sidebar-open .footer{width:auto;padding-left:19.5rem}}@media (min-width:1520px){.have-rightmenu .footer{padding-right:426.5px}}.no-sidebar .footer{width:auto;padding-left:1.5rem}.body-bg{position:fixed;left:0;top:0;z-index:-999999;height:100vh;width:100vw;transition:background .5s}.theme-mode-light{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light{--bodyBg:#fff}.theme-style-line.theme-mode-dark{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read{--bodyBg:#f5f5d5}.theme-mode-light{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-]::-moz-selection,.theme-mode-light code[class*=language-] ::-moz-selection,.theme-mode-light pre[class*=language-]::-moz-selection,.theme-mode-light pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-]::selection,.theme-mode-light code[class*=language-] ::selection,.theme-mode-light pre[class*=language-]::selection,.theme-mode-light pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{text-shadow:none}}.theme-mode-light pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-],.theme-mode-light pre[class*=language-]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata,.theme-mode-light .token.comment,.theme-mode-light .token.doctype,.theme-mode-light .token.prolog{color:#708090}.theme-mode-light .token.punctuation{color:#999}.theme-mode-light .namespace{opacity:.7}.theme-mode-light .token.boolean,.theme-mode-light .token.constant,.theme-mode-light .token.deleted,.theme-mode-light .token.number,.theme-mode-light .token.property,.theme-mode-light .token.symbol,.theme-mode-light .token.tag{color:#905}.theme-mode-light .token.attr-name,.theme-mode-light .token.builtin,.theme-mode-light .token.char,.theme-mode-light .token.inserted,.theme-mode-light .token.selector,.theme-mode-light .token.string{color:#690}.theme-mode-light .language-css .token.string,.theme-mode-light .style .token.string,.theme-mode-light .token.entity,.theme-mode-light .token.operator,.theme-mode-light .token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule,.theme-mode-light .token.attr-value,.theme-mode-light .token.keyword{color:#07a}.theme-mode-light .token.class-name,.theme-mode-light .token.function{color:#dd4a68}.theme-mode-light .token.important,.theme-mode-light .token.regex,.theme-mode-light .token.variable{color:#e90}.theme-mode-light .token.bold,.theme-mode-light .token.important{font-weight:700}.theme-mode-light .token.italic{font-style:italic}.theme-mode-light .token.entity{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted,.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-],.theme-mode-dark pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-],.theme-mode-dark pre[class*=language-]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment,.theme-mode-dark .token.cdata,.theme-mode-dark .token.comment,.theme-mode-dark .token.doctype,.theme-mode-dark .token.prolog{color:#999}.theme-mode-dark .token.punctuation{color:#ccc}.theme-mode-dark .token.attr-name,.theme-mode-dark .token.deleted,.theme-mode-dark .token.namespace,.theme-mode-dark .token.tag{color:#e2777a}.theme-mode-dark .token.function-name{color:#6196cc}.theme-mode-dark .token.boolean,.theme-mode-dark .token.function,.theme-mode-dark .token.number{color:#f08d49}.theme-mode-dark .token.class-name,.theme-mode-dark .token.constant,.theme-mode-dark .token.property,.theme-mode-dark .token.symbol{color:#f8c555}.theme-mode-dark .token.atrule,.theme-mode-dark .token.builtin,.theme-mode-dark .token.important,.theme-mode-dark .token.keyword,.theme-mode-dark .token.selector{color:#cc99cd}.theme-mode-dark .token.attr-value,.theme-mode-dark .token.char,.theme-mode-dark .token.regex,.theme-mode-dark .token.string,.theme-mode-dark .token.variable{color:#7ec699}.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{color:#67cdcc}.theme-mode-dark .language-css .token.string,.theme-mode-dark .style .token.string,.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{background:none}.theme-mode-dark .token.bold,.theme-mode-dark .token.important{font-weight:700}.theme-mode-dark .token.italic{font-style:italic}.theme-mode-dark .token.entity{cursor:help}.theme-mode-dark .token.inserted{color:green}.theme-mode-read{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-],.theme-mode-read pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-],.theme-mode-read pre[class*=language-]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment,.theme-mode-read .token.cdata,.theme-mode-read .token.comment,.theme-mode-read .token.doctype,.theme-mode-read .token.prolog{color:#999}.theme-mode-read .token.punctuation{color:#ccc}.theme-mode-read .token.attr-name,.theme-mode-read .token.deleted,.theme-mode-read .token.namespace,.theme-mode-read .token.tag{color:#e2777a}.theme-mode-read .token.function-name{color:#6196cc}.theme-mode-read .token.boolean,.theme-mode-read .token.function,.theme-mode-read .token.number{color:#f08d49}.theme-mode-read .token.class-name,.theme-mode-read .token.constant,.theme-mode-read .token.property,.theme-mode-read .token.symbol{color:#f8c555}.theme-mode-read .token.atrule,.theme-mode-read .token.builtin,.theme-mode-read .token.important,.theme-mode-read .token.keyword,.theme-mode-read .token.selector{color:#cc99cd}.theme-mode-read .token.attr-value,.theme-mode-read .token.char,.theme-mode-read .token.regex,.theme-mode-read .token.string,.theme-mode-read .token.variable{color:#7ec699}.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{color:#67cdcc}.theme-mode-read .language-css .token.string,.theme-mode-read .style .token.string,.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{background:none}.theme-mode-read .token.bold,.theme-mode-read .token.important{font-weight:700}.theme-mode-read .token.italic{font-style:italic}.theme-mode-read .token.entity{cursor:help}.theme-mode-read .token.inserted{color:green}.custom-html-window{position:fixed;bottom:0;display:flex;overflow:hidden;font-weight:350}@media (max-width:960px){.custom-html-window{display:none}}.custom-html-window .custom-wrapper{position:relative;max-width:200px;max-height:400px}.custom-html-window .custom-wrapper .close-but{cursor:pointer;position:absolute;right:0;top:0;font-size:1.5rem;line-height:1.5rem;width:1.5rem;height:1.5rem;opacity:0;transition:all .2s}.custom-html-window .custom-wrapper .close-but:hover{opacity:.9}.custom-html-window .custom-wrapper:hover .close-but{opacity:.7}.custom-html-window.custom-html-window-lb{left:0;z-index:99}.custom-html-window.custom-html-window-lb>*{align-self:flex-end}.custom-html-window.custom-html-window-rb{right:80px;z-index:10;justify-content:flex-end}.custom-html-window.custom-html-window-rb>*{align-self:flex-end}.theme-mode-light[data-v-3396d6b6]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--borderColor:rgba(0,0,0,0.12)}.theme-mode-dark[data-v-3396d6b6]{--bodyBg:#27272b;--customBlockBg:#27272b;--textColor:#9b9baa;--borderColor:#30363d}.theme-mode-read[data-v-3396d6b6]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963}.theme-style-line.theme-mode-light[data-v-3396d6b6]{--bodyBg:#fff}.theme-style-line.theme-mode-dark[data-v-3396d6b6]{--bodyBg:#1e1e22}.theme-style-line.theme-mode-read[data-v-3396d6b6]{--bodyBg:#f5f5d5}.theme-mode-light[data-v-3396d6b6]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252}.theme-mode-light code[class*=language-][data-v-3396d6b6],.theme-mode-light pre[class*=language-][data-v-3396d6b6]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-light code[class*=language-][data-v-3396d6b6]::-moz-selection,.theme-mode-light code[class*=language-][data-v-3396d6b6] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-3396d6b6]::selection,.theme-mode-light code[class*=language-][data-v-3396d6b6] ::selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6]::selection,.theme-mode-light pre[class*=language-][data-v-3396d6b6] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-3396d6b6],.theme-mode-light pre[class*=language-][data-v-3396d6b6]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-3396d6b6]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-3396d6b6],.theme-mode-light pre[class*=language-][data-v-3396d6b6]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-3396d6b6]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-3396d6b6],.theme-mode-light .token.comment[data-v-3396d6b6],.theme-mode-light .token.doctype[data-v-3396d6b6],.theme-mode-light .token.prolog[data-v-3396d6b6]{color:#708090}.theme-mode-light .token.punctuation[data-v-3396d6b6]{color:#999}.theme-mode-light .namespace[data-v-3396d6b6]{opacity:.7}.theme-mode-light .token.boolean[data-v-3396d6b6],.theme-mode-light .token.constant[data-v-3396d6b6],.theme-mode-light .token.deleted[data-v-3396d6b6],.theme-mode-light .token.number[data-v-3396d6b6],.theme-mode-light .token.property[data-v-3396d6b6],.theme-mode-light .token.symbol[data-v-3396d6b6],.theme-mode-light .token.tag[data-v-3396d6b6]{color:#905}.theme-mode-light .token.attr-name[data-v-3396d6b6],.theme-mode-light .token.builtin[data-v-3396d6b6],.theme-mode-light .token.char[data-v-3396d6b6],.theme-mode-light .token.inserted[data-v-3396d6b6],.theme-mode-light .token.selector[data-v-3396d6b6],.theme-mode-light .token.string[data-v-3396d6b6]{color:#690}.theme-mode-light .language-css .token.string[data-v-3396d6b6],.theme-mode-light .style .token.string[data-v-3396d6b6],.theme-mode-light .token.entity[data-v-3396d6b6],.theme-mode-light .token.operator[data-v-3396d6b6],.theme-mode-light .token.url[data-v-3396d6b6]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-3396d6b6],.theme-mode-light .token.attr-value[data-v-3396d6b6],.theme-mode-light .token.keyword[data-v-3396d6b6]{color:#07a}.theme-mode-light .token.class-name[data-v-3396d6b6],.theme-mode-light .token.function[data-v-3396d6b6]{color:#dd4a68}.theme-mode-light .token.important[data-v-3396d6b6],.theme-mode-light .token.regex[data-v-3396d6b6],.theme-mode-light .token.variable[data-v-3396d6b6]{color:#e90}.theme-mode-light .token.bold[data-v-3396d6b6],.theme-mode-light .token.important[data-v-3396d6b6]{font-weight:700}.theme-mode-light .token.italic[data-v-3396d6b6]{font-style:italic}.theme-mode-light .token.entity[data-v-3396d6b6]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-3396d6b6],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-3396d6b6]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-3396d6b6]{--bodyBg:#1e1e22;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--textColor:#8c8c96;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff}.theme-mode-dark code[class*=language-][data-v-3396d6b6],.theme-mode-dark pre[class*=language-][data-v-3396d6b6]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-3396d6b6]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-3396d6b6],.theme-mode-dark pre[class*=language-][data-v-3396d6b6]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-3396d6b6]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-3396d6b6],.theme-mode-dark .token.cdata[data-v-3396d6b6],.theme-mode-dark .token.comment[data-v-3396d6b6],.theme-mode-dark .token.doctype[data-v-3396d6b6],.theme-mode-dark .token.prolog[data-v-3396d6b6]{color:#999}.theme-mode-dark .token.punctuation[data-v-3396d6b6]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-3396d6b6],.theme-mode-dark .token.deleted[data-v-3396d6b6],.theme-mode-dark .token.namespace[data-v-3396d6b6],.theme-mode-dark .token.tag[data-v-3396d6b6]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-3396d6b6]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-3396d6b6],.theme-mode-dark .token.function[data-v-3396d6b6],.theme-mode-dark .token.number[data-v-3396d6b6]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-3396d6b6],.theme-mode-dark .token.constant[data-v-3396d6b6],.theme-mode-dark .token.property[data-v-3396d6b6],.theme-mode-dark .token.symbol[data-v-3396d6b6]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-3396d6b6],.theme-mode-dark .token.builtin[data-v-3396d6b6],.theme-mode-dark .token.important[data-v-3396d6b6],.theme-mode-dark .token.keyword[data-v-3396d6b6],.theme-mode-dark .token.selector[data-v-3396d6b6]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-3396d6b6],.theme-mode-dark .token.char[data-v-3396d6b6],.theme-mode-dark .token.regex[data-v-3396d6b6],.theme-mode-dark .token.string[data-v-3396d6b6],.theme-mode-dark .token.variable[data-v-3396d6b6]{color:#7ec699}.theme-mode-dark .token.entity[data-v-3396d6b6],.theme-mode-dark .token.operator[data-v-3396d6b6],.theme-mode-dark .token.url[data-v-3396d6b6]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-3396d6b6],.theme-mode-dark .style .token.string[data-v-3396d6b6],.theme-mode-dark .token.entity[data-v-3396d6b6],.theme-mode-dark .token.operator[data-v-3396d6b6],.theme-mode-dark .token.url[data-v-3396d6b6]{background:none}.theme-mode-dark .token.bold[data-v-3396d6b6],.theme-mode-dark .token.important[data-v-3396d6b6]{font-weight:700}.theme-mode-dark .token.italic[data-v-3396d6b6]{font-style:italic}.theme-mode-dark .token.entity[data-v-3396d6b6]{cursor:help}.theme-mode-dark .token.inserted[data-v-3396d6b6]{color:green}.theme-mode-read[data-v-3396d6b6]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff}.theme-mode-read code[class*=language-][data-v-3396d6b6],.theme-mode-read pre[class*=language-][data-v-3396d6b6]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;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;hyphens:none}.theme-mode-read pre[class*=language-][data-v-3396d6b6]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-3396d6b6],.theme-mode-read pre[class*=language-][data-v-3396d6b6]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-3396d6b6]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-3396d6b6],.theme-mode-read .token.cdata[data-v-3396d6b6],.theme-mode-read .token.comment[data-v-3396d6b6],.theme-mode-read .token.doctype[data-v-3396d6b6],.theme-mode-read .token.prolog[data-v-3396d6b6]{color:#999}.theme-mode-read .token.punctuation[data-v-3396d6b6]{color:#ccc}.theme-mode-read .token.attr-name[data-v-3396d6b6],.theme-mode-read .token.deleted[data-v-3396d6b6],.theme-mode-read .token.namespace[data-v-3396d6b6],.theme-mode-read .token.tag[data-v-3396d6b6]{color:#e2777a}.theme-mode-read .token.function-name[data-v-3396d6b6]{color:#6196cc}.theme-mode-read .token.boolean[data-v-3396d6b6],.theme-mode-read .token.function[data-v-3396d6b6],.theme-mode-read .token.number[data-v-3396d6b6]{color:#f08d49}.theme-mode-read .token.class-name[data-v-3396d6b6],.theme-mode-read .token.constant[data-v-3396d6b6],.theme-mode-read .token.property[data-v-3396d6b6],.theme-mode-read .token.symbol[data-v-3396d6b6]{color:#f8c555}.theme-mode-read .token.atrule[data-v-3396d6b6],.theme-mode-read .token.builtin[data-v-3396d6b6],.theme-mode-read .token.important[data-v-3396d6b6],.theme-mode-read .token.keyword[data-v-3396d6b6],.theme-mode-read .token.selector[data-v-3396d6b6]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-3396d6b6],.theme-mode-read .token.char[data-v-3396d6b6],.theme-mode-read .token.regex[data-v-3396d6b6],.theme-mode-read .token.string[data-v-3396d6b6],.theme-mode-read .token.variable[data-v-3396d6b6]{color:#7ec699}.theme-mode-read .token.entity[data-v-3396d6b6],.theme-mode-read .token.operator[data-v-3396d6b6],.theme-mode-read .token.url[data-v-3396d6b6]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-3396d6b6],.theme-mode-read .style .token.string[data-v-3396d6b6],.theme-mode-read .token.entity[data-v-3396d6b6],.theme-mode-read .token.operator[data-v-3396d6b6],.theme-mode-read .token.url[data-v-3396d6b6]{background:none}.theme-mode-read .token.bold[data-v-3396d6b6],.theme-mode-read .token.important[data-v-3396d6b6]{font-weight:700}.theme-mode-read .token.italic[data-v-3396d6b6]{font-style:italic}.theme-mode-read .token.entity[data-v-3396d6b6]{cursor:help}.theme-mode-read .token.inserted[data-v-3396d6b6]{color:green}.badge[data-v-3396d6b6]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-3396d6b6],.badge.tip[data-v-3396d6b6],.badge[data-v-3396d6b6]{background-color:#42b983}.badge.error[data-v-3396d6b6]{background-color:#da5961}.badge.warn[data-v-3396d6b6],.badge.warning[data-v-3396d6b6],.badge.yellow[data-v-3396d6b6]{background-color:#e7c000}.badge+.badge[data-v-3396d6b6]{margin-left:5px} \ No newline at end of file diff --git a/docs/.vuepress/dist/assets/js/10.9bc4e830.js b/docs/.vuepress/dist/assets/js/10.2c6b507c.js similarity index 99% rename from docs/.vuepress/dist/assets/js/10.9bc4e830.js rename to docs/.vuepress/dist/assets/js/10.2c6b507c.js index 43cb1b7..c1f4ab9 100644 --- a/docs/.vuepress/dist/assets/js/10.9bc4e830.js +++ b/docs/.vuepress/dist/assets/js/10.2c6b507c.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{338:function(t,a,s){"use strict";s.r(a);var n=s(7),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"文字大小"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字大小"}},[t._v("#")]),t._v(" 文字大小")]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-xsl 文字大小 60px 用于图标、数字等特大显示\n.text-sl 文字大小 40px 用于图标、数字等较大显示\n.text-xxl 文字大小 22px 用于金额数字等信息\n.text-xl 文字大小 18px 页面大标题，用于结果页等单一信息页\n.text-lg 文字大小 16px 页面小标题，首要层级显示内容\n.text-df 文字大小 14px 页面默认字号，用于摘要或阅读文本\n.text-sm 文字大小 12px 页面辅助信息，次级内容等\n.text-xs 文字大小 10px 说明文本，标签文字等关注度低的文字\n")])])]),a("h2",{attrs:{id:"文字颜色"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字颜色"}},[t._v("#")]),t._v(" 文字颜色")]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-red "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 嫣红 #e54d42 */")]),t._v("\n.text-orange "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 桔橙 #f37b1d */")]),t._v("\n.text-yellow "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 明黄 #fbbd08 */")]),t._v("\n.text-olive "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 橄榄 #8dc63f */")]),t._v("\n.text-green "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 森绿 #39b54a */")]),t._v("\n.text-cyan "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 天青 #1cbbb4 */")]),t._v("\n.text-blue "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 海蓝 #0081ff */")]),t._v("\n.text-purple "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 姹紫 #6739b6 */")]),t._v("\n.text-mauve "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 木槿 #9c26b0 */")]),t._v("\n.text-pink "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 桃粉 #e03997 */")]),t._v("\n.text-brown "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 棕褐 #a5673f */")]),t._v("\n.text-grey "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 玄灰 #8799a3 */")]),t._v("\n.text-gray "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 草灰 #aaaaaa */")]),t._v("\n.text-black "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 墨黑 #333333 */")]),t._v("\n.text-white "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 雅白 #ffffff */")]),t._v("\n")])])]),a("h2",{attrs:{id:"文字阴影"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字阴影"}},[t._v("#")]),t._v(" 文字阴影")]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".text-shadow")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊的距离 color 阴影的颜色; */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("text-shadow")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 3px 3px 4px "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("rgba")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("204"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" 69"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" 59"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" 0.2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"文字截断"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字截断"}},[t._v("#")]),t._v(" 文字截断")]),t._v(" "),a("blockquote",[a("p",[t._v("css 代码")])]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-cut 定义文字容器宽度，超出截断\n")])])]),a("blockquote",[a("p",[t._v("演示代码")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding bg-white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-cut padding bg-grey radius"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("220px")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"文字对齐"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字对齐"}},[t._v("#")]),t._v(" 文字对齐")]),t._v(" "),a("blockquote",[a("p",[t._v("css 代码")])]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-left 左对齐\n.text-center 居中对齐\n.text-right 右对齐\n")])])]),a("blockquote",[a("p",[t._v("演示代码")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding bg-white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-left padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-center padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-right padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"特殊文字"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#特殊文字"}},[t._v("#")]),t._v(" 特殊文字")]),t._v(" "),a("blockquote",[a("p",[t._v("css 代码")])]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-price 价格文本，利用伪元素添加"),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"¥"')]),t._v("符号\n.text-Abc 英文单词首字母大写\n.text-ABC 全部字母大写\n.text-abc 全部字母小写\n")])])]),a("blockquote",[a("p",[t._v("演示代码")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding text-center"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-price"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("80.00"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('价格文本，利用伪元素添加"¥"符号'),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white margin-top"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-Abc"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("color Ui"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("英文单词首字母大写"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white margin-top"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-ABC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("color Ui"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("全部字母大写"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white margin-top"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-abc"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("color Ui"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("全部字母小写"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{340:function(t,a,s){"use strict";s.r(a);var n=s(7),e=Object(n.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h2",{attrs:{id:"文字大小"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字大小"}},[t._v("#")]),t._v(" 文字大小")]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-xsl 文字大小 60px 用于图标、数字等特大显示\n.text-sl 文字大小 40px 用于图标、数字等较大显示\n.text-xxl 文字大小 22px 用于金额数字等信息\n.text-xl 文字大小 18px 页面大标题，用于结果页等单一信息页\n.text-lg 文字大小 16px 页面小标题，首要层级显示内容\n.text-df 文字大小 14px 页面默认字号，用于摘要或阅读文本\n.text-sm 文字大小 12px 页面辅助信息，次级内容等\n.text-xs 文字大小 10px 说明文本，标签文字等关注度低的文字\n")])])]),a("h2",{attrs:{id:"文字颜色"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字颜色"}},[t._v("#")]),t._v(" 文字颜色")]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-red "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 嫣红 #e54d42 */")]),t._v("\n.text-orange "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 桔橙 #f37b1d */")]),t._v("\n.text-yellow "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 明黄 #fbbd08 */")]),t._v("\n.text-olive "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 橄榄 #8dc63f */")]),t._v("\n.text-green "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 森绿 #39b54a */")]),t._v("\n.text-cyan "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 天青 #1cbbb4 */")]),t._v("\n.text-blue "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 海蓝 #0081ff */")]),t._v("\n.text-purple "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 姹紫 #6739b6 */")]),t._v("\n.text-mauve "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 木槿 #9c26b0 */")]),t._v("\n.text-pink "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 桃粉 #e03997 */")]),t._v("\n.text-brown "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 棕褐 #a5673f */")]),t._v("\n.text-grey "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 玄灰 #8799a3 */")]),t._v("\n.text-gray "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 草灰 #aaaaaa */")]),t._v("\n.text-black "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 墨黑 #333333 */")]),t._v("\n.text-white "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* 雅白 #ffffff */")]),t._v("\n")])])]),a("h2",{attrs:{id:"文字阴影"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字阴影"}},[t._v("#")]),t._v(" 文字阴影")]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[a("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".text-shadow")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/* h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊的距离 color 阴影的颜色; */")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token property"}},[t._v("text-shadow")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" 3px 3px 4px "),a("span",{pre:!0,attrs:{class:"token function"}},[t._v("rgba")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("204"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" 69"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" 59"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" 0.2"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),a("h2",{attrs:{id:"文字截断"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字截断"}},[t._v("#")]),t._v(" 文字截断")]),t._v(" "),a("blockquote",[a("p",[t._v("css 代码")])]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-cut 定义文字容器宽度，超出截断\n")])])]),a("blockquote",[a("p",[t._v("演示代码")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding bg-white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-cut padding bg-grey radius"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token special-attr"}},[a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("style")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token value css language-css"}},[a("span",{pre:!0,attrs:{class:"token property"}},[t._v("width")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(":")]),t._v("220px")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"文字对齐"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#文字对齐"}},[t._v("#")]),t._v(" 文字对齐")]),t._v(" "),a("blockquote",[a("p",[t._v("css 代码")])]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-left 左对齐\n.text-center 居中对齐\n.text-right 右对齐\n")])])]),a("blockquote",[a("p",[t._v("演示代码")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding bg-white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-left padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-center padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-right padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("我于杀戮之中绽放 ,亦如黎明中的花朵"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])]),a("h2",{attrs:{id:"特殊文字"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#特殊文字"}},[t._v("#")]),t._v(" 特殊文字")]),t._v(" "),a("blockquote",[a("p",[t._v("css 代码")])]),t._v(" "),a("div",{staticClass:"language-css extra-class"},[a("pre",{pre:!0,attrs:{class:"language-css"}},[a("code",[t._v(".text-price 价格文本，利用伪元素添加"),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"¥"')]),t._v("符号\n.text-Abc 英文单词首字母大写\n.text-ABC 全部字母大写\n.text-abc 全部字母小写\n")])])]),a("blockquote",[a("p",[t._v("演示代码")])]),t._v(" "),a("div",{staticClass:"language-vue extra-class"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding text-center"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-price"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("80.00"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('价格文本，利用伪元素添加"¥"符号'),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white margin-top"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-Abc"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("color Ui"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("英文单词首字母大写"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white margin-top"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-ABC"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("color Ui"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("全部字母大写"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding-lr bg-white margin-top"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("solid-bottom padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("text")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("text-abc"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("color Ui"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("view")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("padding"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("全部字母小写"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("")])]),t._v("\n")])])])])}),[],!1,null,null,null);a.default=e.exports}}]); \ No newline at end of file diff --git a/docs/.vuepress/dist/assets/js/11.8f891ef9.js b/docs/.vuepress/dist/assets/js/11.e94b1276.js similarity index 96% rename from docs/.vuepress/dist/assets/js/11.8f891ef9.js rename to docs/.vuepress/dist/assets/js/11.e94b1276.js index d8ab0d4..2f84fd1 100644 --- a/docs/.vuepress/dist/assets/js/11.8f891ef9.js +++ b/docs/.vuepress/dist/assets/js/11.e94b1276.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{342:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("温馨提示")]),t._v(" "),s("p",[t._v("点击右侧图标页面，对应的图标，即可复制类名："),s("code",[t._v("cuIcon-图标名称")])])]),t._v(" "),s("h2",{attrs:{id:"引入样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#引入样式"}},[t._v("#")]),t._v(" 引入样式")]),t._v(" "),s("p",[t._v("编辑 "),s("code",[t._v("App.vue")]),t._v("文件在"),s("code",[t._v("\n\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\nApp.vue 获得系统信息\n\nonLaunch: function() {\n uni.getSystemInfo({\n success: function(e) {\n // #ifndef MP\n Vue.prototype.StatusBar = e.statusBarHeight;\n if (e.platform == \'android\') {\n Vue.prototype.CustomBar = e.statusBarHeight + 50;\n } else {\n Vue.prototype.CustomBar = e.statusBarHeight + 45;\n };\n // #endif\n // #ifdef MP-WEIXIN\n Vue.prototype.StatusBar = e.statusBarHeight;\n let custom = wx.getMenuButtonBoundingClientRect();\n Vue.prototype.Custom = custom;\n Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;\n // #endif\t\t\n // #ifdef MP-ALIPAY\n Vue.prototype.StatusBar = e.statusBarHeight;\n Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;\n // #endif\n }\n })\n},\n\n\npages.json 配置取消系统导航栏\n\n"globalStyle": {\n "navigationStyle": "custom"\n},\n\n\n复制代码结构可以直接使用，注意全局变量的获取。\n\n使用封装,在main.js 引入 cu-custom 组件。\n\nimport cuCustom from \'./colorui/components/cu-custom.vue\'\nVue.component(\'cu-custom\',cuCustom)\n\n\npage.vue 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgColor 背景颜色类名 String \'\'\nisBack 是否开启返回 Boolean false\nbgImage 背景图片路径 String \'\'\n\nSLOT块 作用\nbackText 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)\n\n\n# 使用原生小程序开发\n\n\n# 从现有项目开始\n\n下载源码解压获得/demo，复制目录下的 /colorui 文件夹到你的项目根目录\n\nApp.wxss` 引入关键Css `main.wxss` `icon.wxss\n@import "colorui/main.wxss";\n@import "colorui/icon.wxss";\n@import "app.css"; /* 你的项目css */\n....\n\n\n\n# 从新项目开始\n\n下载源码解压获得/template，复制/template并重命名为你的项目，导入到小程序开发工具既可以开始你的新项目了\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\nApp.js 获得系统信息\n\nonLaunch: function() {\n wx.getSystemInfo({\n success: e => {\n this.globalData.StatusBar = e.statusBarHeight;\n let custom = wx.getMenuButtonBoundingClientRect();\n this.globalData.Custom = custom; \n this.globalData.CustomBar = custom.bottom + custom.top - e.statusBarHeight;\n }\n })\n},\n\n\nApp.json 配置取消系统导航栏,并全局引入组件\n\n"window": {\n "navigationStyle": "custom"\n},\n"usingComponents": {\n "cu-custom":"/colorui/components/cu-custom"\n}\n\n\npage.wxml 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgColor 背景颜色类名 String \'\'\nisBack 是否开启返回 Boolean false\nisCustom 是否开启左侧胶囊 Boolean false\nbgImage 背景图片路径 String \'\'\n\nSLOT块 作用\nbackText 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)',normalizedContent:'# 素材\n\ncolorui在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和ui素材供开发使用哦！ 语雀-colorui群资源\n\n\n# 前言\n\ncolorui是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。\n\n\n# 交流\n\n微信群：加入微信群请先添加开发者微信，备注uniapp插件市场。qq群：240787041 或扫描二维码。\n\n\n\n\n# 使用uniapp开发\n\n\n# 开始\n\n下载源码解压获得/colorui-uniapp文件夹，复制目录下的 /colorui 文件夹到你的项目根目录\n\napp.vue` 引入关键css `main.css` `icon.css\n\n\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\napp.vue 获得系统信息\n\nonlaunch: function() {\n uni.getsysteminfo({\n success: function(e) {\n // #ifndef mp\n vue.prototype.statusbar = e.statusbarheight;\n if (e.platform == \'android\') {\n vue.prototype.custombar = e.statusbarheight + 50;\n } else {\n vue.prototype.custombar = e.statusbarheight + 45;\n };\n // #endif\n // #ifdef mp-weixin\n vue.prototype.statusbar = e.statusbarheight;\n let custom = wx.getmenubuttonboundingclientrect();\n vue.prototype.custom = custom;\n vue.prototype.custombar = custom.bottom + custom.top - e.statusbarheight;\n // #endif\t\t\n // #ifdef mp-alipay\n vue.prototype.statusbar = e.statusbarheight;\n vue.prototype.custombar = e.statusbarheight + e.titlebarheight;\n // #endif\n }\n })\n},\n\n\npages.json 配置取消系统导航栏\n\n"globalstyle": {\n "navigationstyle": "custom"\n},\n\n\n复制代码结构可以直接使用，注意全局变量的获取。\n\n使用封装,在main.js 引入 cu-custom 组件。\n\nimport cucustom from \'./colorui/components/cu-custom.vue\'\nvue.component(\'cu-custom\',cucustom)\n\n\npage.vue 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgcolor 背景颜色类名 string \'\'\nisback 是否开启返回 boolean false\nbgimage 背景图片路径 string \'\'\n\nslot块 作用\nbacktext 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)\n\n\n# 使用原生小程序开发\n\n\n# 从现有项目开始\n\n下载源码解压获得/demo，复制目录下的 /colorui 文件夹到你的项目根目录\n\napp.wxss` 引入关键css `main.wxss` `icon.wxss\n@import "colorui/main.wxss";\n@import "colorui/icon.wxss";\n@import "app.css"; /* 你的项目css */\n....\n\n\n\n# 从新项目开始\n\n下载源码解压获得/template，复制/template并重命名为你的项目，导入到小程序开发工具既可以开始你的新项目了\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\napp.js 获得系统信息\n\nonlaunch: function() {\n wx.getsysteminfo({\n success: e => {\n this.globaldata.statusbar = e.statusbarheight;\n let custom = wx.getmenubuttonboundingclientrect();\n this.globaldata.custom = custom; \n this.globaldata.custombar = custom.bottom + custom.top - e.statusbarheight;\n }\n })\n},\n\n\napp.json 配置取消系统导航栏,并全局引入组件\n\n"window": {\n "navigationstyle": "custom"\n},\n"usingcomponents": {\n "cu-custom":"/colorui/components/cu-custom"\n}\n\n\npage.wxml 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgcolor 背景颜色类名 string \'\'\nisback 是否开启返回 boolean false\niscustom 是否开启左侧胶囊 boolean false\nbgimage 背景图片路径 string \'\'\n\nslot块 作用\nbacktext 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"背景",frontmatter:{title:"背景",date:"2023-05-28T10:55:38.000Z",permalink:"/pages/basics/background",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/20.%E8%83%8C%E6%99%AF.html",relativePath:"10.文档/20.基础元素/20.背景.md",key:"v-782bf4d4",path:"/pages/basics/background/",headers:[{level:2,title:"深色背景",slug:"深色背景",normalizedTitle:"深色背景",charIndex:2},{level:2,title:"浅色背景",slug:"浅色背景",normalizedTitle:"浅色背景",charIndex:460},{level:2,title:"渐变背景",slug:"渐变背景",normalizedTitle:"渐变背景",charIndex:938},{level:2,title:"图片背景",slug:"图片背景",normalizedTitle:"图片背景",charIndex:1256},{level:2,title:"透明背景（文字层）",slug:"透明背景-文字层",normalizedTitle:"透明背景（文字层）",charIndex:1868}],headersStr:"深色背景 浅色背景 渐变背景 图片背景 透明背景（文字层）",content:'# 深色背景\n\n在 class 中加入 bg-Red|Orange|...\n\n.bg-red /* 嫣红 #e54d42 */\n.bg-orange /* 桔橙 #f37b1d */\n.bg-yellow /* 明黄 #fbbd08 */\n.bg-olive /* 橄榄 #8dc63f */\n.bg-green /* 森绿 #39b54a */\n.bg-cyan /* 天青 #1cbbb4 */\n.bg-blue /* 海蓝 #0081ff */\n.bg-purple /* 姹紫 #6739b6 */\n.bg-mauve /* 木槿 #9c26b0 */\n.bg-pink /* 桃粉 #e03997 */\n.bg-brown /* 棕褐 #a5673f */\n.bg-grey /* 玄灰 #8799a3 */\n.bg-gray /* 草灰 #aaaaaa */\n.bg-black /* 墨黑 #333333 */\n.bg-white /* 雅白 #ffffff */\n\n\n\n# 浅色背景\n\n在 class 中加入 bg-Red|Orange|... 在 class 中再加入 light\n\n.light .bg-red /* 嫣红 #e54d42 */\n.light .bg-orange /* 桔橙 #f37b1d */\n.light .bg-yellow /* 明黄 #fbbd08 */\n.light .bg-olive /* 橄榄 #8dc63f */\n.light .bg-green /* 森绿 #39b54a */\n.light .bg-cyan /* 天青 #1cbbb4 */\n.light .bg-blue /* 海蓝 #0081ff */\n.light .bg-purple /* 姹紫 #6739b6 */\n.light .bg-mauve /* 木槿 #9c26b0 */\n.light .bg-pink /* 桃粉 #e03997 */\n.light .bg-brown /* 棕褐 #a5673f */\n.light .bg-grey /* 玄灰 #8799a3 */\n\n\n\n# 渐变背景\n\n在 class 中加入 bg-gradual-red|orange|...\n\n.bg-gradual-red /* 魅红 #f43f3b - #ec008c */\n.bg-gradual-orange /* 鎏金 #ff9700 - #ed1c24 */\n.bg-gradual-green /* 翠柳 #39b54a - #8dc63f */\n.bg-gradual-blue /* 靛青 #0081ff - #1cbbb4 */\n.bg-gradual-purple /* 惑紫 #9000ff - #5e00ff */\n.bg-gradual-pink /* 霞彩 #ec008c - #6739b6 */\n\n\n\n# 图片背景\n\n在 class 中加入 bg-img bg-mask\n\n> css 代码\n\n.bg-img 把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。\n.bg-mask 在背景图片加一层黑色遮罩\n\n.bg-shadeTop 背景图片加一层黑色遮罩上面开始\n.bg-shadeBottom 背景图片加一层黑色遮罩下面开始\n\n\n> 演示代码\n\n\n \n \n 钢铁之翼\n \n \n Only the guilty need fear me.\n \n \n\n\n\n\n# 透明背景（文字层）\n\n在 class 中加入 bg-shadeBottom|shadeTop\n\n> 演示代码\n\n\n \n 上面开始\n \n\n\n \n 下面开始\n \n\n',normalizedContent:'# 深色背景\n\n在 class 中加入 bg-red|orange|...\n\n.bg-red /* 嫣红 #e54d42 */\n.bg-orange /* 桔橙 #f37b1d */\n.bg-yellow /* 明黄 #fbbd08 */\n.bg-olive /* 橄榄 #8dc63f */\n.bg-green /* 森绿 #39b54a */\n.bg-cyan /* 天青 #1cbbb4 */\n.bg-blue /* 海蓝 #0081ff */\n.bg-purple /* 姹紫 #6739b6 */\n.bg-mauve /* 木槿 #9c26b0 */\n.bg-pink /* 桃粉 #e03997 */\n.bg-brown /* 棕褐 #a5673f */\n.bg-grey /* 玄灰 #8799a3 */\n.bg-gray /* 草灰 #aaaaaa */\n.bg-black /* 墨黑 #333333 */\n.bg-white /* 雅白 #ffffff */\n\n\n\n# 浅色背景\n\n在 class 中加入 bg-red|orange|... 在 class 中再加入 light\n\n.light .bg-red /* 嫣红 #e54d42 */\n.light .bg-orange /* 桔橙 #f37b1d */\n.light .bg-yellow /* 明黄 #fbbd08 */\n.light .bg-olive /* 橄榄 #8dc63f */\n.light .bg-green /* 森绿 #39b54a */\n.light .bg-cyan /* 天青 #1cbbb4 */\n.light .bg-blue /* 海蓝 #0081ff */\n.light .bg-purple /* 姹紫 #6739b6 */\n.light .bg-mauve /* 木槿 #9c26b0 */\n.light .bg-pink /* 桃粉 #e03997 */\n.light .bg-brown /* 棕褐 #a5673f */\n.light .bg-grey /* 玄灰 #8799a3 */\n\n\n\n# 渐变背景\n\n在 class 中加入 bg-gradual-red|orange|...\n\n.bg-gradual-red /* 魅红 #f43f3b - #ec008c */\n.bg-gradual-orange /* 鎏金 #ff9700 - #ed1c24 */\n.bg-gradual-green /* 翠柳 #39b54a - #8dc63f */\n.bg-gradual-blue /* 靛青 #0081ff - #1cbbb4 */\n.bg-gradual-purple /* 惑紫 #9000ff - #5e00ff */\n.bg-gradual-pink /* 霞彩 #ec008c - #6739b6 */\n\n\n\n# 图片背景\n\n在 class 中加入 bg-img bg-mask\n\n> css 代码\n\n.bg-img 把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。\n.bg-mask 在背景图片加一层黑色遮罩\n\n.bg-shadetop 背景图片加一层黑色遮罩上面开始\n.bg-shadebottom 背景图片加一层黑色遮罩下面开始\n\n\n> 演示代码\n\n\n \n \n 钢铁之翼\n \n \n only the guilty need fear me.\n \n \n\n\n\n\n# 透明背景（文字层）\n\n在 class 中加入 bg-shadebottom|shadetop\n\n> 演示代码\n\n\n \n 上面开始\n \n\n\n \n 下面开始\n \n\n',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"按钮",frontmatter:{title:"按钮",date:"2023-05-28T15:20:38.000Z",permalink:"/pages/basics/button",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/50.%E6%8C%89%E9%92%AE.html",relativePath:"10.文档/20.基础元素/50.按钮.md",key:"v-58015673",path:"/pages/basics/button/",headers:[{level:2,title:"按钮形状",slug:"按钮形状",normalizedTitle:"按钮形状",charIndex:2},{level:2,title:"按钮尺寸",slug:"按钮尺寸",normalizedTitle:"按钮尺寸",charIndex:260},{level:2,title:"按钮颜色",slug:"按钮颜色",normalizedTitle:"按钮颜色",charIndex:466},{level:2,title:"镂空按钮",slug:"镂空按钮",normalizedTitle:"镂空按钮",charIndex:586},{level:2,title:"块状按钮",slug:"块状按钮",normalizedTitle:"块状按钮",charIndex:657},{level:2,title:"无效状态",slug:"无效状态",normalizedTitle:"无效状态",charIndex:803},{level:2,title:"按钮加图标",slug:"按钮加图标",normalizedTitle:"按钮加图标",charIndex:1002}],headersStr:"按钮形状 按钮尺寸 按钮颜色 镂空按钮 块状按钮 无效状态 按钮加图标",content:'# 按钮形状\n\n> css 代码\n\n.cu-btn 默认　　\n.cu-btn round 圆角\n.cu-btn cuIcon 图标按钮\n\n\n> 演示代码\n\n\n\n\x3c!-- 图标按钮 --\x3e\n\n\n\n\n# 按钮尺寸\n\n> css 代码\n\n.cu-btn sm 小尺寸\n.cu-btn 默认\n.cu-btn lg 大尺寸\n\n\n> 演示代码\n\n\n\n\n\n\n\n# 按钮颜色\n\n> css 代码\n\n.bg-red 背景颜色 | .bg-...\n.shadow 阴影\n\n\n> 演示代码\n\n\n\n\n\n# 镂空按钮\n\n.bg- 换成 .line-\n\n.lines-red|... 边框深（大）\n.line-red|... 边框浅（小）\n\n\n\n# 块状按钮\n\n> css 代码\n\n.cu-btn lg\n\n\n> 演示代码\n\n\n\n\n\n\n# 无效状态\n\n加上 disabled 属性即可\n\n> 演示代码\n\n\n\n\n\n\n# 按钮加图标\n\nbutton 标签里加入图标+文字即可，需要加载状态，加上属性 loading\n\n> 演示代码\n\n\n\n\n',normalizedContent:'# 按钮形状\n\n> css 代码\n\n.cu-btn 默认　　\n.cu-btn round 圆角\n.cu-btn cuicon 图标按钮\n\n\n> 演示代码\n\n\n\n\x3c!-- 图标按钮 --\x3e\n\n\n\n\n# 按钮尺寸\n\n> css 代码\n\n.cu-btn sm 小尺寸\n.cu-btn 默认\n.cu-btn lg 大尺寸\n\n\n> 演示代码\n\n\n\n\n\n\n\n# 按钮颜色\n\n> css 代码\n\n.bg-red 背景颜色 | .bg-...\n.shadow 阴影\n\n\n> 演示代码\n\n\n\n\n\n# 镂空按钮\n\n.bg- 换成 .line-\n\n.lines-red|... 边框深（大）\n.line-red|... 边框浅（小）\n\n\n\n# 块状按钮\n\n> css 代码\n\n.cu-btn lg\n\n\n> 演示代码\n\n\n\n\n\n\n# 无效状态\n\n加上 disabled 属性即可\n\n> 演示代码\n\n\n\n\n\n\n# 按钮加图标\n\nbutton 标签里加入图标+文字即可，需要加载状态，加上属性 loading\n\n> 演示代码\n\n\n\n\n',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"图标",frontmatter:{title:"图标",date:"2023-05-28T15:16:38.000Z",permalink:"/pages/basics/icon",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/40.%E5%9B%BE%E6%A0%87.html",relativePath:"10.文档/20.基础元素/40.图标.md",key:"v-61409c18",path:"/pages/basics/icon/",headers:[{level:2,title:"引入样式",slug:"引入样式",normalizedTitle:"引入样式",charIndex:44},{level:2,title:"使用语法",slug:"使用语法",normalizedTitle:"使用语法",charIndex:171}],headersStr:"引入样式 使用语法",content:'温馨提示\n\n点击右侧图标页面，对应的图标，即可复制类名：cuIcon-图标名称\n\n\n# 引入样式\n\n编辑 App.vue文件在\n\n\n\n# 使用语法\n\n<标签 class="cuIcon-图标名称">\n',normalizedContent:'温馨提示\n\n点击右侧图标页面，对应的图标，即可复制类名：cuicon-图标名称\n\n\n# 引入样式\n\n编辑 app.vue文件在\n\n\n\n# 使用语法\n\n<标签 class="cuicon-图标名称">\n',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"头像",frontmatter:{title:"头像",date:"2023-05-28T16:15:38.000Z",permalink:"/pages/basics/avatar",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/70.%E5%A4%B4%E5%83%8F.html",relativePath:"10.文档/20.基础元素/70.头像.md",key:"v-d802fea6",path:"/pages/basics/avatar/",headers:[{level:2,title:"头像",slug:"头像",normalizedTitle:"头像",charIndex:2}],headersStr:"头像",content:"# 头像\n\n点此查看页面源代码\n\n页面位置：/pages/basics/avatar\n\n",normalizedContent:"# 头像\n\n点此查看页面源代码\n\n页面位置：/pages/basics/avatar\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"边框阴影",frontmatter:{title:"边框阴影",date:"2023-05-28T15:20:38.000Z",permalink:"/pages/basics/shadow",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/90.%E8%BE%B9%E6%A1%86%E9%98%B4%E5%BD%B1.html",relativePath:"10.文档/20.基础元素/90.边框阴影.md",key:"v-4d88bfbc",path:"/pages/basics/shadow/",headers:[{level:2,title:"边框阴影",slug:"边框阴影",normalizedTitle:"边框阴影",charIndex:2}],headersStr:"边框阴影",content:"# 边框阴影\n\n点此查看页面源代码\n\n页面位置：/pages/basics/shadow\n\n",normalizedContent:"# 边框阴影\n\n点此查看页面源代码\n\n页面位置：/pages/basics/shadow\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"加载",frontmatter:{title:"加载",date:"2023-05-28T15:20:38.000Z",permalink:"/pages/basics/loading",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/91.%E5%8A%A0%E8%BD%BD.html",relativePath:"10.文档/20.基础元素/91.加载.md",key:"v-59dd0e26",path:"/pages/basics/loading/",headers:[{level:2,title:"加载",slug:"加载",normalizedTitle:"加载",charIndex:2}],headersStr:"加载",content:"# 加载\n\n点此查看页面源代码\n\n页面位置：/pages/basics/loading\n\n",normalizedContent:"# 加载\n\n点此查看页面源代码\n\n页面位置：/pages/basics/loading\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"标签",frontmatter:{title:"标签",date:"2023-05-28T15:20:38.000Z",permalink:"/pages/basics/tag",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/60.%E6%A0%87%E7%AD%BE.html",relativePath:"10.文档/20.基础元素/60.标签.md",key:"v-03fabaac",path:"/pages/basics/tag/",headers:[{level:2,title:"标签",slug:"标签",normalizedTitle:"标签",charIndex:2}],headersStr:"标签",content:"# 标签\n\n点此查看页面源代码\n\n页面位置：/pages/basics/tag\n\n",normalizedContent:"# 标签\n\n点此查看页面源代码\n\n页面位置：/pages/basics/tag\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"进度条",frontmatter:{title:"进度条",date:"2023-05-28T16:16:38.000Z",permalink:"/pages/basics/progress",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/80.%E8%BF%9B%E5%BA%A6%E6%9D%A1.html",relativePath:"10.文档/20.基础元素/80.进度条.md",key:"v-2f38258f",path:"/pages/basics/progress/",headers:[{level:2,title:"进度条",slug:"进度条",normalizedTitle:"进度条",charIndex:2}],headersStr:"进度条",content:"# 进度条\n\n点此查看页面源代码\n\n页面位置：/pages/basics/progress\n\n",normalizedContent:"# 进度条\n\n点此查看页面源代码\n\n页面位置：/pages/basics/progress\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"操作条",frontmatter:{title:"操作条",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/bar",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/10.%E6%93%8D%E4%BD%9C%E6%9D%A1.html",relativePath:"10.文档/30.交互组件/10.操作条.md",key:"v-83223268",path:"/pages/component/bar/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/bar\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/bar\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"导航栏",frontmatter:{title:"导航栏",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/nav",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/20.%E5%AF%BC%E8%88%AA%E6%A0%8F.html",relativePath:"10.文档/30.交互组件/20.导航栏.md",key:"v-5f865698",path:"/pages/component/nav/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/nav\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/nav\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"列表",frontmatter:{title:"列表",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/list",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/30.%E5%88%97%E8%A1%A8.html",relativePath:"10.文档/30.交互组件/30.列表.md",key:"v-5c90a346",path:"/pages/component/list/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/list\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/list\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"卡片",frontmatter:{title:"卡片",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/card",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/40.%E5%8D%A1%E7%89%87.html",relativePath:"10.文档/30.交互组件/40.卡片.md",key:"v-552aa84b",path:"/pages/component/card/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/card\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/card\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"表单",frontmatter:{title:"表单",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/form",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/50.%E8%A1%A8%E5%8D%95.html",relativePath:"10.文档/30.交互组件/50.表单.md",key:"v-e2533030",path:"/pages/component/form/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/form\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/form\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"时间轴",frontmatter:{title:"时间轴",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/timeline",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/60.%E6%97%B6%E9%97%B4%E8%BD%B4.html",relativePath:"10.文档/30.交互组件/60.时间轴.md",key:"v-ff2a8f1c",path:"/pages/component/timeline/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/timeline\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/timeline\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"聊天",frontmatter:{title:"聊天",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/chat",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/70.%E8%81%8A%E5%A4%A9.html",relativePath:"10.文档/30.交互组件/70.聊天.md",key:"v-2277578e",path:"/pages/component/chat/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/chat\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/chat\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"步骤条",frontmatter:{title:"步骤条",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/steps",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/91.%E6%AD%A5%E9%AA%A4%E6%9D%A1.html",relativePath:"10.文档/30.交互组件/91.步骤条.md",key:"v-84c9d3ca",path:"/pages/component/steps/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/steps\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/steps\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"模态框",frontmatter:{title:"模态框",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/modal",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/90.%E6%A8%A1%E6%80%81%E6%A1%86.html",relativePath:"10.文档/30.交互组件/90.模态框.md",key:"v-e6e84c9a",path:"/pages/component/modal/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/modal\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/modal\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"轮播",frontmatter:{title:"轮播",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/component/swiper",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/30.%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6/80.%E8%BD%AE%E6%92%AD.html",relativePath:"10.文档/30.交互组件/80.轮播.md",key:"v-47d1670c",path:"/pages/component/swiper/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/swiper\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/component/swiper\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"微动画",frontmatter:{title:"微动画",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/plugin/animation",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/40.%E6%8F%92%E4%BB%B6%E6%89%A9%E5%B1%95/20.%E5%BE%AE%E5%8A%A8%E7%94%BB.html",relativePath:"10.文档/40.插件扩展/20.微动画.md",key:"v-5164f98a",path:"/pages/plugin/animation/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/animation\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/animation\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"归档",frontmatter:{archivesPage:!0,title:"归档",permalink:"/archives/",article:!1},regularPath:"/@pages/archivesPage.html",relativePath:"@pages/archivesPage.md",key:"v-70636987",path:"/archives/",headersStr:null,content:"",normalizedContent:"",charsets:{},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"索引动画",frontmatter:{title:"索引动画",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/plugin/indexes",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/40.%E6%8F%92%E4%BB%B6%E6%89%A9%E5%B1%95/10.%E7%B4%A2%E5%BC%95%E5%88%97%E8%A1%A8.html",relativePath:"10.文档/40.插件扩展/10.索引列表.md",key:"v-42b277e4",path:"/pages/plugin/indexes/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/indexes\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/indexes\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"全屏抽屉",frontmatter:{title:"全屏抽屉",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/plugin/drawer",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/40.%E6%8F%92%E4%BB%B6%E6%89%A9%E5%B1%95/30.%E5%85%A8%E5%B1%8F%E6%8A%BD%E5%B1%89.html",relativePath:"10.文档/40.插件扩展/30.全屏抽屉.md",key:"v-316fd466",path:"/pages/plugin/drawer/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/drawer\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/drawer\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"垂直导航",frontmatter:{title:"垂直导航",date:"2023-05-28T16:17:38.000Z",permalink:"/pages/plugin/verticalnav",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/40.%E6%8F%92%E4%BB%B6%E6%89%A9%E5%B1%95/40.%E5%9E%82%E7%9B%B4%E5%AF%BC%E8%88%AA.html",relativePath:"10.文档/40.插件扩展/40.垂直导航.md",key:"v-29776568",path:"/pages/plugin/verticalnav/",headers:[{level:2,title:"操作条",slug:"操作条",normalizedTitle:"操作条",charIndex:2}],headersStr:"操作条",content:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/verticalnav\n\n",normalizedContent:"# 操作条\n\n点此查看页面源代码\n\n页面位置：/pages/plugin/verticalnav\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"Home",frontmatter:{home:!0,heroImage:"/img/colorui-logo.png",heroText:"ColorUI 使用文档",tagline:"ColorUI 使用文档",actionText:"快速开始 →",actionLink:"/pages/base/",bannerBg:"none"},regularPath:"/",relativePath:"index.md",key:"v-eed62f9a",path:"/",headersStr:null,content:"",normalizedContent:"",charsets:{},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3}],themeConfig:{nav:[{text:"文档",link:"/pages/base/"}],sidebarDepth:1,logo:"/img/colorui-logo.png",repo:"https://github.com/weilanwl/coloruicss",searchMaxSuggestions:10,lastUpdated:"上次更新",sidebar:{"/10.文档/":[{title:"快速开始",collapsable:!1,children:[["10.快速开始/10.介绍.md","介绍","/pages/base"],["10.快速开始/20.快速使用.md","快速使用","/pages/baseStart"]]},{title:"基础元素",collapsable:!1,children:[["20.基础元素/10.布局.md","布局","/pages/basics/layout"],["20.基础元素/20.背景.md","背景","/pages/basics/background"],["20.基础元素/30.文本.md","文本","/pages/basics/text"],["20.基础元素/40.图标.md","图标","/pages/basics/icon"],["20.基础元素/50.按钮.md","按钮","/pages/basics/button"],["20.基础元素/60.标签.md","标签","/pages/basics/tag"],["20.基础元素/70.头像.md","头像","/pages/basics/avatar"],["20.基础元素/80.进度条.md","进度条","/pages/basics/progress"],["20.基础元素/90.边框阴影.md","边框阴影","/pages/basics/shadow"],["20.基础元素/91.加载.md","加载","/pages/basics/loading"]]},{title:"交互组件",collapsable:!1,children:[["30.交互组件/10.操作条.md","操作条","/pages/component/bar"],["30.交互组件/20.导航栏.md","导航栏","/pages/component/nav"],["30.交互组件/30.列表.md","列表","/pages/component/list"],["30.交互组件/40.卡片.md","卡片","/pages/component/card"],["30.交互组件/50.表单.md","表单","/pages/component/form"],["30.交互组件/60.时间轴.md","时间轴","/pages/component/timeline"],["30.交互组件/70.聊天.md","聊天","/pages/component/chat"],["30.交互组件/80.轮播.md","轮播","/pages/component/swiper"],["30.交互组件/90.模态框.md","模态框","/pages/component/modal"],["30.交互组件/91.步骤条.md","步骤条","/pages/component/steps"]]},{title:"插件扩展",collapsable:!1,children:[["40.插件扩展/10.索引列表.md","索引动画","/pages/plugin/indexes"],["40.插件扩展/20.微动画.md","微动画","/pages/plugin/animation"],["40.插件扩展/30.全屏抽屉.md","全屏抽屉","/pages/plugin/drawer"],["40.插件扩展/40.垂直导航.md","垂直导航","/pages/plugin/verticalnav"]]}],catalogue:{}},updateBar:{showToArticle:!1},category:!1,tag:!1,author:{name:"miren",href:"https://gitee.com/miren123"},social:{icons:[{iconClass:"icon-gitee",title:"Gitee",link:"https://gitee.com/miren123"}]},footer:{createYear:2022,copyrightInfo:"miren | MIT License"},htmlModules:{}}};n(241);var lc=n(94),uc=n(95),pc=n(11);var fc={computed:{$filterPosts(){return this.$site.pages.filter(t=>{const{frontmatter:{pageComponent:e,article:n,home:r}}=t;return!(e||!1===n||!0===r)})},$sortPosts(){return(t=this.$filterPosts).sort((t,e)=>{const n=t.frontmatter.sticky,r=e.frontmatter.sticky;return n&&r?n==r?Object(pc.a)(t,e):n-r:n&&!r?-1:!n&&r?1:Object(pc.a)(t,e)}),t;var t},$sortPostsByDate(){return(t=this.$filterPosts).sort((t,e)=>Object(pc.a)(t,e)),t;var t},$groupPosts(){return function(t){const e={},n={};for(let r=0,o=t.length;r{n&&(e[n]||(e[n]=[]),e[n].push(t[r]))}),"array"===Object(pc.n)(i)&&i.forEach(e=>{e&&(n[e]||(n[e]=[]),n[e].push(t[r]))})}return{categories:e,tags:n}}(this.$sortPosts)},$categoriesAndTags(){return function(t){const e=[],n=[];for(let n in t.categories)e.push({key:n,length:t.categories[n].length});for(let e in t.tags)n.push({key:e,length:t.tags[e].length});return{categories:e,tags:n}}(this.$groupPosts)}}};Wn.component(lc.default),Wn.component(uc.default);function dc(t){return t.toString().padStart(2,"0")}n(244);Wn.component("Badge",()=>Promise.all([n.e(0),n.e(4)]).then(n.bind(null,364))),Wn.component("CodeBlock",()=>Promise.resolve().then(n.bind(null,94))),Wn.component("CodeGroup",()=>Promise.resolve().then(n.bind(null,95)));n(245);var hc=[{},({Vue:t,options:e,router:n,siteData:r})=>{r.pages.map(t=>{const{frontmatter:{date:e,author:n}}=t;"string"==typeof e&&"Z"===e.charAt(e.length-1)&&(t.frontmatter.date=function(t){t instanceof Date||(t=new Date(t));return`${t.getUTCFullYear()}-${dc(t.getUTCMonth()+1)}-${dc(t.getUTCDate())} ${dc(t.getUTCHours())}:${dc(t.getUTCMinutes())}:${dc(t.getUTCSeconds())}`}(e)),n?t.author=n:r.themeConfig.author&&(t.author=r.themeConfig.author)}),t.mixin(fc)},{},({Vue:t})=>{t.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},({router:t})=>{"undefined"!=typeof window&&(window._hmt=window._hmt||[],function(){var t=document.createElement("script");t.src="https://hm.baidu.com/hm.js?e68f305e8bf582d7045cfbeebd622885";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),t.afterEach((function(t){_hmt.push(["_trackPageview",t.fullPath])})))}],vc=[];class gc extends class{constructor(){this.store=new Wn({data:{state:{}}})}$get(t){return this.store.state[t]}$set(t,e){Wn.set(this.store.state,t,e)}$emit(...t){this.store.$emit(...t)}$on(...t){this.store.$on(...t)}}{}Object.assign(gc.prototype,{getPageAsyncComponent:as,getLayoutAsyncComponent:ss,getAsyncComponent:cs,getVueComponent:ls});var mc={install(t){const e=new gc;t.$vuepress=e,t.prototype.$vuepress=e}};function bc(t,e){const n=e.toLowerCase();return t.options.routes.some(t=>t.path.toLowerCase()===n)}var yc={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(t){const e=this.pageKey||this.$parent.$page.key;return ps("pageKey",e),Wn.component(e)||Wn.component(e,as(e)),Wn.component(e)?t(e):t("")}},xc={functional:!0,props:{slotKey:String,required:!0},render:(t,{props:e,slots:n})=>t("div",{class:["content__"+e.slotKey]},n()[e.slotKey])},wc={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},_c=(n(246),n(247),Object(ic.a)(wc,(function(){var t=this._self._c;return t("span",[t("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[t("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),t("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),t("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),Ec={functional:!0,render(t,{parent:e,children:n}){if(e._isMounted)return n;e.$once("hook:mounted",()=>{e.$forceUpdate()})}};Wn.config.productionTip=!1,Wn.use(Va),Wn.use(mc),Wn.mixin(function(t,e,n=Wn){!function(t){t.locales&&Object.keys(t.locales).forEach(e=>{t.locales[e].path=e});Object.freeze(t)}(e),n.$vuepress.$set("siteData",e);const r=new(t(n.$vuepress.$get("siteData"))),o=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(r)),i={};return Object.keys(o).reduce((t,e)=>(e.startsWith("$")&&(t[e]=o[e].get),t),i),{computed:i}}(t=>class{setPage(t){this.__page=t}get $site(){return t}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:t={}}=this.$site;let e,n;for(const r in t)"/"===r?n=t[r]:0===this.$page.path.indexOf(r)&&(e=t[r]);return e||n||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:t}=this.$page.frontmatter;return"string"==typeof t&&t}get $title(){const t=this.$page,{metaTitle:e}=this.$page.frontmatter;if("string"==typeof e)return e;const n=this.$siteTitle,r=t.frontmatter.home?null:t.frontmatter.title||t.title;return n?r?r+" | "+n:n:r||"VuePress"}get $description(){const t=function(t){if(t){const e=t.filter(t=>"description"===t.name)[0];if(e)return e.content}}(this.$page.frontmatter.meta);return t||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(t,e){for(let n=0;nn||(t.hash?!Wn.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(t.hash)}:{x:0,y:0})});!function(t){t.beforeEach((e,n,r)=>{if(bc(t,e.path))r();else if(/(\/|\.html)$/.test(e.path))if(/\/$/.test(e.path)){const n=e.path.replace(/\/$/,"")+".html";bc(t,n)?r(n):r()}else r();else{const n=e.path+"/",o=e.path+".html";bc(t,o)?r(o):bc(t,n)?r(n):r()}})}(n);const r={};try{await Promise.all(hc.filter(t=>"function"==typeof t).map(e=>e({Vue:Wn,options:r,router:n,siteData:cc,isServer:t})))}catch(t){console.error(t)}return{app:new Wn(Object.assign(r,{router:n,render:t=>t("div",{attrs:{id:"app"}},[t("RouterView",{ref:"layout"}),t("div",{class:"global-ui"},vc.map(e=>t(e)))])})),router:n}}(!1).then(({app:t,router:e})=>{e.onReady(()=>{t.$mount("#app")})})}]); \ No newline at end of file +var r=Object.freeze({}),o=Array.isArray;function i(t){return null==t}function a(t){return null!=t}function s(t){return!0===t}function c(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function l(t){return"function"==typeof t}function u(t){return null!==t&&"object"==typeof t}var p=Object.prototype.toString;function f(t){return"[object Object]"===p.call(t)}function d(t){return"[object RegExp]"===p.call(t)}function h(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function v(t){return a(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function g(t){return null==t?"":Array.isArray(t)||f(t)&&t.toString===p?JSON.stringify(t,null,2):String(t)}function m(t){var e=parseFloat(t);return isNaN(e)?t:e}function b(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o-1)return t.splice(r,1)}}var w=Object.prototype.hasOwnProperty;function _(t,e){return w.call(t,e)}function E(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}var k=/-(\w)/g,C=E((function(t){return t.replace(k,(function(t,e){return e?e.toUpperCase():""}))})),A=E((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})),O=/\B([A-Z])/g,j=E((function(t){return t.replace(O,"-$1").toLowerCase()}));var S=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n};function T(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function $(t,e){for(var n in e)t[n]=e[n];return t}function P(t){for(var e={},n=0;n0,J=K&&K.indexOf("edge/")>0;K&&K.indexOf("android");var Q=K&&/iphone|ipad|ipod|ios/.test(K);K&&/chrome\/\d+/.test(K),K&&/phantomjs/.test(K);var tt,et=K&&K.match(/firefox\/(\d+)/),nt={}.watch,rt=!1;if(G)try{var ot={};Object.defineProperty(ot,"passive",{get:function(){rt=!0}}),window.addEventListener("test-passive",null,ot)}catch(t){}var it=function(){return void 0===tt&&(tt=!G&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),tt},at=G&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function st(t){return"function"==typeof t&&/native code/.test(t.toString())}var ct,lt="undefined"!=typeof Symbol&&st(Symbol)&&"undefined"!=typeof Reflect&&st(Reflect.ownKeys);ct="undefined"!=typeof Set&&st(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var ut=null;function pt(t){void 0===t&&(t=null),t||ut&&ut._scope.off(),ut=t,t&&t._scope.on()}var ft=function(){function t(t,e,n,r,o,i,a,s){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(t.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),t}(),dt=function(t){void 0===t&&(t="");var e=new ft;return e.text=t,e.isComment=!0,e};function ht(t){return new ft(void 0,void 0,void 0,String(t))}function vt(t){var e=new ft(t.tag,t.data,t.children&&t.children.slice(),t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.asyncMeta=t.asyncMeta,e.isCloned=!0,e}var gt=0,mt=[],bt=function(){function t(){this._pending=!1,this.id=gt++,this.subs=[]}return t.prototype.addSub=function(t){this.subs.push(t)},t.prototype.removeSub=function(t){this.subs[this.subs.indexOf(t)]=null,this._pending||(this._pending=!0,mt.push(this))},t.prototype.depend=function(e){t.target&&t.target.addDep(this)},t.prototype.notify=function(t){var e=this.subs.filter((function(t){return t}));for(var n=0,r=e.length;n0&&(Kt((l=t(l,"".concat(n||"","_").concat(r)))[0])&&Kt(p)&&(f[u]=ht(p.text+l[0].text),l.shift()),f.push.apply(f,l)):c(l)?Kt(p)?f[u]=ht(p.text+l):""!==l&&f.push(ht(l)):Kt(l)&&Kt(p)?f[u]=ht(p.text+l.text):(s(e._isVList)&&a(l.tag)&&i(l.key)&&a(n)&&(l.key="__vlist".concat(n,"_").concat(r,"__")),f.push(l)));return f}(t):void 0}function Kt(t){return a(t)&&a(t.text)&&!1===t.isComment}function Xt(t,e){var n,r,i,s,c=null;if(o(t)||"string"==typeof t)for(c=new Array(t.length),n=0,r=t.length;n0,s=e?!!e.$stable:!a,c=e&&e.$key;if(e){if(e._normalized)return e._normalized;if(s&&o&&o!==r&&c===o.$key&&!a&&!o.$hasNormal)return o;for(var l in i={},e)e[l]&&"$"!==l[0]&&(i[l]=ve(t,n,l,e[l]))}else i={};for(var u in n)u in i||(i[u]=ge(n,u));return e&&Object.isExtensible(e)&&(e._normalized=i),H(i,"$stable",s),H(i,"$key",c),H(i,"$hasNormal",a),i}function ve(t,e,n,r){var i=function(){var e=ut;pt(t);var n=arguments.length?r.apply(null,arguments):r({}),i=(n=n&&"object"==typeof n&&!o(n)?[n]:Gt(n))&&n[0];return pt(e),n&&(!i||1===n.length&&i.isComment&&!de(i))?void 0:n};return r.proxy&&Object.defineProperty(e,n,{get:i,enumerable:!0,configurable:!0}),i}function ge(t,e){return function(){return t[e]}}function me(t){return{get attrs(){if(!t._attrsProxy){var e=t._attrsProxy={};H(e,"_v_attr_proxy",!0),be(e,t.$attrs,r,t,"$attrs")}return t._attrsProxy},get listeners(){t._listenersProxy||be(t._listenersProxy={},t.$listeners,r,t,"$listeners");return t._listenersProxy},get slots(){return function(t){t._slotsProxy||xe(t._slotsProxy={},t.$scopedSlots);return t._slotsProxy}(t)},emit:S(t.$emit,t),expose:function(e){e&&Object.keys(e).forEach((function(n){return Mt(t,e,n)}))}}}function be(t,e,n,r,o){var i=!1;for(var a in e)a in t?e[a]!==n[a]&&(i=!0):(i=!0,ye(t,a,r,o));for(var a in t)a in e||(i=!0,delete t[a]);return i}function ye(t,e,n,r){Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){return n[r][e]}})}function xe(t,e){for(var n in e)t[n]=e[n];for(var n in t)n in e||delete t[n]}var we=null;function _e(t,e){return(t.__esModule||lt&&"Module"===t[Symbol.toStringTag])&&(t=t.default),u(t)?e.extend(t):t}function Ee(t){if(o(t))for(var e=0;edocument.createEvent("Event").timeStamp&&(cn=function(){return ln.now()})}var un=function(t,e){if(t.post){if(!e.post)return 1}else if(e.post)return-1;return t.id-e.id};function pn(){var t,e;for(sn=cn(),on=!0,tn.sort(un),an=0;anan&&tn[n].id>t.id;)n--;tn.splice(n+1,0,t)}else tn.push(t);rn||(rn=!0,Re(pn))}}function dn(t,e){if(t){for(var n=Object.create(null),r=lt?Reflect.ownKeys(t):Object.keys(t),o=0;o-1)if(i&&!_(o,"default"))a=!1;else if(""===a||a===j(t)){var c=zn(String,o.type);(c<0||s-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!d(t)&&t.test(e)}function Xn(t,e){var n=t.cache,r=t.keys,o=t._vnode;for(var i in n){var a=n[i];if(a){var s=a.name;s&&!e(s)&&Yn(n,i,r,o)}}}function Yn(t,e,n,r){var o=t[e];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[e]=null,x(n,e)}Wn.prototype._init=function(t){var e=this;e._uid=Vn++,e._isVue=!0,e.__v_skip=!0,e._scope=new Nt(!0),e._scope._vm=!0,t&&t._isComponent?function(t,e){var n=t.$options=Object.create(t.constructor.options),r=e._parentVnode;n.parent=e.parent,n._parentVnode=r;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}(e,t):e.$options=Sn(Hn(e.constructor),t||{},e),e._renderProxy=e,e._self=e,function(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._provided=n?n._provided:Object.create(null),t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(e),function(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&Ge(t,e)}(e),function(t){t._vnode=null,t._staticTrees=null;var e=t.$options,n=t.$vnode=e._parentVnode,o=n&&n.context;t.$slots=pe(e._renderChildren,o),t.$scopedSlots=n?he(t.$parent,n.data.scopedSlots,t.$slots):r,t._c=function(e,n,r,o){return ke(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return ke(t,e,n,r,o,!0)};var i=n&&n.data;$t(t,"$attrs",i&&i.attrs||r,null,!0),$t(t,"$listeners",e._parentListeners||r,null,!0)}(e),Qe(e,"beforeCreate",void 0,!1),function(t){var e=dn(t.$options.inject,t);e&&(Ot(!1),Object.keys(e).forEach((function(n){$t(t,n,e[n])})),Ot(!0))}(e),Rn(e),function(t){var e=t.$options.provide;if(e){var n=l(e)?e.call(t):e;if(!u(n))return;for(var r=Ft(t),o=lt?Reflect.ownKeys(n):Object.keys(n),i=0;i1?T(n):n;for(var r=T(arguments,1),o='event handler for "'.concat(t,'"'),i=0,a=n.length;iparseInt(this.max)&&Yn(t,e[0],e,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var t in this.cache)Yn(this.cache,t,this.keys)},mounted:function(){var t=this;this.cacheVNode(),this.$watch("include",(function(e){Xn(t,(function(t){return Kn(e,t)}))})),this.$watch("exclude",(function(e){Xn(t,(function(t){return!Kn(e,t)}))}))},updated:function(){this.cacheVNode()},render:function(){var t=this.$slots.default,e=Ee(t),n=e&&e.componentOptions;if(n){var r=Gn(n),o=this.include,i=this.exclude;if(o&&(!r||!Kn(o,r))||i&&r&&Kn(i,r))return e;var a=this.cache,s=this.keys,c=null==e.key?n.Ctor.cid+(n.tag?"::".concat(n.tag):""):e.key;a[c]?(e.componentInstance=a[c].componentInstance,x(s,c),s.push(c)):(this.vnodeToCache=e,this.keyToCache=c),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={get:function(){return F}};Object.defineProperty(t,"config",e),t.util={warn:_n,extend:$,mergeOptions:Sn,defineReactive:$t},t.set=Pt,t.delete=Bt,t.nextTick=Re,t.observable=function(t){return Tt(t),t},t.options=Object.create(null),D.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,$(t.options.components,Qn),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=T(arguments,1);return n.unshift(this),l(t.install)?t.install.apply(t,n):l(t)&&t.apply(null,n),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=Sn(this.options,t),this}}(t),Zn(t),function(t){D.forEach((function(e){t[e]=function(t,n){return n?("component"===e&&f(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&l(n)&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}}))}(t)}(Wn),Object.defineProperty(Wn.prototype,"$isServer",{get:it}),Object.defineProperty(Wn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Wn,"FunctionalRenderContext",{value:hn}),Wn.version="2.7.14";var tr=b("style,class"),er=b("input,textarea,option,select,progress"),nr=b("contenteditable,draggable,spellcheck"),rr=b("events,caret,typing,plaintext-only"),or=b("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),ir="http://www.w3.org/1999/xlink",ar=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},sr=function(t){return ar(t)?t.slice(6,t.length):""},cr=function(t){return null==t||!1===t};function lr(t){for(var e=t.data,n=t,r=t;a(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=ur(r.data,e));for(;a(n=n.parent);)n&&n.data&&(e=ur(e,n.data));return function(t,e){if(a(t)||a(e))return pr(t,fr(e));return""}(e.staticClass,e.class)}function ur(t,e){return{staticClass:pr(t.staticClass,e.staticClass),class:a(t.class)?[t.class,e.class]:e.class}}function pr(t,e){return t?e?t+" "+e:t:e||""}function fr(t){return Array.isArray(t)?function(t){for(var e,n="",r=0,o=t.length;r-1?Lr(t,e,n):or(e)?cr(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):nr(e)?t.setAttribute(e,function(t,e){return cr(e)||"false"===e?"false":"contenteditable"===t&&rr(e)?e:"true"}(e,n)):ar(e)?cr(n)?t.removeAttributeNS(ir,sr(e)):t.setAttributeNS(ir,e,n):Lr(t,e,n)}function Lr(t,e,n){if(cr(n))t.removeAttribute(e);else{if(X&&!Y&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==n&&!t.__ieph){var r=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(e,n)}}var Ur={create:Ir,update:Ir};function Rr(t,e){var n=e.elm,r=e.data,o=t.data;if(!(i(r.staticClass)&&i(r.class)&&(i(o)||i(o.staticClass)&&i(o.class)))){var s=lr(e),c=n._transitionClasses;a(c)&&(s=pr(s,fr(c))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}var Mr,Dr={create:Rr,update:Rr};function Nr(t,e,n){var r=Mr;return function o(){var i=e.apply(null,arguments);null!==i&&Vr(t,o,n,r)}}var Fr=Te&&!(et&&Number(et[1])<=53);function qr(t,e,n,r){if(Fr){var o=sn,i=e;e=i._wrapper=function(t){if(t.target===t.currentTarget||t.timeStamp>=o||t.timeStamp<=0||t.target.ownerDocument!==document)return i.apply(this,arguments)}}Mr.addEventListener(t,e,rt?{capture:n,passive:r}:n)}function Vr(t,e,n,r){(r||Mr).removeEventListener(t,e._wrapper||e,n)}function Hr(t,e){if(!i(t.data.on)||!i(e.data.on)){var n=e.data.on||{},r=t.data.on||{};Mr=e.elm||t.elm,function(t){if(a(t.__r)){var e=X?"change":"input";t[e]=[].concat(t.__r,t[e]||[]),delete t.__r}a(t.__c)&&(t.change=[].concat(t.__c,t.change||[]),delete t.__c)}(n),Ht(n,r,qr,Vr,Nr,e.context),Mr=void 0}}var Wr,Zr={create:Hr,update:Hr,destroy:function(t){return Hr(t,Er)}};function Gr(t,e){if(!i(t.data.domProps)||!i(e.data.domProps)){var n,r,o=e.elm,c=t.data.domProps||{},l=e.data.domProps||{};for(n in(a(l.__ob__)||s(l._v_attr_proxy))&&(l=e.data.domProps=$({},l)),c)n in l||(o[n]="");for(n in l){if(r=l[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),r===c[n])continue;1===o.childNodes.length&&o.removeChild(o.childNodes[0])}if("value"===n&&"PROGRESS"!==o.tagName){o._value=r;var u=i(r)?"":String(r);Kr(o,u)&&(o.value=u)}else if("innerHTML"===n&&vr(o.tagName)&&i(o.innerHTML)){(Wr=Wr||document.createElement("div")).innerHTML="".concat(r,"");for(var p=Wr.firstChild;o.firstChild;)o.removeChild(o.firstChild);for(;p.firstChild;)o.appendChild(p.firstChild)}else if(r!==c[n])try{o[n]=r}catch(t){}}}}function Kr(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}(t,e)||function(t,e){var n=t.value,r=t._vModifiers;if(a(r)){if(r.number)return m(n)!==m(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}(t,e))}var Xr={create:Gr,update:Gr},Yr=E((function(t){var e={},n=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){var r=t.split(n);r.length>1&&(e[r[0].trim()]=r[1].trim())}})),e}));function Jr(t){var e=Qr(t.style);return t.staticStyle?$(t.staticStyle,e):e}function Qr(t){return Array.isArray(t)?P(t):"string"==typeof t?Yr(t):t}var to,eo=/^--/,no=/\s*!important$/,ro=function(t,e,n){if(eo.test(e))t.style.setProperty(e,n);else if(no.test(n))t.style.setProperty(j(e),n.replace(no,""),"important");else{var r=io(e);if(Array.isArray(n))for(var o=0,i=n.length;o-1?e.split(co).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var n=" ".concat(t.getAttribute("class")||""," ");n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function uo(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(co).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" ".concat(t.getAttribute("class")||""," "),r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?t.setAttribute("class",n):t.removeAttribute("class")}}function po(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&$(e,fo(t.name||"v")),$(e,t),e}return"string"==typeof t?fo(t):void 0}}var fo=E((function(t){return{enterClass:"".concat(t,"-enter"),enterToClass:"".concat(t,"-enter-to"),enterActiveClass:"".concat(t,"-enter-active"),leaveClass:"".concat(t,"-leave"),leaveToClass:"".concat(t,"-leave-to"),leaveActiveClass:"".concat(t,"-leave-active")}})),ho=G&&!Y,vo="transition",go="transitionend",mo="animation",bo="animationend";ho&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(vo="WebkitTransition",go="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(mo="WebkitAnimation",bo="webkitAnimationEnd"));var yo=G?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()};function xo(t){yo((function(){yo(t)}))}function wo(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),lo(t,e))}function _o(t,e){t._transitionClasses&&x(t._transitionClasses,e),uo(t,e)}function Eo(t,e,n){var r=Co(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s="transition"===o?go:bo,c=0,l=function(){t.removeEventListener(s,u),n()},u=function(e){e.target===t&&++c>=a&&l()};setTimeout((function(){c0&&(n="transition",u=a,p=i.length):"animation"===e?l>0&&(n="animation",u=l,p=c.length):p=(n=(u=Math.max(a,l))>0?a>l?"transition":"animation":null)?"transition"===n?i.length:c.length:0,{type:n,timeout:u,propCount:p,hasTransform:"transition"===n&&ko.test(r[vo+"Property"])}}function Ao(t,e){for(;t.length1}function Po(t,e){!0!==e.data.show&&jo(e)}var Bo=function(t){var e,n,r={},l=t.modules,u=t.nodeOps;for(e=0;eh?x(t,i(n[m+1])?null:n[m+1].elm,n,d,m,r):d>m&&_(e,p,h)}(p,v,m,n,l):a(m)?(a(t.text)&&u.setTextContent(p,""),x(p,null,m,0,m.length-1,n)):a(v)?_(v,0,v.length-1):a(t.text)&&u.setTextContent(p,""):t.text!==e.text&&u.setTextContent(p,e.text),a(h)&&a(d=h.hook)&&a(d=d.postpatch)&&d(t,e)}}}function A(t,e,n){if(s(n)&&a(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r-1,a.selected!==i&&(a.selected=i);else if(L(Ro(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));o||(t.selectedIndex=-1)}}function Uo(t,e){return e.every((function(e){return!L(e,t)}))}function Ro(t){return"_value"in t?t._value:t.value}function Mo(t){t.target.composing=!0}function Do(t){t.target.composing&&(t.target.composing=!1,No(t.target,"input"))}function No(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function Fo(t){return!t.componentInstance||t.data&&t.data.transition?t:Fo(t.componentInstance._vnode)}var qo={model:Io,show:{bind:function(t,e,n){var r=e.value,o=(n=Fo(n)).data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o?(n.data.show=!0,jo(n,(function(){t.style.display=i}))):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;!r!=!e.oldValue&&((n=Fo(n)).data&&n.data.transition?(n.data.show=!0,r?jo(n,(function(){t.style.display=t.__vOriginalDisplay})):So(n,(function(){t.style.display="none"}))):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}}},Vo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Ho(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Ho(Ee(e.children)):t}function Wo(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var r in o)e[C(r)]=o[r];return e}function Zo(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}var Go=function(t){return t.tag||de(t)},Ko=function(t){return"show"===t.name},Xo={name:"transition",props:Vo,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(Go)).length){0;var r=this.mode;0;var o=n[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return o;var i=Ho(o);if(!i)return o;if(this._leaving)return Zo(t,o);var a="__transition-".concat(this._uid,"-");i.key=null==i.key?i.isComment?a+"comment":a+i.tag:c(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var s=(i.data||(i.data={})).transition=Wo(this),l=this._vnode,u=Ho(l);if(i.data.directives&&i.data.directives.some(Ko)&&(i.data.show=!0),u&&u.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(i,u)&&!de(u)&&(!u.componentInstance||!u.componentInstance._vnode.isComment)){var p=u.data.transition=$({},s);if("out-in"===r)return this._leaving=!0,Wt(p,"afterLeave",(function(){e._leaving=!1,e.$forceUpdate()})),Zo(t,o);if("in-out"===r){if(de(i))return l;var f,d=function(){f()};Wt(s,"afterEnter",d),Wt(s,"enterCancelled",d),Wt(p,"delayLeave",(function(t){f=t}))}}return o}}},Yo=$({tag:String,moveClass:String},Vo);function Jo(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function Qo(t){t.data.newPos=t.elm.getBoundingClientRect()}function ti(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate(".concat(r,"px,").concat(o,"px)"),i.transitionDuration="0s"}}delete Yo.mode;var ei={Transition:Xo,TransitionGroup:{props:Yo,beforeMount:function(){var t=this,e=this._update;this._update=function(n,r){var o=Xe(t);t.__patch__(t._vnode,t.kept,!1,!0),t._vnode=t.kept,o(),e.call(t,n,r)}},render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=Wo(this),s=0;s-1?mr[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:mr[t]=/HTMLUnknownElement/.test(e.toString())},$(Wn.options.directives,qo),$(Wn.options.components,ei),Wn.prototype.__patch__=G?Bo:B,Wn.prototype.$mount=function(t,e){return function(t,e,n){var r;t.$el=e,t.$options.render||(t.$options.render=dt),Qe(t,"beforeMount"),r=function(){t._update(t._render(),n)},new Ve(t,r,B,{before:function(){t._isMounted&&!t._isDestroyed&&Qe(t,"beforeUpdate")}},!0),n=!1;var o=t._preWatchers;if(o)for(var i=0;i=0&&(e=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}(o.path||""),l=e&&e.path||"/",u=c.path?_i(c.path,l,n||o.append):l,p=function(t,e,n){void 0===e&&(e={});var r,o=n||li;try{r=o(t||"")}catch(t){r={}}for(var i in e){var a=e[i];r[i]=Array.isArray(a)?a.map(ci):ci(a)}return r}(c.query,o.query,r&&r.options.parseQuery),f=o.hash||c.hash;return f&&"#"!==f.charAt(0)&&(f="#"+f),{_normalized:!0,path:u,query:p,hash:f}}var qi,Vi=function(){},Hi={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(t){var e=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,s=o.href,c={},l=n.options.linkActiveClass,u=n.options.linkExactActiveClass,p=null==l?"router-link-active":l,f=null==u?"router-link-exact-active":u,d=null==this.activeClass?p:this.activeClass,h=null==this.exactActiveClass?f:this.exactActiveClass,v=a.redirectedFrom?fi(null,Fi(a.redirectedFrom),null,n):a;c[h]=mi(r,v,this.exactPath),c[d]=this.exact||this.exactPath?c[h]:function(t,e){return 0===t.path.replace(pi,"/").indexOf(e.path.replace(pi,"/"))&&(!e.hash||t.hash===e.hash)&&function(t,e){for(var n in e)if(!(n in t))return!1;return!0}(t.query,e.query)}(r,v);var g=c[h]?this.ariaCurrentValue:null,m=function(t){Wi(t)&&(e.replace?n.replace(i,Vi):n.push(i,Vi))},b={click:Wi};Array.isArray(this.event)?this.event.forEach((function(t){b[t]=m})):b[this.event]=m;var y={class:c},x=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:s,route:a,navigate:m,isActive:c[d],isExactActive:c[h]});if(x){if(1===x.length)return x[0];if(x.length>1||!x.length)return 0===x.length?t():t("span",{},x)}if("a"===this.tag)y.on=b,y.attrs={href:s,"aria-current":g};else{var w=function t(e){var n;if(e)for(var r=0;r-1&&(s.params[f]=n.params[f]);return s.path=Ni(u.path,s.params),c(u,s,a)}if(s.path){s.params={};for(var d=0;d-1}function Ea(t,e){return _a(t)&&t._isRouter&&(null==e||t.type===e)}function ka(t,e,n){var r=function(o){o>=t.length?n():t[o]?e(t[o],(function(){r(o+1)})):r(o+1)};r(0)}function Ca(t){return function(e,n,r){var o=!1,i=0,a=null;Aa(t,(function(t,e,n,s){if("function"==typeof t&&void 0===t.cid){o=!0,i++;var c,l=Sa((function(e){var o;((o=e).__esModule||ja&&"Module"===o[Symbol.toStringTag])&&(e=e.default),t.resolved="function"==typeof e?e:qi.extend(e),n.components[s]=e,--i<=0&&r()})),u=Sa((function(t){var e="Failed to resolve async component "+s+": "+t;a||(a=_a(t)?t:new Error(e),r(a))}));try{c=t(l,u)}catch(t){u(t)}if(c)if("function"==typeof c.then)c.then(l,u);else{var p=c.component;p&&"function"==typeof p.then&&p.then(l,u)}}})),o||r()}}function Aa(t,e){return Oa(t.map((function(t){return Object.keys(t.components).map((function(n){return e(t.components[n],t.instances[n],t,n)}))})))}function Oa(t){return Array.prototype.concat.apply([],t)}var ja="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function Sa(t){var e=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!e)return e=!0,t.apply(this,n)}}var Ta=function(t,e){this.router=t,this.base=function(t){if(!t)if(Zi){var e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else t="/";"/"!==t.charAt(0)&&(t="/"+t);return t.replace(/\/$/,"")}(e),this.current=hi,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function $a(t,e,n,r){var o=Aa(t,(function(t,r,o,i){var a=function(t,e){"function"!=typeof t&&(t=qi.extend(t));return t.options[e]}(t,e);if(a)return Array.isArray(a)?a.map((function(t){return n(t,r,o,i)})):n(a,r,o,i)}));return Oa(r?o.reverse():o)}function Pa(t,e){if(e)return function(){return t.apply(e,arguments)}}Ta.prototype.listen=function(t){this.cb=t},Ta.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},Ta.prototype.onError=function(t){this.errorCbs.push(t)},Ta.prototype.transitionTo=function(t,e,n){var r,o=this;try{r=this.router.match(t,this.current)}catch(t){throw this.errorCbs.forEach((function(e){e(t)})),t}var i=this.current;this.confirmTransition(r,(function(){o.updateRoute(r),e&&e(r),o.ensureURL(),o.router.afterHooks.forEach((function(t){t&&t(r,i)})),o.ready||(o.ready=!0,o.readyCbs.forEach((function(t){t(r)})))}),(function(t){n&&n(t),t&&!o.ready&&(Ea(t,ma.redirected)&&i===hi||(o.ready=!0,o.readyErrorCbs.forEach((function(e){e(t)}))))}))},Ta.prototype.confirmTransition=function(t,e,n){var r=this,o=this.current;this.pending=t;var i,a,s=function(t){!Ea(t)&&_a(t)&&(r.errorCbs.length?r.errorCbs.forEach((function(e){e(t)})):console.error(t)),n&&n(t)},c=t.matched.length-1,l=o.matched.length-1;if(mi(t,o)&&c===l&&t.matched[c]===o.matched[l])return this.ensureURL(),t.hash&&ia(this.router,o,t,!1),s(((a=xa(i=o,t,ma.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",a));var u=function(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n0)){var e=this.router,n=e.options.scrollBehavior,r=ha&&n;r&&this.listeners.push(oa());var o=function(){var n=t.current,o=Ia(t.base);t.current===hi&&o===t._startLocation||t.transitionTo(o,(function(t){r&&ia(e,t,n,!0)}))};window.addEventListener("popstate",o),this.listeners.push((function(){window.removeEventListener("popstate",o)}))}},e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){va(Ei(r.base+t.fullPath)),ia(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){ga(Ei(r.base+t.fullPath)),ia(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.ensureURL=function(t){if(Ia(this.base)!==this.current.fullPath){var e=Ei(this.base+this.current.fullPath);t?va(e):ga(e)}},e.prototype.getCurrentLocation=function(){return Ia(this.base)},e}(Ta);function Ia(t){var e=window.location.pathname,n=e.toLowerCase(),r=t.toLowerCase();return!t||n!==r&&0!==n.indexOf(Ei(r+"/"))||(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}var za=function(t){function e(e,n,r){t.call(this,e,n),r&&function(t){var e=Ia(t);if(!/^\/#/.test(e))return window.location.replace(Ei(t+"/#"+e)),!0}(this.base)||La()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router.options.scrollBehavior,n=ha&&e;n&&this.listeners.push(oa());var r=function(){var e=t.current;La()&&t.transitionTo(Ua(),(function(r){n&&ia(t.router,r,e,!0),ha||Da(r.fullPath)}))},o=ha?"popstate":"hashchange";window.addEventListener(o,r),this.listeners.push((function(){window.removeEventListener(o,r)}))}},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){Ma(t.fullPath),ia(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){Da(t.fullPath),ia(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Ua()!==e&&(t?Ma(e):Da(e))},e.prototype.getCurrentLocation=function(){return Ua()},e}(Ta);function La(){var t=Ua();return"/"===t.charAt(0)||(Da("/"+t),!1)}function Ua(){var t=window.location.href,e=t.indexOf("#");return e<0?"":t=t.slice(e+1)}function Ra(t){var e=window.location.href,n=e.indexOf("#");return(n>=0?e.slice(0,n):e)+"#"+t}function Ma(t){ha?va(Ra(t)):window.location.hash=t}function Da(t){ha?ga(Ra(t)):window.location.replace(Ra(t))}var Na=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index).concat(t),e&&e(t)}),n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,(function(){var t=e.current;e.index=n,e.updateRoute(r),e.router.afterHooks.forEach((function(e){e&&e(r,t)}))}),(function(t){Ea(t,ma.duplicated)&&(e.index=n)}))}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Ta),Fa=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Xi(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!ha&&!1!==t.fallback,this.fallback&&(e="hash"),Zi||(e="abstract"),this.mode=e,e){case"history":this.history=new Ba(this,t.base);break;case"hash":this.history=new za(this,t.base,this.fallback);break;case"abstract":this.history=new Na(this,t.base);break;default:0}},qa={currentRoute:{configurable:!0}};Fa.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},qa.currentRoute.get=function(){return this.history&&this.history.current},Fa.prototype.init=function(t){var e=this;if(this.apps.push(t),t.$once("hook:destroyed",(function(){var n=e.apps.indexOf(t);n>-1&&e.apps.splice(n,1),e.app===t&&(e.app=e.apps[0]||null),e.app||e.history.teardown()})),!this.app){this.app=t;var n=this.history;if(n instanceof Ba||n instanceof za){var r=function(t){n.setupListeners(),function(t){var r=n.current,o=e.options.scrollBehavior;ha&&o&&"fullPath"in t&&ia(e,t,r,!1)}(t)};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen((function(t){e.apps.forEach((function(e){e._route=t}))}))}},Fa.prototype.beforeEach=function(t){return Ha(this.beforeHooks,t)},Fa.prototype.beforeResolve=function(t){return Ha(this.resolveHooks,t)},Fa.prototype.afterEach=function(t){return Ha(this.afterHooks,t)},Fa.prototype.onReady=function(t,e){this.history.onReady(t,e)},Fa.prototype.onError=function(t){this.history.onError(t)},Fa.prototype.push=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.push(t,e,n)}));this.history.push(t,e,n)},Fa.prototype.replace=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.replace(t,e,n)}));this.history.replace(t,e,n)},Fa.prototype.go=function(t){this.history.go(t)},Fa.prototype.back=function(){this.go(-1)},Fa.prototype.forward=function(){this.go(1)},Fa.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map((function(t){return Object.keys(t.components).map((function(e){return t.components[e]}))}))):[]},Fa.prototype.resolve=function(t,e,n){var r=Fi(t,e=e||this.history.current,n,this),o=this.match(r,e),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:function(t,e,n){var r="hash"===n?"#"+e:e;return t?Ei(t+"/"+r):r}(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},Fa.prototype.getRoutes=function(){return this.matcher.getRoutes()},Fa.prototype.addRoute=function(t,e){this.matcher.addRoute(t,e),this.history.current!==hi&&this.history.transitionTo(this.history.getCurrentLocation())},Fa.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==hi&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(Fa.prototype,qa);var Va=Fa;function Ha(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}Fa.install=function t(e){if(!t.installed||qi!==e){t.installed=!0,qi=e;var n=function(t){return void 0!==t},r=function(t,e){var r=t.$options._parentVnode;n(r)&&n(r=r.data)&&n(r=r.registerRouteInstance)&&r(t,e)};e.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),e.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,r(this,this)},destroyed:function(){r(this)}}),Object.defineProperty(e.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(e.prototype,"$route",{get:function(){return this._routerRoot._route}}),e.component("RouterView",xi),e.component("RouterLink",Hi);var o=e.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},Fa.version="3.6.5",Fa.isNavigationFailure=Ea,Fa.NavigationFailureType=ma,Fa.START_LOCATION=hi,Zi&&window.Vue&&window.Vue.use(Fa);n(104);n(16),n(130);var Wa={NotFound:()=>Promise.all([n.e(0),n.e(5)]).then(n.bind(null,335)),Layout:()=>Promise.all([n.e(0),n.e(3),n.e(2)]).then(n.bind(null,334))},Za={"v-6a908b7f":()=>n.e(6).then(n.bind(null,336)),"v-31463b34":()=>n.e(7).then(n.bind(null,337)),"v-d802fea6":()=>n.e(14).then(n.bind(null,338)),"v-782bf4d4":()=>n.e(9).then(n.bind(null,339)),"v-5b9dd156":()=>n.e(10).then(n.bind(null,340)),"v-189fb43f":()=>n.e(8).then(n.bind(null,341)),"v-2f38258f":()=>n.e(15).then(n.bind(null,342)),"v-58015673":()=>n.e(12).then(n.bind(null,343)),"v-03fabaac":()=>n.e(13).then(n.bind(null,344)),"v-4d88bfbc":()=>n.e(16).then(n.bind(null,345)),"v-61409c18":()=>n.e(11).then(n.bind(null,346)),"v-59dd0e26":()=>n.e(17).then(n.bind(null,347)),"v-83223268":()=>n.e(18).then(n.bind(null,348)),"v-5f865698":()=>n.e(19).then(n.bind(null,349)),"v-5c90a346":()=>n.e(20).then(n.bind(null,350)),"v-552aa84b":()=>n.e(21).then(n.bind(null,351)),"v-2277578e":()=>n.e(24).then(n.bind(null,352)),"v-ff2a8f1c":()=>n.e(23).then(n.bind(null,353)),"v-84c9d3ca":()=>n.e(27).then(n.bind(null,354)),"v-e2533030":()=>n.e(22).then(n.bind(null,355)),"v-42b277e4":()=>n.e(28).then(n.bind(null,356)),"v-e6e84c9a":()=>n.e(26).then(n.bind(null,357)),"v-5164f98a":()=>n.e(29).then(n.bind(null,358)),"v-316fd466":()=>n.e(30).then(n.bind(null,359)),"v-47d1670c":()=>n.e(25).then(n.bind(null,360)),"v-70636987":()=>n.e(32).then(n.bind(null,361)),"v-eed62f9a":()=>n.e(33).then(n.bind(null,362)),"v-29776568":()=>n.e(31).then(n.bind(null,363))};function Ga(t){const e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}const Ka=/-(\w)/g,Xa=Ga(t=>t.replace(Ka,(t,e)=>e?e.toUpperCase():"")),Ya=/\B([A-Z])/g,Ja=Ga(t=>t.replace(Ya,"-$1").toLowerCase()),Qa=Ga(t=>t.charAt(0).toUpperCase()+t.slice(1));function ts(t,e){if(!e)return;if(t(e))return t(e);return e.includes("-")?t(Qa(Xa(e))):t(Qa(e))||t(Ja(e))}const es=Object.assign({},Wa,Za),ns=t=>es[t],rs=t=>Za[t],os=t=>Wa[t],is=t=>Wn.component(t);function as(t){return ts(rs,t)}function ss(t){return ts(os,t)}function cs(t){return ts(ns,t)}function ls(t){return ts(is,t)}function us(...t){return Promise.all(t.filter(t=>t).map(async t=>{if(!ls(t)&&cs(t)){const e=await cs(t)();Wn.component(t,e.default)}}))}function ps(t,e){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[t]=e)}var fs=n(92),ds=n.n(fs),hs=n(93),vs=n.n(hs),gs={created(){if(this.siteMeta=this.$site.headTags.filter(([t])=>"meta"===t).map(([t,e])=>e),this.$ssrContext){const e=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(t=e)?t.map(t=>{let e="{e+=` ${n}="${vs()(t[n])}"`}),e+">"}).join("\n "):"",this.$ssrContext.canonicalLink=bs(this.$canonicalUrl)}var t},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const t=this.getMergedMetaTags();this.currentMetaTags=ys(t,this.currentMetaTags)},getMergedMetaTags(){const t=this.$page.frontmatter.meta||[];return ds()([{name:"description",content:this.$description}],t,this.siteMeta,xs)},updateCanonicalLink(){ms(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",bs(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){ys(null,this.currentMetaTags),ms()}};function ms(){const t=document.querySelector("link[rel='canonical']");t&&t.remove()}function bs(t=""){return t?``:""}function ys(t,e){if(e&&[...e].filter(t=>t.parentNode===document.head).forEach(t=>document.head.removeChild(t)),t)return t.map(t=>{const e=document.createElement("meta");return Object.keys(t).forEach(n=>{e.setAttribute(n,t[n])}),document.head.appendChild(e),e})}function xs(t){for(const e of["name","property","itemprop"])if(t.hasOwnProperty(e))return t[e]+e;return JSON.stringify(t)}var ws=n(50),_s={mounted(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:n.n(ws)()((function(){this.setActiveHash()}),300),setActiveHash(){const t=[].slice.call(document.querySelectorAll(".sidebar-link")),e=[].slice.call(document.querySelectorAll(".header-anchor")).filter(e=>t.some(t=>t.hash===e.hash)),n=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),r=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),o=window.innerHeight+n;for(let t=0;t=i.parentElement.offsetTop+10&&(!a||n{this.$nextTick(()=>{this.$vuepress.$set("disableScrollBehavior",!1)})})}}}},beforeDestroy(){window.removeEventListener("scroll",this.onScroll)}},Es=n(24),ks=n.n(Es),Cs={mounted(){ks.a.configure({showSpinner:!1}),this.$router.beforeEach((t,e,n)=>{t.path===e.path||Wn.component(t.name)||ks.a.start(),n()}),this.$router.afterEach(()=>{ks.a.done(),this.isSidebarOpen=!1})}};n(239),n(240);class As{constructor(){this.containerEl=document.getElementById("message-container"),this.containerEl||(this.containerEl=document.createElement("div"),this.containerEl.id="message-container",document.body.appendChild(this.containerEl))}show({text:t="",duration:e=3e3}){let n=document.createElement("div");n.className="message move-in",n.innerHTML=`\n \n \n \n
${t}
\n `,this.containerEl.appendChild(n),e>0&&setTimeout(()=>{this.close(n)},e)}close(t){t.className=t.className.replace("move-in",""),t.className+="move-out",t.addEventListener("animationend",()=>{t.remove()})}}var Os={mounted(){!!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||this.updateCopy()},updated(){!!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||this.updateCopy()},methods:{updateCopy(){setTimeout(()=>{(['div[class*="language-"] pre','div[class*="aside-code"] aside']instanceof Array||Array.isArray(['div[class*="language-"] pre','div[class*="aside-code"] aside']))&&['div[class*="language-"] pre','div[class*="aside-code"] aside'].forEach(t=>{document.querySelectorAll(t).forEach(this.generateCopyButton)})},1e3)},generateCopyButton(t){if(t.classList.contains("codecopy-enabled"))return;const e=document.createElement("i");e.className="code-copy",e.innerHTML='',e.title="Copy to clipboard",e.addEventListener("click",()=>{this.copyToClipboard(t.innerText)}),t.appendChild(e),t.classList.add("codecopy-enabled")},copyToClipboard(t){const e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e);const n=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);e.select(),document.execCommand("copy");(new As).show({text:"复制成功",duration:1e3}),document.body.removeChild(e),n&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(n))}}},js="auto",Ss="zoom-in",Ts="zoom-out",$s="grab",Ps="move";function Bs(t,e,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o={passive:!1};r?t.addEventListener(e,n,o):t.removeEventListener(e,n,o)}function Is(t,e){if(t){var n=new Image;n.onload=function(){e&&e(n)},n.src=t}}function zs(t){return t.dataset.original?t.dataset.original:"A"===t.parentNode.tagName?t.parentNode.getAttribute("href"):null}function Ls(t,e,n){!function(t){var e=Us,n=Rs;if(t.transition){var r=t.transition;delete t.transition,t[e]=r}if(t.transform){var o=t.transform;delete t.transform,t[n]=o}}(e);var r=t.style,o={};for(var i in e)n&&(o[i]=r[i]||""),r[i]=e[i];return o}var Us="transition",Rs="transform",Ms="transform",Ds="transitionend";var Ns=function(){},Fs={enableGrab:!0,preloadImage:!1,closeOnWindowResize:!0,transitionDuration:.4,transitionTimingFunction:"cubic-bezier(0.4, 0, 0, 1)",bgColor:"rgb(255, 255, 255)",bgOpacity:1,scaleBase:1,scaleExtra:.5,scrollThreshold:40,zIndex:998,customSize:null,onOpen:Ns,onClose:Ns,onGrab:Ns,onMove:Ns,onRelease:Ns,onBeforeOpen:Ns,onBeforeClose:Ns,onBeforeGrab:Ns,onBeforeRelease:Ns,onImageLoading:Ns,onImageLoaded:Ns},qs={init:function(t){var e,n;e=this,n=t,Object.getOwnPropertyNames(Object.getPrototypeOf(e)).forEach((function(t){e[t]=e[t].bind(n)}))},click:function(t){if(t.preventDefault(),Hs(t))return window.open(this.target.srcOriginal||t.currentTarget.src,"_blank");this.shown?this.released?this.close():this.release():this.open(t.currentTarget)},scroll:function(){var t=document.documentElement||document.body.parentNode||document.body,e=window.pageXOffset||t.scrollLeft,n=window.pageYOffset||t.scrollTop;null===this.lastScrollPosition&&(this.lastScrollPosition={x:e,y:n});var r=this.lastScrollPosition.x-e,o=this.lastScrollPosition.y-n,i=this.options.scrollThreshold;(Math.abs(o)>=i||Math.abs(r)>=i)&&(this.lastScrollPosition=null,this.close())},keydown:function(t){(function(t){return"Escape"===(t.key||t.code)||27===t.keyCode})(t)&&(this.released?this.close():this.release(this.close))},mousedown:function(t){if(Vs(t)&&!Hs(t)){t.preventDefault();var e=t.clientX,n=t.clientY;this.pressTimer=setTimeout(function(){this.grab(e,n)}.bind(this),200)}},mousemove:function(t){this.released||this.move(t.clientX,t.clientY)},mouseup:function(t){Vs(t)&&!Hs(t)&&(clearTimeout(this.pressTimer),this.released?this.close():this.release())},touchstart:function(t){t.preventDefault();var e=t.touches[0],n=e.clientX,r=e.clientY;this.pressTimer=setTimeout(function(){this.grab(n,r)}.bind(this),200)},touchmove:function(t){if(!this.released){var e=t.touches[0],n=e.clientX,r=e.clientY;this.move(n,r)}},touchend:function(t){(function(t){t.targetTouches.length})(t)||(clearTimeout(this.pressTimer),this.released?this.close():this.release())},clickOverlay:function(){this.close()},resizeWindow:function(){this.close()}};function Vs(t){return 0===t.button}function Hs(t){return t.metaKey||t.ctrlKey}var Ws={init:function(t){this.el=document.createElement("div"),this.instance=t,this.parent=document.body,Ls(this.el,{position:"fixed",top:0,left:0,right:0,bottom:0,opacity:0}),this.updateStyle(t.options),Bs(this.el,"click",t.handler.clickOverlay.bind(t))},updateStyle:function(t){Ls(this.el,{zIndex:t.zIndex,backgroundColor:t.bgColor,transition:"opacity\n "+t.transitionDuration+"s\n "+t.transitionTimingFunction})},insert:function(){this.parent.appendChild(this.el)},remove:function(){this.parent.removeChild(this.el)},fadeIn:function(){this.el.offsetWidth,this.el.style.opacity=this.instance.options.bgOpacity},fadeOut:function(){this.el.style.opacity=0}},Zs="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Gs=function(){function t(t,e){for(var n=0;nv||f>g)return{x:v,y:g}}return{x:f,y:f}}};function Ys(){var t=document.documentElement;return{x:Math.min(t.clientWidth,window.innerWidth)/2,y:Math.min(t.clientHeight,window.innerHeight)/2}}function Js(t,e,n){["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"].forEach((function(r){Bs(t,r,e[r],n)}))}var Qs=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.target=Object.create(Xs),this.overlay=Object.create(Ws),this.handler=Object.create(qs),this.body=document.body,this.shown=!1,this.lock=!1,this.released=!0,this.lastScrollPosition=null,this.pressTimer=null,this.options=Ks({},Fs,e),this.overlay.init(this),this.handler.init(this)}return Gs(t,[{key:"listen",value:function(t){if("string"==typeof t)for(var e=document.querySelectorAll(t),n=e.length;n--;)this.listen(e[n]);else"IMG"===t.tagName&&(t.style.cursor=Ss,Bs(t,"click",this.handler.click),this.options.preloadImage&&Is(zs(t)));return this}},{key:"config",value:function(t){return t?(Ks(this.options,t),this.overlay.updateStyle(this.options),this):this.options}},{key:"open",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.options.onOpen;if(!this.shown&&!this.lock){var r="string"==typeof t?document.querySelector(t):t;if("IMG"===r.tagName){if(this.options.onBeforeOpen(r),this.target.init(r,this),!this.options.preloadImage){var o=this.target.srcOriginal;null!=o&&(this.options.onImageLoading(r),Is(o,this.options.onImageLoaded))}this.shown=!0,this.lock=!0,this.target.zoomIn(),this.overlay.insert(),this.overlay.fadeIn(),Bs(document,"scroll",this.handler.scroll),Bs(document,"keydown",this.handler.keydown),this.options.closeOnWindowResize&&Bs(window,"resize",this.handler.resizeWindow);var i=function t(){Bs(r,Ds,t,!1),e.lock=!1,e.target.upgradeSource(),e.options.enableGrab&&Js(document,e.handler,!0),n(r)};return Bs(r,Ds,i),this}}}},{key:"close",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onClose;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeClose(n),this.lock=!0,this.body.style.cursor=js,this.overlay.fadeOut(),this.target.zoomOut(),Bs(document,"scroll",this.handler.scroll,!1),Bs(document,"keydown",this.handler.keydown,!1),this.options.closeOnWindowResize&&Bs(window,"resize",this.handler.resizeWindow,!1);var r=function r(){Bs(n,Ds,r,!1),t.shown=!1,t.lock=!1,t.target.downgradeSource(),t.options.enableGrab&&Js(document,t.handler,!1),t.target.restoreCloseStyle(),t.overlay.remove(),e(n)};return Bs(n,Ds,r),this}}},{key:"grab",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onGrab;if(this.shown&&!this.lock){var o=this.target.el;this.options.onBeforeGrab(o),this.released=!1,this.target.grab(t,e,n);var i=function t(){Bs(o,Ds,t,!1),r(o)};return Bs(o,Ds,i),this}}},{key:"move",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onMove;if(this.shown&&!this.lock){this.released=!1,this.body.style.cursor=Ps,this.target.move(t,e,n);var o=this.target.el,i=function t(){Bs(o,Ds,t,!1),r(o)};return Bs(o,Ds,i),this}}},{key:"release",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onRelease;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeRelease(n),this.lock=!0,this.body.style.cursor=js,this.target.restoreOpenStyle();var r=function r(){Bs(n,Ds,r,!1),t.lock=!1,t.released=!0,e(n)};return Bs(n,Ds,r),this}}}]),t}();const tc=JSON.parse('{"bgColor":"rgba(0,0,0,0.6)"}'),ec=Number("500");class nc{constructor(){this.instance=new Qs(tc)}update(t=".theme-vdoing-content img:not(.no-zoom)"){"undefined"!=typeof window&&this.instance.listen(t)}updateDelay(t=".theme-vdoing-content img:not(.no-zoom)",e=ec){setTimeout(()=>this.update(t),e)}}var rc=[gs,_s,Cs,Os,{watch:{"$page.path"(){void 0!==this.$vuepress.zooming&&this.$vuepress.zooming.updateDelay()}},mounted(){this.$vuepress.zooming=new nc,this.$vuepress.zooming.updateDelay()}}],oc={name:"GlobalLayout",computed:{layout(){const t=this.getLayout();return ps("layout",t),Wn.component(t)}},methods:{getLayout(){if(this.$page.path){const t=this.$page.frontmatter.layout;return t&&(this.$vuepress.getLayoutAsyncComponent(t)||this.$vuepress.getVueComponent(t))?t:"Layout"}return"NotFound"}}},ic=n(7),ac=Object(ic.a)(oc,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(t,e,n){switch(e){case"components":t[e]||(t[e]={}),Object.assign(t[e],n);break;case"mixins":t[e]||(t[e]=[]),t[e].push(...n);break;default:throw new Error("Unknown option name.")}}(ac,"mixins",rc);const sc=[{name:"v-6a908b7f",path:"/pages/base/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-6a908b7f").then(n)}},{path:"/pages/base/index.html",redirect:"/pages/base/"},{path:"/10.文档/10.快速开始/10.介绍.html",redirect:"/pages/base/"},{name:"v-31463b34",path:"/pages/baseStart/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-31463b34").then(n)}},{path:"/pages/baseStart/index.html",redirect:"/pages/baseStart/"},{path:"/10.文档/10.快速开始/20.快速使用.html",redirect:"/pages/baseStart/"},{name:"v-d802fea6",path:"/pages/basics/avatar/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-d802fea6").then(n)}},{path:"/pages/basics/avatar/index.html",redirect:"/pages/basics/avatar/"},{path:"/10.文档/20.基础元素/70.头像.html",redirect:"/pages/basics/avatar/"},{name:"v-782bf4d4",path:"/pages/basics/background/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-782bf4d4").then(n)}},{path:"/pages/basics/background/index.html",redirect:"/pages/basics/background/"},{path:"/10.文档/20.基础元素/20.背景.html",redirect:"/pages/basics/background/"},{name:"v-5b9dd156",path:"/pages/basics/text/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-5b9dd156").then(n)}},{path:"/pages/basics/text/index.html",redirect:"/pages/basics/text/"},{path:"/10.文档/20.基础元素/30.文本.html",redirect:"/pages/basics/text/"},{name:"v-189fb43f",path:"/pages/basics/layout/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-189fb43f").then(n)}},{path:"/pages/basics/layout/index.html",redirect:"/pages/basics/layout/"},{path:"/10.文档/20.基础元素/10.布局.html",redirect:"/pages/basics/layout/"},{name:"v-2f38258f",path:"/pages/basics/progress/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-2f38258f").then(n)}},{path:"/pages/basics/progress/index.html",redirect:"/pages/basics/progress/"},{path:"/10.文档/20.基础元素/80.进度条.html",redirect:"/pages/basics/progress/"},{name:"v-58015673",path:"/pages/basics/button/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-58015673").then(n)}},{path:"/pages/basics/button/index.html",redirect:"/pages/basics/button/"},{path:"/10.文档/20.基础元素/50.按钮.html",redirect:"/pages/basics/button/"},{name:"v-03fabaac",path:"/pages/basics/tag/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-03fabaac").then(n)}},{path:"/pages/basics/tag/index.html",redirect:"/pages/basics/tag/"},{path:"/10.文档/20.基础元素/60.标签.html",redirect:"/pages/basics/tag/"},{name:"v-4d88bfbc",path:"/pages/basics/shadow/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-4d88bfbc").then(n)}},{path:"/pages/basics/shadow/index.html",redirect:"/pages/basics/shadow/"},{path:"/10.文档/20.基础元素/90.边框阴影.html",redirect:"/pages/basics/shadow/"},{name:"v-61409c18",path:"/pages/basics/icon/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-61409c18").then(n)}},{path:"/pages/basics/icon/index.html",redirect:"/pages/basics/icon/"},{path:"/10.文档/20.基础元素/40.图标.html",redirect:"/pages/basics/icon/"},{name:"v-59dd0e26",path:"/pages/basics/loading/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-59dd0e26").then(n)}},{path:"/pages/basics/loading/index.html",redirect:"/pages/basics/loading/"},{path:"/10.文档/20.基础元素/91.加载.html",redirect:"/pages/basics/loading/"},{name:"v-83223268",path:"/pages/component/bar/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-83223268").then(n)}},{path:"/pages/component/bar/index.html",redirect:"/pages/component/bar/"},{path:"/10.文档/30.交互组件/10.操作条.html",redirect:"/pages/component/bar/"},{name:"v-5f865698",path:"/pages/component/nav/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-5f865698").then(n)}},{path:"/pages/component/nav/index.html",redirect:"/pages/component/nav/"},{path:"/10.文档/30.交互组件/20.导航栏.html",redirect:"/pages/component/nav/"},{name:"v-5c90a346",path:"/pages/component/list/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-5c90a346").then(n)}},{path:"/pages/component/list/index.html",redirect:"/pages/component/list/"},{path:"/10.文档/30.交互组件/30.列表.html",redirect:"/pages/component/list/"},{name:"v-552aa84b",path:"/pages/component/card/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-552aa84b").then(n)}},{path:"/pages/component/card/index.html",redirect:"/pages/component/card/"},{path:"/10.文档/30.交互组件/40.卡片.html",redirect:"/pages/component/card/"},{name:"v-2277578e",path:"/pages/component/chat/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-2277578e").then(n)}},{path:"/pages/component/chat/index.html",redirect:"/pages/component/chat/"},{path:"/10.文档/30.交互组件/70.聊天.html",redirect:"/pages/component/chat/"},{name:"v-ff2a8f1c",path:"/pages/component/timeline/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-ff2a8f1c").then(n)}},{path:"/pages/component/timeline/index.html",redirect:"/pages/component/timeline/"},{path:"/10.文档/30.交互组件/60.时间轴.html",redirect:"/pages/component/timeline/"},{name:"v-84c9d3ca",path:"/pages/component/steps/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-84c9d3ca").then(n)}},{path:"/pages/component/steps/index.html",redirect:"/pages/component/steps/"},{path:"/10.文档/30.交互组件/91.步骤条.html",redirect:"/pages/component/steps/"},{name:"v-e2533030",path:"/pages/component/form/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-e2533030").then(n)}},{path:"/pages/component/form/index.html",redirect:"/pages/component/form/"},{path:"/10.文档/30.交互组件/50.表单.html",redirect:"/pages/component/form/"},{name:"v-42b277e4",path:"/pages/plugin/indexes/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-42b277e4").then(n)}},{path:"/pages/plugin/indexes/index.html",redirect:"/pages/plugin/indexes/"},{path:"/10.文档/40.插件扩展/10.索引列表.html",redirect:"/pages/plugin/indexes/"},{name:"v-e6e84c9a",path:"/pages/component/modal/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-e6e84c9a").then(n)}},{path:"/pages/component/modal/index.html",redirect:"/pages/component/modal/"},{path:"/10.文档/30.交互组件/90.模态框.html",redirect:"/pages/component/modal/"},{name:"v-5164f98a",path:"/pages/plugin/animation/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-5164f98a").then(n)}},{path:"/pages/plugin/animation/index.html",redirect:"/pages/plugin/animation/"},{path:"/10.文档/40.插件扩展/20.微动画.html",redirect:"/pages/plugin/animation/"},{name:"v-316fd466",path:"/pages/plugin/drawer/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-316fd466").then(n)}},{path:"/pages/plugin/drawer/index.html",redirect:"/pages/plugin/drawer/"},{path:"/10.文档/40.插件扩展/30.全屏抽屉.html",redirect:"/pages/plugin/drawer/"},{name:"v-47d1670c",path:"/pages/component/swiper/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-47d1670c").then(n)}},{path:"/pages/component/swiper/index.html",redirect:"/pages/component/swiper/"},{path:"/10.文档/30.交互组件/80.轮播.html",redirect:"/pages/component/swiper/"},{name:"v-70636987",path:"/archives/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-70636987").then(n)}},{path:"/archives/index.html",redirect:"/archives/"},{path:"/@pages/archivesPage.html",redirect:"/archives/"},{name:"v-eed62f9a",path:"/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-eed62f9a").then(n)}},{path:"/index.html",redirect:"/"},{name:"v-29776568",path:"/pages/plugin/verticalnav/",component:ac,beforeEnter:(t,e,n)=>{us("Layout","v-29776568").then(n)}},{path:"/pages/plugin/verticalnav/index.html",redirect:"/pages/plugin/verticalnav/"},{path:"/10.文档/40.插件扩展/40.垂直导航.html",redirect:"/pages/plugin/verticalnav/"},{path:"*",component:ac}],cc={title:"ColorUI 使用文档",description:"ColorUI 使用文档",base:"/colorui-document/",headTags:[["link",{rel:"icon",href:"/colorui-document/img/colorui-logo.png"}],["meta",{name:"keywords",content:"前端,uniapp,uni,插件市场,color,colorui,color文档,colorui文档,colorui文档"}],["meta",{name:"theme-color",content:"#11a8cd"}]],pages:[{title:"介绍",frontmatter:{title:"介绍",date:"2023-05-28T09:51:38.000Z",permalink:"/pages/base",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/10.%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/10.%E4%BB%8B%E7%BB%8D.html",relativePath:"10.文档/10.快速开始/10.介绍.md",key:"v-6a908b7f",path:"/pages/base/",headers:[{level:2,title:"基本介绍",slug:"基本介绍",normalizedTitle:"基本介绍",charIndex:83},{level:2,title:"文档说明",slug:"文档说明",normalizedTitle:"文档说明",charIndex:280},{level:3,title:"视图/目录 切换",slug:"视图-目录-切换",normalizedTitle:"视图/目录 切换",charIndex:436}],headersStr:"基本介绍 文档说明 视图/目录 切换",content:"温馨提示\n\n本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用\n\n\n# 基本介绍\n\nColor UI 我想大家都知晓吧，我就不过多阐述了，是 文晓港 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的 Css 组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可 Color UI，很多人用 Color UI 做了不少精美的项目，我也一样，在此再次感谢作者。\n\nColorUI Github地址\n\nColorUI 插件市场\n\n\n# 文档说明\n\n文档左侧目录，基础元素、交互组件、插件扩展分别对应，Color UI 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。\n\n每一个页面，会分别将对应的代码块展示出来，部分对应的页面最下方点击点此查看页面原代码即可查看对应页面的完整代码。\n\n\n# 视图/目录 切换\n\n点击h5预览模板左上角的切换视图，可以切换目录/视图",normalizedContent:"温馨提示\n\n本文档并非是官方文档，而是本人自己经常使用 color ui，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用\n\n\n# 基本介绍\n\ncolor ui 我想大家都知晓吧，我就不过多阐述了，是 文晓港 大佬开发的一款适应于h5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的 css 组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可 color ui，很多人用 color ui 做了不少精美的项目，我也一样，在此再次感谢作者。\n\ncolorui github地址\n\ncolorui 插件市场\n\n\n# 文档说明\n\n文档左侧目录，基础元素、交互组件、插件扩展分别对应，color ui 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。\n\n每一个页面，会分别将对应的代码块展示出来，部分对应的页面最下方点击点此查看页面原代码即可查看对应页面的完整代码。\n\n\n# 视图/目录 切换\n\n点击h5预览模板左上角的切换视图，可以切换目录/视图",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"快速使用",frontmatter:{title:"快速使用",date:"2023-05-28T10:28:38.000Z",permalink:"/pages/baseStart",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/10.%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/20.%E5%BF%AB%E9%80%9F%E4%BD%BF%E7%94%A8.html",relativePath:"10.文档/10.快速开始/20.快速使用.md",key:"v-31463b34",path:"/pages/baseStart/",headers:[{level:2,title:"素材",slug:"素材",normalizedTitle:"素材",charIndex:2},{level:2,title:"前言",slug:"前言",normalizedTitle:"前言",charIndex:72},{level:2,title:"交流",slug:"交流",normalizedTitle:"交流",charIndex:149},{level:2,title:"使用UniApp开发",slug:"使用uniapp开发",normalizedTitle:"使用uniapp开发",charIndex:213},{level:3,title:"开始",slug:"开始",normalizedTitle:"开始",charIndex:228},{level:3,title:"使用自定义导航栏",slug:"使用自定义导航栏",normalizedTitle:"使用自定义导航栏",charIndex:442},{level:2,title:"使用原生小程序开发",slug:"使用原生小程序开发",normalizedTitle:"使用原生小程序开发",charIndex:1899},{level:3,title:"从现有项目开始",slug:"从现有项目开始",normalizedTitle:"从现有项目开始",charIndex:1913},{level:3,title:"从新项目开始",slug:"从新项目开始",normalizedTitle:"从新项目开始",charIndex:2107},{level:3,title:"使用自定义导航栏",slug:"使用自定义导航栏-2",normalizedTitle:"使用自定义导航栏",charIndex:442}],headersStr:"素材 前言 交流 使用UniApp开发 开始 使用自定义导航栏 使用原生小程序开发 从现有项目开始 从新项目开始 使用自定义导航栏",content:'# 素材\n\nColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！ 语雀-ColorUI群资源\n\n\n# 前言\n\nColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。\n\n\n# 交流\n\n微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。\n\n\n\n\n# 使用UniApp开发\n\n\n# 开始\n\n下载源码解压获得/Colorui-UniApp文件夹，复制目录下的 /colorui 文件夹到你的项目根目录\n\nApp.vue` 引入关键Css `main.css` `icon.css\n\n\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\nApp.vue 获得系统信息\n\nonLaunch: function() {\n uni.getSystemInfo({\n success: function(e) {\n // #ifndef MP\n Vue.prototype.StatusBar = e.statusBarHeight;\n if (e.platform == \'android\') {\n Vue.prototype.CustomBar = e.statusBarHeight + 50;\n } else {\n Vue.prototype.CustomBar = e.statusBarHeight + 45;\n };\n // #endif\n // #ifdef MP-WEIXIN\n Vue.prototype.StatusBar = e.statusBarHeight;\n let custom = wx.getMenuButtonBoundingClientRect();\n Vue.prototype.Custom = custom;\n Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;\n // #endif\t\t\n // #ifdef MP-ALIPAY\n Vue.prototype.StatusBar = e.statusBarHeight;\n Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;\n // #endif\n }\n })\n},\n\n\npages.json 配置取消系统导航栏\n\n"globalStyle": {\n "navigationStyle": "custom"\n},\n\n\n复制代码结构可以直接使用，注意全局变量的获取。\n\n使用封装,在main.js 引入 cu-custom 组件。\n\nimport cuCustom from \'./colorui/components/cu-custom.vue\'\nVue.component(\'cu-custom\',cuCustom)\n\n\npage.vue 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgColor 背景颜色类名 String \'\'\nisBack 是否开启返回 Boolean false\nbgImage 背景图片路径 String \'\'\n\nSLOT块 作用\nbackText 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)\n\n\n# 使用原生小程序开发\n\n\n# 从现有项目开始\n\n下载源码解压获得/demo，复制目录下的 /colorui 文件夹到你的项目根目录\n\nApp.wxss` 引入关键Css `main.wxss` `icon.wxss\n@import "colorui/main.wxss";\n@import "colorui/icon.wxss";\n@import "app.css"; /* 你的项目css */\n....\n\n\n\n# 从新项目开始\n\n下载源码解压获得/template，复制/template并重命名为你的项目，导入到小程序开发工具既可以开始你的新项目了\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\nApp.js 获得系统信息\n\nonLaunch: function() {\n wx.getSystemInfo({\n success: e => {\n this.globalData.StatusBar = e.statusBarHeight;\n let custom = wx.getMenuButtonBoundingClientRect();\n this.globalData.Custom = custom; \n this.globalData.CustomBar = custom.bottom + custom.top - e.statusBarHeight;\n }\n })\n},\n\n\nApp.json 配置取消系统导航栏,并全局引入组件\n\n"window": {\n "navigationStyle": "custom"\n},\n"usingComponents": {\n "cu-custom":"/colorui/components/cu-custom"\n}\n\n\npage.wxml 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgColor 背景颜色类名 String \'\'\nisBack 是否开启返回 Boolean false\nisCustom 是否开启左侧胶囊 Boolean false\nbgImage 背景图片路径 String \'\'\n\nSLOT块 作用\nbackText 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)',normalizedContent:'# 素材\n\ncolorui在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和ui素材供开发使用哦！ 语雀-colorui群资源\n\n\n# 前言\n\ncolorui是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。\n\n\n# 交流\n\n微信群：加入微信群请先添加开发者微信，备注uniapp插件市场。qq群：240787041 或扫描二维码。\n\n\n\n\n# 使用uniapp开发\n\n\n# 开始\n\n下载源码解压获得/colorui-uniapp文件夹，复制目录下的 /colorui 文件夹到你的项目根目录\n\napp.vue` 引入关键css `main.css` `icon.css\n\n\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\napp.vue 获得系统信息\n\nonlaunch: function() {\n uni.getsysteminfo({\n success: function(e) {\n // #ifndef mp\n vue.prototype.statusbar = e.statusbarheight;\n if (e.platform == \'android\') {\n vue.prototype.custombar = e.statusbarheight + 50;\n } else {\n vue.prototype.custombar = e.statusbarheight + 45;\n };\n // #endif\n // #ifdef mp-weixin\n vue.prototype.statusbar = e.statusbarheight;\n let custom = wx.getmenubuttonboundingclientrect();\n vue.prototype.custom = custom;\n vue.prototype.custombar = custom.bottom + custom.top - e.statusbarheight;\n // #endif\t\t\n // #ifdef mp-alipay\n vue.prototype.statusbar = e.statusbarheight;\n vue.prototype.custombar = e.statusbarheight + e.titlebarheight;\n // #endif\n }\n })\n},\n\n\npages.json 配置取消系统导航栏\n\n"globalstyle": {\n "navigationstyle": "custom"\n},\n\n\n复制代码结构可以直接使用，注意全局变量的获取。\n\n使用封装,在main.js 引入 cu-custom 组件。\n\nimport cucustom from \'./colorui/components/cu-custom.vue\'\nvue.component(\'cu-custom\',cucustom)\n\n\npage.vue 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgcolor 背景颜色类名 string \'\'\nisback 是否开启返回 boolean false\nbgimage 背景图片路径 string \'\'\n\nslot块 作用\nbacktext 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)\n\n\n# 使用原生小程序开发\n\n\n# 从现有项目开始\n\n下载源码解压获得/demo，复制目录下的 /colorui 文件夹到你的项目根目录\n\napp.wxss` 引入关键css `main.wxss` `icon.wxss\n@import "colorui/main.wxss";\n@import "colorui/icon.wxss";\n@import "app.css"; /* 你的项目css */\n....\n\n\n\n# 从新项目开始\n\n下载源码解压获得/template，复制/template并重命名为你的项目，导入到小程序开发工具既可以开始你的新项目了\n\n\n# 使用自定义导航栏\n\n导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。\n\napp.js 获得系统信息\n\nonlaunch: function() {\n wx.getsysteminfo({\n success: e => {\n this.globaldata.statusbar = e.statusbarheight;\n let custom = wx.getmenubuttonboundingclientrect();\n this.globaldata.custom = custom; \n this.globaldata.custombar = custom.bottom + custom.top - e.statusbarheight;\n }\n })\n},\n\n\napp.json 配置取消系统导航栏,并全局引入组件\n\n"window": {\n "navigationstyle": "custom"\n},\n"usingcomponents": {\n "cu-custom":"/colorui/components/cu-custom"\n}\n\n\npage.wxml 页面可以直接调用了\n\n\n 返回\n 导航栏\n\n\n\n参数 作用 类型 默认值\nbgcolor 背景颜色类名 string \'\'\nisback 是否开启返回 boolean false\niscustom 是否开启左侧胶囊 boolean false\nbgimage 背景图片路径 string \'\'\n\nslot块 作用\nbacktext 返回时的文字\ncontent 中间区域\nright 右侧区域(小程序端可使用范围很窄！)',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"头像",frontmatter:{title:"头像",date:"2023-05-28T16:15:38.000Z",permalink:"/pages/basics/avatar",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/70.%E5%A4%B4%E5%83%8F.html",relativePath:"10.文档/20.基础元素/70.头像.md",key:"v-d802fea6",path:"/pages/basics/avatar/",headers:[{level:2,title:"头像",slug:"头像",normalizedTitle:"头像",charIndex:2}],headersStr:"头像",content:"# 头像\n\n点此查看页面源代码\n\n页面位置：/pages/basics/avatar\n\n",normalizedContent:"# 头像\n\n点此查看页面源代码\n\n页面位置：/pages/basics/avatar\n\n",charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"背景",frontmatter:{title:"背景",date:"2023-05-28T10:55:38.000Z",permalink:"/pages/basics/background",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/20.%E8%83%8C%E6%99%AF.html",relativePath:"10.文档/20.基础元素/20.背景.md",key:"v-782bf4d4",path:"/pages/basics/background/",headers:[{level:2,title:"深色背景",slug:"深色背景",normalizedTitle:"深色背景",charIndex:2},{level:2,title:"浅色背景",slug:"浅色背景",normalizedTitle:"浅色背景",charIndex:460},{level:2,title:"渐变背景",slug:"渐变背景",normalizedTitle:"渐变背景",charIndex:938},{level:2,title:"图片背景",slug:"图片背景",normalizedTitle:"图片背景",charIndex:1256},{level:2,title:"透明背景（文字层）",slug:"透明背景-文字层",normalizedTitle:"透明背景（文字层）",charIndex:1868}],headersStr:"深色背景 浅色背景 渐变背景 图片背景 透明背景（文字层）",content:'# 深色背景\n\n在 class 中加入 bg-Red|Orange|...\n\n.bg-red /* 嫣红 #e54d42 */\n.bg-orange /* 桔橙 #f37b1d */\n.bg-yellow /* 明黄 #fbbd08 */\n.bg-olive /* 橄榄 #8dc63f */\n.bg-green /* 森绿 #39b54a */\n.bg-cyan /* 天青 #1cbbb4 */\n.bg-blue /* 海蓝 #0081ff */\n.bg-purple /* 姹紫 #6739b6 */\n.bg-mauve /* 木槿 #9c26b0 */\n.bg-pink /* 桃粉 #e03997 */\n.bg-brown /* 棕褐 #a5673f */\n.bg-grey /* 玄灰 #8799a3 */\n.bg-gray /* 草灰 #aaaaaa */\n.bg-black /* 墨黑 #333333 */\n.bg-white /* 雅白 #ffffff */\n\n\n\n# 浅色背景\n\n在 class 中加入 bg-Red|Orange|... 在 class 中再加入 light\n\n.light .bg-red /* 嫣红 #e54d42 */\n.light .bg-orange /* 桔橙 #f37b1d */\n.light .bg-yellow /* 明黄 #fbbd08 */\n.light .bg-olive /* 橄榄 #8dc63f */\n.light .bg-green /* 森绿 #39b54a */\n.light .bg-cyan /* 天青 #1cbbb4 */\n.light .bg-blue /* 海蓝 #0081ff */\n.light .bg-purple /* 姹紫 #6739b6 */\n.light .bg-mauve /* 木槿 #9c26b0 */\n.light .bg-pink /* 桃粉 #e03997 */\n.light .bg-brown /* 棕褐 #a5673f */\n.light .bg-grey /* 玄灰 #8799a3 */\n\n\n\n# 渐变背景\n\n在 class 中加入 bg-gradual-red|orange|...\n\n.bg-gradual-red /* 魅红 #f43f3b - #ec008c */\n.bg-gradual-orange /* 鎏金 #ff9700 - #ed1c24 */\n.bg-gradual-green /* 翠柳 #39b54a - #8dc63f */\n.bg-gradual-blue /* 靛青 #0081ff - #1cbbb4 */\n.bg-gradual-purple /* 惑紫 #9000ff - #5e00ff */\n.bg-gradual-pink /* 霞彩 #ec008c - #6739b6 */\n\n\n\n# 图片背景\n\n在 class 中加入 bg-img bg-mask\n\n> css 代码\n\n.bg-img 把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。\n.bg-mask 在背景图片加一层黑色遮罩\n\n.bg-shadeTop 背景图片加一层黑色遮罩上面开始\n.bg-shadeBottom 背景图片加一层黑色遮罩下面开始\n\n\n> 演示代码\n\n\n \n \n 钢铁之翼\n \n \n Only the guilty need fear me.\n \n \n\n\n\n\n# 透明背景（文字层）\n\n在 class 中加入 bg-shadeBottom|shadeTop\n\n> 演示代码\n\n\n \n 上面开始\n \n\n\n \n 下面开始\n \n\n',normalizedContent:'# 深色背景\n\n在 class 中加入 bg-red|orange|...\n\n.bg-red /* 嫣红 #e54d42 */\n.bg-orange /* 桔橙 #f37b1d */\n.bg-yellow /* 明黄 #fbbd08 */\n.bg-olive /* 橄榄 #8dc63f */\n.bg-green /* 森绿 #39b54a */\n.bg-cyan /* 天青 #1cbbb4 */\n.bg-blue /* 海蓝 #0081ff */\n.bg-purple /* 姹紫 #6739b6 */\n.bg-mauve /* 木槿 #9c26b0 */\n.bg-pink /* 桃粉 #e03997 */\n.bg-brown /* 棕褐 #a5673f */\n.bg-grey /* 玄灰 #8799a3 */\n.bg-gray /* 草灰 #aaaaaa */\n.bg-black /* 墨黑 #333333 */\n.bg-white /* 雅白 #ffffff */\n\n\n\n# 浅色背景\n\n在 class 中加入 bg-red|orange|... 在 class 中再加入 light\n\n.light .bg-red /* 嫣红 #e54d42 */\n.light .bg-orange /* 桔橙 #f37b1d */\n.light .bg-yellow /* 明黄 #fbbd08 */\n.light .bg-olive /* 橄榄 #8dc63f */\n.light .bg-green /* 森绿 #39b54a */\n.light .bg-cyan /* 天青 #1cbbb4 */\n.light .bg-blue /* 海蓝 #0081ff */\n.light .bg-purple /* 姹紫 #6739b6 */\n.light .bg-mauve /* 木槿 #9c26b0 */\n.light .bg-pink /* 桃粉 #e03997 */\n.light .bg-brown /* 棕褐 #a5673f */\n.light .bg-grey /* 玄灰 #8799a3 */\n\n\n\n# 渐变背景\n\n在 class 中加入 bg-gradual-red|orange|...\n\n.bg-gradual-red /* 魅红 #f43f3b - #ec008c */\n.bg-gradual-orange /* 鎏金 #ff9700 - #ed1c24 */\n.bg-gradual-green /* 翠柳 #39b54a - #8dc63f */\n.bg-gradual-blue /* 靛青 #0081ff - #1cbbb4 */\n.bg-gradual-purple /* 惑紫 #9000ff - #5e00ff */\n.bg-gradual-pink /* 霞彩 #ec008c - #6739b6 */\n\n\n\n# 图片背景\n\n在 class 中加入 bg-img bg-mask\n\n> css 代码\n\n.bg-img 把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。\n.bg-mask 在背景图片加一层黑色遮罩\n\n.bg-shadetop 背景图片加一层黑色遮罩上面开始\n.bg-shadebottom 背景图片加一层黑色遮罩下面开始\n\n\n> 演示代码\n\n\n \n \n 钢铁之翼\n \n \n only the guilty need fear me.\n \n \n\n\n\n\n# 透明背景（文字层）\n\n在 class 中加入 bg-shadebottom|shadetop\n\n> 演示代码\n\n\n \n 上面开始\n \n\n\n \n 下面开始\n \n\n',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"文本",frontmatter:{title:"文本",date:"2023-05-28T14:05:38.000Z",permalink:"/pages/basics/text",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/30.%E6%96%87%E6%9C%AC.html",relativePath:"10.文档/20.基础元素/30.文本.md",key:"v-5b9dd156",path:"/pages/basics/text/",headers:[{level:2,title:"文字大小",slug:"文字大小",normalizedTitle:"文字大小",charIndex:2},{level:2,title:"文字颜色",slug:"文字颜色",normalizedTitle:"文字颜色",charIndex:298},{level:2,title:"文字阴影",slug:"文字阴影",normalizedTitle:"文字阴影",charIndex:755},{level:2,title:"文字截断",slug:"文字截断",normalizedTitle:"文字截断",charIndex:906},{level:2,title:"文字对齐",slug:"文字对齐",normalizedTitle:"文字对齐",charIndex:1133},{level:2,title:"特殊文字",slug:"特殊文字",normalizedTitle:"特殊文字",charIndex:1488}],headersStr:"文字大小 文字颜色 文字阴影 文字截断 文字对齐 特殊文字",content:'# 文字大小\n\n.text-xsl 文字大小 60px 用于图标、数字等特大显示\n.text-sl 文字大小 40px 用于图标、数字等较大显示\n.text-xxl 文字大小 22px 用于金额数字等信息\n.text-xl 文字大小 18px 页面大标题，用于结果页等单一信息页\n.text-lg 文字大小 16px 页面小标题，首要层级显示内容\n.text-df 文字大小 14px 页面默认字号，用于摘要或阅读文本\n.text-sm 文字大小 12px 页面辅助信息，次级内容等\n.text-xs 文字大小 10px 说明文本，标签文字等关注度低的文字\n\n\n\n# 文字颜色\n\n.text-red /* 嫣红 #e54d42 */\n.text-orange /* 桔橙 #f37b1d */\n.text-yellow /* 明黄 #fbbd08 */\n.text-olive /* 橄榄 #8dc63f */\n.text-green /* 森绿 #39b54a */\n.text-cyan /* 天青 #1cbbb4 */\n.text-blue /* 海蓝 #0081ff */\n.text-purple /* 姹紫 #6739b6 */\n.text-mauve /* 木槿 #9c26b0 */\n.text-pink /* 桃粉 #e03997 */\n.text-brown /* 棕褐 #a5673f */\n.text-grey /* 玄灰 #8799a3 */\n.text-gray /* 草灰 #aaaaaa */\n.text-black /* 墨黑 #333333 */\n.text-white /* 雅白 #ffffff */\n\n\n\n# 文字阴影\n\n.text-shadow {\n /* h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊的距离 color 阴影的颜色; */\n text-shadow: 3px 3px 4px rgba(204, 69, 59, 0.2);\n}\n\n\n\n# 文字截断\n\n> css 代码\n\n.text-cut 定义文字容器宽度，超出截断\n\n\n> 演示代码\n\n\n\n\n\n# 文字对齐\n\n> css 代码\n\n.text-left 左对齐\n.text-center 居中对齐\n.text-right 右对齐\n\n\n> 演示代码\n\n\n\n\n\n# 特殊文字\n\n> css 代码\n\n.text-price 价格文本，利用伪元素添加"¥"符号\n.text-Abc 英文单词首字母大写\n.text-ABC 全部字母大写\n.text-abc 全部字母小写\n\n\n> 演示代码\n\n\n',normalizedContent:'# 文字大小\n\n.text-xsl 文字大小 60px 用于图标、数字等特大显示\n.text-sl 文字大小 40px 用于图标、数字等较大显示\n.text-xxl 文字大小 22px 用于金额数字等信息\n.text-xl 文字大小 18px 页面大标题，用于结果页等单一信息页\n.text-lg 文字大小 16px 页面小标题，首要层级显示内容\n.text-df 文字大小 14px 页面默认字号，用于摘要或阅读文本\n.text-sm 文字大小 12px 页面辅助信息，次级内容等\n.text-xs 文字大小 10px 说明文本，标签文字等关注度低的文字\n\n\n\n# 文字颜色\n\n.text-red /* 嫣红 #e54d42 */\n.text-orange /* 桔橙 #f37b1d */\n.text-yellow /* 明黄 #fbbd08 */\n.text-olive /* 橄榄 #8dc63f */\n.text-green /* 森绿 #39b54a */\n.text-cyan /* 天青 #1cbbb4 */\n.text-blue /* 海蓝 #0081ff */\n.text-purple /* 姹紫 #6739b6 */\n.text-mauve /* 木槿 #9c26b0 */\n.text-pink /* 桃粉 #e03997 */\n.text-brown /* 棕褐 #a5673f */\n.text-grey /* 玄灰 #8799a3 */\n.text-gray /* 草灰 #aaaaaa */\n.text-black /* 墨黑 #333333 */\n.text-white /* 雅白 #ffffff */\n\n\n\n# 文字阴影\n\n.text-shadow {\n /* h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊的距离 color 阴影的颜色; */\n text-shadow: 3px 3px 4px rgba(204, 69, 59, 0.2);\n}\n\n\n\n# 文字截断\n\n> css 代码\n\n.text-cut 定义文字容器宽度，超出截断\n\n\n> 演示代码\n\n\n\n\n\n# 文字对齐\n\n> css 代码\n\n.text-left 左对齐\n.text-center 居中对齐\n.text-right 右对齐\n\n\n> 演示代码\n\n\n\n\n\n# 特殊文字\n\n> css 代码\n\n.text-price 价格文本，利用伪元素添加"¥"符号\n.text-abc 英文单词首字母大写\n.text-abc 全部字母大写\n.text-abc 全部字母小写\n\n\n> 演示代码\n\n\n',charsets:{cjk:!0},lastUpdated:"2023/05/28, 18:15:33",lastUpdatedTimestamp:1685268933e3},{title:"布局",frontmatter:{title:"布局",date:"2023-05-28T10:34:38.000Z",permalink:"/pages/basics/layout",article:!1},regularPath:"/10.%E6%96%87%E6%A1%A3/20.%E5%9F%BA%E7%A1%80%E5%85%83%E7%B4%A0/10.%E5%B8%83%E5%B1%80.html",relativePath:"10.文档/20.基础元素/10.布局.md",key:"v-189fb43f",path:"/pages/basics/layout/",headers:[{level:2,title:"Flex布局",slug:"flex布局",normalizedTitle:"flex布局",charIndex:2},{level:3,title:"固定尺寸",slug:"固定尺寸",normalizedTitle:"固定尺寸",charIndex:36},{level:3,title:"比例布局",slug:"比例布局",normalizedTitle:"比例布局",charIndex:668},{level:3,title:"水平对齐",slug:"水平对齐",normalizedTitle:"水平对齐",charIndex:1453},{level:3,title:"垂直对齐",slug:"垂直对齐",normalizedTitle:"垂直对齐",charIndex:2714},{level:2,title:"Grid布局",slug:"grid布局",normalizedTitle:"grid布局",charIndex:3584},{level:3,title:"等分列",slug:"等分列",normalizedTitle:"等分列",charIndex:3595},{level:3,title:"等高",slug:"等高",normalizedTitle:"等高",charIndex:3901},{level:2,title:"辅助布局",slug:"辅助布局",normalizedTitle:"辅助布局",charIndex:4512},{level:3,title:"浮动",slug:"浮动",normalizedTitle:"浮动",charIndex:4521},{level:3,title:"内外边距",slug:"内外边距",normalizedTitle:"内外边距",charIndex:4740}],headersStr:"Flex布局 固定尺寸 比例布局 水平对齐 垂直对齐 Grid布局 等分列 等高 辅助布局 浮动 内外边距",content:'# Flex布局\n\n父级容器的 class 需要加入 flex\n\n\n# 固定尺寸\n\n> css\n\n.basis-xs 所占比例 20%\n.basis-sm 所占比例 40%\n.basis-sub 所占比例 50%\n.basis-lg 所占比例 60%\n.basis-xl 所占比例 80%\n\n\n> 演示代码\n\n\n xs(20%)\n \n sm(40%)\n \n sub(50%)\n lg(60%)\n xl(80%)\n\n\n\n\n# 比例布局\n\n> css\n\n.flex-sub 所占比例 1\n.flex-twice 所占比例 2\n.flex-treble 所占比例 3\n\n\n> 演示代码\n\n\x3c!-- 1:1 --\x3e\n\n 1\n 1\n\n\x3c!-- 1:2 --\x3e\n\n 1\n 2\n\n\x3c!-- 1:2:3 --\x3e\n\n 1\n 2\n 3\n\n\n\n\n# 水平对齐\n\n父容器的 class 中加入 justify-start|end|center|between|around\n\n> css\n\n.justify-start 对齐方式 从行首开始排列\n.justify-end 对齐方式 从行尾开始排列\n.justify-center 对齐方式 居中排列\n.justify-between 对齐方式 均匀排列每个元素，首个元素放置于起点，末尾元素放置于终点\n.justify-around 对齐方式 均匀排列每个元素，每个元素之间的间隔相等\n\n\n> 演示代码\n\n\n start\n start\n\n\n end\n end\n\n\n center\n center\n\n\n between\n between\n\n\n around\n around\n\n\n\n\n# 垂直对齐\n\n父容器的 class 中加入 align-start|end|center\n\n> css\n\n.align-start 对齐方式 元素位于容器的开头，弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。\n.align-end 对齐方式 元素位于容器的结尾，弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。\n.align-center 对齐方式 元素位于容器的中心，弹性盒子元素在该行的侧轴（纵轴）上居中放置。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。\n\n\n> 演示代码\n\n\n ColorUi\n start\n\n\n ColorUi\n end\n\n\n ColorUi\n center\n\n\n\n\n# Grid布局\n\n\n# 等分列\n\nclass 加入 grid col-1|2|3|...\n\n> 演示代码\n\n\n {{indexs+1}}\n\n\n\n\n# 等高\n\n在 class 中加入 grid col-4|5|... grid-square\n\n\n \n\n\n + diff --git a/docs/.vuepress/dist/pages/base/index.html b/docs/.vuepress/dist/pages/base/index.html index 70b7f93..1ff60b9 100644 --- a/docs/.vuepress/dist/pages/base/index.html +++ b/docs/.vuepress/dist/pages/base/index.html @@ -10,8 +10,8 @@ - - + +
ColorUI 使用文档
- + diff --git a/docs/.vuepress/dist/pages/baseStart/index.html b/docs/.vuepress/dist/pages/baseStart/index.html index 6ef2a8c..a9b96d7 100644 --- a/docs/.vuepress/dist/pages/baseStart/index.html +++ b/docs/.vuepress/dist/pages/baseStart/index.html @@ -10,8 +10,8 @@ - - + +
ColorUI 使用文档

快速使用

# 素材

ColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！ 语雀-ColorUI群资源 (opens new window)

# 前言

ColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。

# 交流

微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。

img (opens new window)

# 使用UniApp开发

# 开始

下载源码解压获得/Colorui-UniApp文件夹，复制目录下的 /colorui 文件夹到你的项目根目录

App.vue` 引入关键Css `main.css` `icon.css
+

快速使用

# 素材

ColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！ 语雀-ColorUI群资源 (opens new window)

# 前言

ColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。

# 交流

微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。

img (opens new window)

# 使用UniApp开发

# 开始

下载源码解压获得/Colorui-UniApp文件夹，复制目录下的 /colorui 文件夹到你的项目根目录

App.vue` 引入关键Css `main.css` `icon.css
 <style>
 @import "colorui/main.css";
 @import "colorui/icon.css";
@@ -103,6 +103,6 @@ Vue.componen
         
  • 
           阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/avatar/index.html b/docs/.vuepress/dist/pages/basics/avatar/index.html index db5fcb9..e28cfbe 100644 --- a/docs/.vuepress/dist/pages/basics/avatar/index.html +++ b/docs/.vuepress/dist/pages/basics/avatar/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    头像

    # 头像

    点此查看页面源代码

    页面位置：/pages/basics/avatar

    上次更新: 2023/05/28, 18:15:33
    标签
    进度条

    +

    头像

    # 头像

    点此查看页面源代码

    页面位置：/pages/basics/avatar

    上次更新: 2023/05/28, 18:15:33
    标签
    进度条

    ← 进度条→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/background/index.html b/docs/.vuepress/dist/pages/basics/background/index.html index 2fedb4b..9cf8896 100644 --- a/docs/.vuepress/dist/pages/basics/background/index.html +++ b/docs/.vuepress/dist/pages/basics/background/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    背景

    # 深色背景

    在 class 中加入 bg-Red|Orange|...

    .bg-red  /* 嫣红 #e54d42 */
+

    背景

    # 深色背景

    在 class 中加入 bg-Red|Orange|...

    .bg-red  /* 嫣红 #e54d42 */
 .bg-orange  /* 桔橙 #f37b1d */
 .bg-yellow  /* 明黄 #fbbd08 */
 .bg-olive  /* 橄榄 #8dc63f */
@@ -97,6 +97,6 @@
         
  • 
           阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/button/index.html b/docs/.vuepress/dist/pages/basics/button/index.html index acdcfb2..b96110f 100644 --- a/docs/.vuepress/dist/pages/basics/button/index.html +++ b/docs/.vuepress/dist/pages/basics/button/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/basics/icon/index.html b/docs/.vuepress/dist/pages/basics/icon/index.html index 0c14c03..c685ffc 100644 --- a/docs/.vuepress/dist/pages/basics/icon/index.html +++ b/docs/.vuepress/dist/pages/basics/icon/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    图标

    温馨提示

    点击右侧图标页面，对应的图标，即可复制类名：cuIcon-图标名称

    # 引入样式

    编辑 App.vue文件在<style> 项引入 icon.css

    <style>
+

    图标

    温馨提示

    点击右侧图标页面，对应的图标，即可复制类名：cuIcon-图标名称

    # 引入样式

    编辑 App.vue文件在<style> 项引入 icon.css

    <style>
     @import "colorui/main.css";
     @import "colorui/icon.css";
 </style>
@@ -43,6 +43,6 @@
         
  • 
           阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/layout/index.html b/docs/.vuepress/dist/pages/basics/layout/index.html index 3caddb0..d4d99ce 100644 --- a/docs/.vuepress/dist/pages/basics/layout/index.html +++ b/docs/.vuepress/dist/pages/basics/layout/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/basics/loading/index.html b/docs/.vuepress/dist/pages/basics/loading/index.html index 217fe58..ae05bcc 100644 --- a/docs/.vuepress/dist/pages/basics/loading/index.html +++ b/docs/.vuepress/dist/pages/basics/loading/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    加载

    # 加载

    点此查看页面源代码

    页面位置：/pages/basics/loading

    上次更新: 2023/05/28, 18:15:33
    边框阴影
    操作条

    +

    加载

    # 加载

    点此查看页面源代码

    页面位置：/pages/basics/loading

    上次更新: 2023/05/28, 18:15:33
    边框阴影
    操作条

    ← 操作条→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/progress/index.html b/docs/.vuepress/dist/pages/basics/progress/index.html index 5b6a9b2..7963f30 100644 --- a/docs/.vuepress/dist/pages/basics/progress/index.html +++ b/docs/.vuepress/dist/pages/basics/progress/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/basics/shadow/index.html b/docs/.vuepress/dist/pages/basics/shadow/index.html index 991e8cd..c30bdc4 100644 --- a/docs/.vuepress/dist/pages/basics/shadow/index.html +++ b/docs/.vuepress/dist/pages/basics/shadow/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    边框阴影

    # 边框阴影

    点此查看页面源代码

    页面位置：/pages/basics/shadow

    上次更新: 2023/05/28, 18:15:33
    进度条
    加载

    +

    边框阴影

    # 边框阴影

    点此查看页面源代码

    页面位置：/pages/basics/shadow

    上次更新: 2023/05/28, 18:15:33
    进度条
    加载

    ← 加载→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/tag/index.html b/docs/.vuepress/dist/pages/basics/tag/index.html index 46e16d0..a20f125 100644 --- a/docs/.vuepress/dist/pages/basics/tag/index.html +++ b/docs/.vuepress/dist/pages/basics/tag/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    标签

    # 标签

    点此查看页面源代码

    页面位置：/pages/basics/tag

    上次更新: 2023/05/28, 18:15:33
    按钮
    头像

    +

    标签

    # 标签

    点此查看页面源代码

    页面位置：/pages/basics/tag

    上次更新: 2023/05/28, 18:15:33
    按钮
    头像

    ← 头像→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/text/index.html b/docs/.vuepress/dist/pages/basics/text/index.html index be67330..bbc3e7a 100644 --- a/docs/.vuepress/dist/pages/basics/text/index.html +++ b/docs/.vuepress/dist/pages/basics/text/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/component/bar/index.html b/docs/.vuepress/dist/pages/component/bar/index.html index 9a21706..bf991f3 100644 --- a/docs/.vuepress/dist/pages/component/bar/index.html +++ b/docs/.vuepress/dist/pages/component/bar/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    操作条

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/bar

    上次更新: 2023/05/28, 18:15:33
    加载
    导航栏

    +

    操作条

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/bar

    上次更新: 2023/05/28, 18:15:33
    加载
    导航栏

    ← 导航栏→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/card/index.html b/docs/.vuepress/dist/pages/component/card/index.html index 7b37bac..d2cc10c 100644 --- a/docs/.vuepress/dist/pages/component/card/index.html +++ b/docs/.vuepress/dist/pages/component/card/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    卡片

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/card

    上次更新: 2023/05/28, 18:15:33
    列表
    表单

    +

    卡片

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/card

    上次更新: 2023/05/28, 18:15:33
    列表
    表单

    ← 表单→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/chat/index.html b/docs/.vuepress/dist/pages/component/chat/index.html index 8b83d3c..c12af15 100644 --- a/docs/.vuepress/dist/pages/component/chat/index.html +++ b/docs/.vuepress/dist/pages/component/chat/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    聊天

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/chat

    上次更新: 2023/05/28, 18:15:33
    时间轴
    轮播

    +

    聊天

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/chat

    上次更新: 2023/05/28, 18:15:33
    时间轴
    轮播

    ← 轮播→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/form/index.html b/docs/.vuepress/dist/pages/component/form/index.html index 997f51a..03ee9e6 100644 --- a/docs/.vuepress/dist/pages/component/form/index.html +++ b/docs/.vuepress/dist/pages/component/form/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/component/list/index.html b/docs/.vuepress/dist/pages/component/list/index.html index 73c87d0..0e6d9a3 100644 --- a/docs/.vuepress/dist/pages/component/list/index.html +++ b/docs/.vuepress/dist/pages/component/list/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    列表

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/list

    上次更新: 2023/05/28, 18:15:33
    导航栏
    卡片

    +

    列表

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/list

    上次更新: 2023/05/28, 18:15:33
    导航栏
    卡片

    ← 卡片→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/modal/index.html b/docs/.vuepress/dist/pages/component/modal/index.html index a95fb1e..54b4b86 100644 --- a/docs/.vuepress/dist/pages/component/modal/index.html +++ b/docs/.vuepress/dist/pages/component/modal/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/component/nav/index.html b/docs/.vuepress/dist/pages/component/nav/index.html index 25024f3..264062c 100644 --- a/docs/.vuepress/dist/pages/component/nav/index.html +++ b/docs/.vuepress/dist/pages/component/nav/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    导航栏

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/nav

    上次更新: 2023/05/28, 18:15:33
    操作条
    列表

    +

    导航栏

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/nav

    上次更新: 2023/05/28, 18:15:33
    操作条
    列表

    ← 列表→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/steps/index.html b/docs/.vuepress/dist/pages/component/steps/index.html index b75acb2..abf93bc 100644 --- a/docs/.vuepress/dist/pages/component/steps/index.html +++ b/docs/.vuepress/dist/pages/component/steps/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    步骤条

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/steps

    上次更新: 2023/05/28, 18:15:33
    模态框
    索引动画

    +

    步骤条

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/steps

    上次更新: 2023/05/28, 18:15:33
    模态框
    索引动画

    ← 索引动画→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/swiper/index.html b/docs/.vuepress/dist/pages/component/swiper/index.html index 5b75974..313103d 100644 --- a/docs/.vuepress/dist/pages/component/swiper/index.html +++ b/docs/.vuepress/dist/pages/component/swiper/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    轮播

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/swiper

    上次更新: 2023/05/28, 18:15:33
    聊天
    模态框

    +

    轮播

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/swiper

    上次更新: 2023/05/28, 18:15:33
    聊天
    模态框

    ← 模态框→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/timeline/index.html b/docs/.vuepress/dist/pages/component/timeline/index.html index acfe0a4..a328b49 100644 --- a/docs/.vuepress/dist/pages/component/timeline/index.html +++ b/docs/.vuepress/dist/pages/component/timeline/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/plugin/animation/index.html b/docs/.vuepress/dist/pages/plugin/animation/index.html index 6721886..08d00ba 100644 --- a/docs/.vuepress/dist/pages/plugin/animation/index.html +++ b/docs/.vuepress/dist/pages/plugin/animation/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    微动画

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/animation

    上次更新: 2023/05/28, 18:15:33
    索引动画
    全屏抽屉

    +

    微动画

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/animation

    上次更新: 2023/05/28, 18:15:33
    索引动画
    全屏抽屉

    ← 全屏抽屉→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/plugin/drawer/index.html b/docs/.vuepress/dist/pages/plugin/drawer/index.html index 8b80e72..611896d 100644 --- a/docs/.vuepress/dist/pages/plugin/drawer/index.html +++ b/docs/.vuepress/dist/pages/plugin/drawer/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    全屏抽屉

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/drawer

    上次更新: 2023/05/28, 18:15:33
    微动画
    垂直导航

    +

    全屏抽屉

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/drawer

    上次更新: 2023/05/28, 18:15:33
    微动画
    垂直导航

    ← 垂直导航→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/plugin/indexes/index.html b/docs/.vuepress/dist/pages/plugin/indexes/index.html index 62a2ce4..14bb45a 100644 --- a/docs/.vuepress/dist/pages/plugin/indexes/index.html +++ b/docs/.vuepress/dist/pages/plugin/indexes/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/docs/.vuepress/dist/pages/plugin/verticalnav/index.html b/docs/.vuepress/dist/pages/plugin/verticalnav/index.html index 34c6f4d..3c47c2d 100644 --- a/docs/.vuepress/dist/pages/plugin/verticalnav/index.html +++ b/docs/.vuepress/dist/pages/plugin/verticalnav/index.html @@ -10,8 +10,8 @@ - - + +
    - + diff --git a/vdoing/components/RightMenu.vue b/vdoing/components/RightMenu.vue index c52c491..8f80faf 100644 --- a/vdoing/components/RightMenu.vue +++ b/vdoing/components/RightMenu.vue @@ -148,9 +148,9 @@ export default { .docs-box position fixed top calc(var(--navbar-height) + 50px) - right 72px - width 17rem - height 34rem + right 6.8vw + width 17vw + height 34vw z-index -1 background-image: url(https://www.uviewui.com/common/iPhone13.png); background-repeat: no-repeat; @@ -159,7 +159,7 @@ export default { iframe display block width 100% - height 33rem + height 33vw border-radius: 10px 10px 20px 20px .theme-style-line