From 31b64e1e466b22c0b2d51a7fe180084462b7ae1b Mon Sep 17 00:00:00 2001 From: mjz <2286101414@qq.com> Date: Sun, 28 May 2023 22:33:23 +0800 Subject: [PATCH] mjz update --- docs/.vuepress/dist/404.html | 8 +- docs/.vuepress/dist/archives/index.html | 6 +- ...les.50d652ad.css => 0.styles.871e4bdb.css} | 2 +- .../js/{10.2c6b507c.js => 10.aad69d60.js} | 2 +- .../js/{11.e94b1276.js => 11.aa5f2866.js} | 2 +- docs/.vuepress/dist/assets/js/12.f56c57f3.js | 1 + docs/.vuepress/dist/assets/js/12.fccaff87.js | 1 - docs/.vuepress/dist/assets/js/13.147bff1e.js | 1 - docs/.vuepress/dist/assets/js/13.d83ee1ec.js | 1 + docs/.vuepress/dist/assets/js/14.13f830c2.js | 1 + docs/.vuepress/dist/assets/js/14.9d590cca.js | 1 - .../js/{15.a31efdd5.js => 15.018fbb3d.js} | 2 +- .../js/{16.b3eb43c5.js => 16.8957f031.js} | 2 +- .../js/{18.feb102d5.js => 18.a98f1855.js} | 2 +- .../js/{19.1eca8707.js => 19.a19b0b2a.js} | 2 +- .../js/{2.2d2f4704.js => 2.c7d59184.js} | 2 +- .../js/{20.6a148bf4.js => 20.1feae6ac.js} | 2 +- .../js/{21.dcf4a643.js => 21.06009323.js} | 2 +- .../js/{22.68f7342e.js => 22.e9484b43.js} | 2 +- .../js/{23.3ae401c7.js => 23.c07daa61.js} | 2 +- .../js/{24.26f38967.js => 24.4001c5ee.js} | 2 +- .../js/{25.5ba3e3aa.js => 25.10bfca60.js} | 2 +- .../js/{26.f64bdd21.js => 26.ebf64854.js} | 2 +- .../js/{27.618521f0.js => 27.049715c0.js} | 2 +- .../js/{28.68a12625.js => 28.29db6f50.js} | 2 +- .../js/{29.b7773759.js => 29.7252afd4.js} | 2 +- .../js/{30.9c19b73e.js => 30.c6c623e5.js} | 2 +- .../js/{31.9f478da9.js => 31.7bc93c12.js} | 2 +- .../js/{32.0d094530.js => 32.2b452ecc.js} | 2 +- .../js/{33.d3de8f8f.js => 33.ce89fd5b.js} | 2 +- docs/.vuepress/dist/assets/js/6.3ce8f174.js | 1 - docs/.vuepress/dist/assets/js/6.629b3975.js | 1 + .../js/{7.14247048.js => 7.c97b86d3.js} | 2 +- .../js/{8.b9e56ac2.js => 8.a0cdad8d.js} | 2 +- .../js/{9.f5819498.js => 9.30ce1e2c.js} | 2 +- docs/.vuepress/dist/assets/js/app.35d52929.js | 16 +++ docs/.vuepress/dist/assets/js/app.8712ce8e.js | 16 --- docs/.vuepress/dist/index.html | 6 +- docs/.vuepress/dist/pages/base/index.html | 8 +- .../.vuepress/dist/pages/baseStart/index.html | 8 +- .../dist/pages/basics/avatar/index.html | 47 ++++++- .../dist/pages/basics/background/index.html | 8 +- .../dist/pages/basics/button/index.html | 11 +- .../dist/pages/basics/icon/index.html | 8 +- .../dist/pages/basics/layout/index.html | 8 +- .../dist/pages/basics/loading/index.html | 8 +- .../dist/pages/basics/progress/index.html | 8 +- .../dist/pages/basics/shadow/index.html | 8 +- .../dist/pages/basics/tag/index.html | 78 ++++++++++- .../dist/pages/basics/text/index.html | 8 +- .../dist/pages/component/bar/index.html | 8 +- .../dist/pages/component/card/index.html | 8 +- .../dist/pages/component/chat/index.html | 8 +- .../dist/pages/component/form/index.html | 8 +- .../dist/pages/component/list/index.html | 8 +- .../dist/pages/component/modal/index.html | 8 +- .../dist/pages/component/nav/index.html | 8 +- .../dist/pages/component/steps/index.html | 8 +- .../dist/pages/component/swiper/index.html | 8 +- .../dist/pages/component/timeline/index.html | 8 +- .../dist/pages/plugin/animation/index.html | 8 +- .../dist/pages/plugin/drawer/index.html | 8 +- .../dist/pages/plugin/indexes/index.html | 8 +- .../dist/pages/plugin/verticalnav/index.html | 8 +- docs/10.文档/10.快速开始/10.介绍.md | 4 +- docs/10.文档/20.基础元素/50.按钮.md | 6 + docs/10.文档/20.基础元素/60.标签.md | 128 +++++++++++++++++- docs/10.文档/20.基础元素/70.头像.md | 92 ++++++++++++- vdoing/components/RightMenu.vue | 12 +- 69 files changed, 491 insertions(+), 181 deletions(-) rename docs/.vuepress/dist/assets/css/{0.styles.50d652ad.css => 0.styles.871e4bdb.css} (75%) rename docs/.vuepress/dist/assets/js/{10.2c6b507c.js => 10.aad69d60.js} (99%) rename docs/.vuepress/dist/assets/js/{11.e94b1276.js => 11.aa5f2866.js} (96%) create mode 100644 docs/.vuepress/dist/assets/js/12.f56c57f3.js delete mode 100644 docs/.vuepress/dist/assets/js/12.fccaff87.js delete mode 100644 docs/.vuepress/dist/assets/js/13.147bff1e.js create mode 100644 docs/.vuepress/dist/assets/js/13.d83ee1ec.js create mode 100644 docs/.vuepress/dist/assets/js/14.13f830c2.js delete mode 100644 docs/.vuepress/dist/assets/js/14.9d590cca.js rename docs/.vuepress/dist/assets/js/{15.a31efdd5.js => 15.018fbb3d.js} (86%) rename docs/.vuepress/dist/assets/js/{16.b3eb43c5.js => 16.8957f031.js} (86%) rename docs/.vuepress/dist/assets/js/{18.feb102d5.js => 18.a98f1855.js} (87%) rename docs/.vuepress/dist/assets/js/{19.1eca8707.js => 19.a19b0b2a.js} (87%) rename docs/.vuepress/dist/assets/js/{2.2d2f4704.js => 2.c7d59184.js} (69%) rename docs/.vuepress/dist/assets/js/{20.6a148bf4.js => 20.1feae6ac.js} (87%) rename docs/.vuepress/dist/assets/js/{21.dcf4a643.js => 21.06009323.js} (87%) rename docs/.vuepress/dist/assets/js/{22.68f7342e.js => 22.e9484b43.js} (87%) rename docs/.vuepress/dist/assets/js/{23.3ae401c7.js => 23.c07daa61.js} (86%) rename docs/.vuepress/dist/assets/js/{24.26f38967.js => 24.4001c5ee.js} (87%) rename docs/.vuepress/dist/assets/js/{25.5ba3e3aa.js => 25.10bfca60.js} (86%) rename docs/.vuepress/dist/assets/js/{26.f64bdd21.js => 26.ebf64854.js} (86%) rename docs/.vuepress/dist/assets/js/{27.618521f0.js => 27.049715c0.js} (86%) rename docs/.vuepress/dist/assets/js/{28.68a12625.js => 28.29db6f50.js} (87%) rename docs/.vuepress/dist/assets/js/{29.b7773759.js => 29.7252afd4.js} (86%) rename docs/.vuepress/dist/assets/js/{30.9c19b73e.js => 30.c6c623e5.js} (87%) rename docs/.vuepress/dist/assets/js/{31.9f478da9.js => 31.7bc93c12.js} (86%) rename docs/.vuepress/dist/assets/js/{32.0d094530.js => 32.2b452ecc.js} (68%) rename docs/.vuepress/dist/assets/js/{33.d3de8f8f.js => 33.ce89fd5b.js} (68%) delete mode 100644 docs/.vuepress/dist/assets/js/6.3ce8f174.js create mode 100644 docs/.vuepress/dist/assets/js/6.629b3975.js rename docs/.vuepress/dist/assets/js/{7.14247048.js => 7.c97b86d3.js} (99%) rename docs/.vuepress/dist/assets/js/{8.b9e56ac2.js => 8.a0cdad8d.js} (99%) rename docs/.vuepress/dist/assets/js/{9.f5819498.js => 9.30ce1e2c.js} (99%) create mode 100644 docs/.vuepress/dist/assets/js/app.35d52929.js delete mode 100644 docs/.vuepress/dist/assets/js/app.8712ce8e.js diff --git a/docs/.vuepress/dist/404.html b/docs/.vuepress/dist/404.html index 516c5ae..f112991 100644 --- a/docs/.vuepress/dist/404.html +++ b/docs/.vuepress/dist/404.html @@ -10,11 +10,11 @@ - - + + -
404
这里什么都没有。
返回首页
- +
404
看来我们的链接坏掉了~
返回首页
+ diff --git a/docs/.vuepress/dist/archives/index.html b/docs/.vuepress/dist/archives/index.html index 3f2d30c..8e46d10 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.50d652ad.css b/docs/.vuepress/dist/assets/css/0.styles.871e4bdb.css similarity index 75% rename from docs/.vuepress/dist/assets/css/0.styles.50d652ad.css rename to docs/.vuepress/dist/assets/css/0.styles.871e4bdb.css index 1e487dc..c9e2d01 100644 --- a/docs/.vuepress/dist/assets/css/0.styles.50d652ad.css +++ b/docs/.vuepress/dist/assets/css/0.styles.871e4bdb.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: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 +@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:17.5vw;height:34.2vw;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:33.9vw;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.2c6b507c.js b/docs/.vuepress/dist/assets/js/10.aad69d60.js similarity index 99% rename from docs/.vuepress/dist/assets/js/10.2c6b507c.js rename to docs/.vuepress/dist/assets/js/10.aad69d60.js index c1f4ab9..d01aee1 100644 --- a/docs/.vuepress/dist/assets/js/10.2c6b507c.js +++ b/docs/.vuepress/dist/assets/js/10.aad69d60.js @@ -1 +1 @@ -(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 +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{341: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.e94b1276.js b/docs/.vuepress/dist/assets/js/11.aa5f2866.js similarity index 96% rename from docs/.vuepress/dist/assets/js/11.e94b1276.js rename to docs/.vuepress/dist/assets/js/11.aa5f2866.js index 2f84fd1..b6344d0 100644 --- a/docs/.vuepress/dist/assets/js/11.e94b1276.js +++ b/docs/.vuepress/dist/assets/js/11.aa5f2866.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{346: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-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:734},{level:2,title:"无效状态",slug:"无效状态",normalizedTitle:"无效状态",charIndex:880},{level:2,title:"按钮加图标",slug:"按钮加图标",normalizedTitle:"按钮加图标",charIndex:1079}],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> css 代码\n\n.lines-red|... 边框深（大）\n.line-red|... 边框浅（小）\n\n\n> 演示代码\n\n\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> css 代码\n\n.lines-red|... 边框深（大）\n.line-red|... 边框浅（小）\n\n\n> 演示代码\n\n\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-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:84},{level:2,title:"文档说明",slug:"文档说明",normalizedTitle:"文档说明",charIndex:356},{level:3,title:"视图/目录 切换",slug:"视图-目录-切换",normalizedTitle:"视图/目录 切换",charIndex:512}],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\nColorUI 在线展示 因为右侧的h5是用iframe来嵌入的，因此字体和极小一部分的样式会有出入，文档里只做展示，比较完整的样式，点这里查看。\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\ncolorui 在线展示 因为右侧的h5是用iframe来嵌入的，因此字体和极小一部分的样式会有出入，文档里只做展示，比较完整的样式，点这里查看。\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-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-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 1ff60b9..e7793c6 100644 --- a/docs/.vuepress/dist/pages/base/index.html +++ b/docs/.vuepress/dist/pages/base/index.html @@ -10,8 +10,8 @@ - - + +
ColorUI 使用文档

介绍

温馨提示

本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用

# 基本介绍

Color UI 我想大家都知晓吧，我就不过多阐述了，是 文晓港 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的 Css 组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可 Color UI，很多人用 Color UI 做了不少精美的项目，我也一样，在此再次感谢作者。

ColorUI Github地址 (opens new window)

ColorUI 插件市场 (opens new window)

# 文档说明

文档左侧目录，基础元素、交互组件、插件扩展分别对应，Color UI 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。

每一个页面，会分别将对应的代码块展示出来，部分对应的页面最下方点击点此查看页面原代码即可查看对应页面的完整代码。

# 视图/目录 切换

点击h5预览模板左上角的切换视图，可以切换目录/视图

上次更新: 2023/05/28, 18:15:33
快速使用

快速使用→ +

介绍

温馨提示

本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用。

# 基本介绍

Color UI 我想大家都知晓吧，我就不过多阐述了，是 文晓港 大佬开发的一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的 Css 组件库.，属于出道即巅峰的史诗级大作，众所周知，万物皆可 Color UI，很多人用 Color UI 做了不少精美的项目，我也一样，在此再次感谢作者。

ColorUI Github地址 (opens new window)

ColorUI 插件市场 (opens new window)

ColorUI 在线展示 (opens new window) 因为右侧的h5是用iframe来嵌入的，因此字体和极小一部分的样式会有出入，文档里只做展示，比较完整的样式，点这里查看。

# 文档说明

文档左侧目录，基础元素、交互组件、插件扩展分别对应，Color UI 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。

每一个页面，会分别将对应的代码块展示出来，部分对应的页面最下方点击点此查看页面原代码即可查看对应页面的完整代码。

# 视图/目录 切换

点击h5预览模板左上角的切换视图，可以切换目录/视图

上次更新: 2023/05/28, 18:15:33
快速使用

快速使用→

Theme by Vdoing @@ -36,6 +36,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/baseStart/index.html b/docs/.vuepress/dist/pages/baseStart/index.html index a9b96d7..6bd30b2 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 e28cfbe..bc4b786 100644 --- a/docs/.vuepress/dist/pages/basics/avatar/index.html +++ b/docs/.vuepress/dist/pages/basics/avatar/index.html @@ -10,19 +10,56 @@ - - + +
    ColorUI 使用文档

    头像

    # 头像形状

    css 代码

    .cu-avatar  默认　
+.cu-avatar round  圆
+.cu-avatar radius  圆角
+

    演示代码

    <view class='cu-avatar'>默认</view>
+<view class='cu-avatar round'>椭圆</view>
+<view class='cu-avatar radius'>圆角</view>
+

    # 头像尺寸

    css 代码

    .cu-avatar sm  小    48upx / 24px
+.cu-avatar     普通  64upx / 32px
+.cu-avatar lg  大    96upx / 48px
+.cu-avatar xl  较大  128upx / 64px
+

    演示代码

    <view class='cu-avatar radius sm'>小尺寸</view>
+<view class='cu-avatar radius'></view>
+<view class='cu-avatar radius lg'></view>
+<view class='cu-avatar radius xl'></view>
+

    # 内嵌文字（图标）

    父容器加上 .cu-avatar，该容器内添加文字或者图标。

    演示代码

    <view class="cu-avatar radius">
+    <text class="cuIcon-people"></text>
+</view>
+<view class="cu-avatar radius margin-left">
+    <text>港</text>
+</view>
+

    # 头像颜色

    父容器加上 .cu-avatar .bg-red|...，该容器内添加文字或者图标。

    演示代码

    <view class="cu-avatar radius bg-red">
+    <text class="cuIcon-people"></text>
+</view>
+<view class="cu-avatar radius bg-red margin-left">
+    <text>港</text>
+</view>
+

    # 头像组

    父容器加上 cu-avatar-group，该容器内放置头像即可

    演示代码

    <view class="cu-avatar-group">
+    <view class="cu-avatar radius bg-red">
+        <text class="cuIcon-people"></text>
+    </view>
+    <view class="cu-avatar radius bg-red margin-left">
+        <text>港</text>
+    </view>
+</view>
+

    # 头像标签

    父容器是头像，该容器内是数字标签。

    演示代码

    <view class="cu-avatar radius bg-red margin-left">
+    <view class="cu-tag badge cuIcon-male bg-blue"></view>
+</view>
+
    上次更新: 2023/05/28, 18:15:33
    标签
    进度条

    ← 进度条→

    @@ -38,6 +75,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/background/index.html b/docs/.vuepress/dist/pages/basics/background/index.html index 9cf8896..2c52510 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 b96110f..73d225d 100644 --- a/docs/.vuepress/dist/pages/basics/button/index.html +++ b/docs/.vuepress/dist/pages/basics/button/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    按钮

    # 按钮形状

    css 代码

    .cu-btn  默认　　
+

    按钮

    # 按钮形状

    css 代码

    .cu-btn  默认　　
 .cu-btn round  圆角
 .cu-btn cuIcon  图标按钮

    演示代码

    <button class="cu-btn">默认</button>
@@ -40,8 +40,9 @@

    # 按钮颜色

    css 代码

    .bg-red 背景颜色 | .bg-...
 .shadow 阴影

    演示代码

    <button class="cu-btn round bg-red shadow">按钮</button>
-

    # 镂空按钮

    .bg- 换成 .line-

    .lines-red|... 边框深（大）
+

    # 镂空按钮

    .bg- 换成 .line-

    css 代码

    .lines-red|... 边框深（大）
 .line-red|...  边框浅（小）
+

    演示代码

    <button class="cu-btn round line-red shadow">按钮</button>

    # 块状按钮

    css 代码

    .cu-btn lg

    演示代码

    <button class="cu-btn bg-grey lg">玄灰</button>
 <button class="cu-btn bg-red margin-tb-sm lg">嫣红</button>
@@ -72,6 +73,6 @@
         
  • 
           阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/icon/index.html b/docs/.vuepress/dist/pages/basics/icon/index.html index c685ffc..155c8c1 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 d4d99ce..56d0229 100644 --- a/docs/.vuepress/dist/pages/basics/layout/index.html +++ b/docs/.vuepress/dist/pages/basics/layout/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    布局

    # Flex布局

    父级容器的 class 需要加入 flex

    # 固定尺寸

    css

    .basis-xs   所占比例 20%
+

    布局

    # Flex布局

    父级容器的 class 需要加入 flex

    # 固定尺寸

    css

    .basis-xs   所占比例 20%
 .basis-sm   所占比例 40%
 .basis-sub  所占比例 50%
 .basis-lg   所占比例 60%
@@ -131,6 +131,6 @@
         
  • 
           阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/loading/index.html b/docs/.vuepress/dist/pages/basics/loading/index.html index ae05bcc..b876c72 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 7963f30..464aeff 100644 --- a/docs/.vuepress/dist/pages/basics/progress/index.html +++ b/docs/.vuepress/dist/pages/basics/progress/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    进度条

    # 进度条

    点此查看页面源代码

    页面位置：/pages/basics/progress

    上次更新: 2023/05/28, 18:15:33
    头像
    边框阴影

    +

    进度条

    # 进度条

    点此查看页面源代码

    页面位置：/pages/basics/progress

    上次更新: 2023/05/28, 18:15:33
    头像
    边框阴影

    ← 边框阴影→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/shadow/index.html b/docs/.vuepress/dist/pages/basics/shadow/index.html index c30bdc4..79c2667 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 a20f125..6370e54 100644 --- a/docs/.vuepress/dist/pages/basics/tag/index.html +++ b/docs/.vuepress/dist/pages/basics/tag/index.html @@ -10,19 +10,87 @@ - - + +
    ColorUI 使用文档

    标签

    # 标签形状

    css 代码

    .cu-tag  默认　　
+.cu-tag round  椭圆
+.cu-tag radius  圆角
+

    演示代码

    <view class='cu-tag'>默认</view>
+<view class='cu-tag round'>椭圆</view>
+<view class='cu-tag radius'>圆角</view>
+

    # 标签尺寸

    css 代码

    .cu-tag sm  小尺寸
+.cu-tag  默认
+

    演示代码

    <view class='cu-tag radius sm'>小尺寸</view>
+<view class='cu-tag radius'>普通尺寸</view>
+

    # 标签颜色

    css 代码

    .bg-red 背景颜色 | .bg-...
+

    演示代码

    <view class="cu-tag bg-red">标签</view>
+

    # 镂空标签

    .bg- 换成 .line-

    css 代码

    .line-red|...
+

    演示代码

    <view class="cu-tag line-red">标签</view>
+

    # 胶囊样式

    父容器加样式 .cu-capsule，里面包裹需要的图标和标签

    演示代码 可对比右侧预览

    <view class="cu-capsule">
+    <view class='cu-tag bg-red'>
+        <text class='cuIcon-likefill'></text>
+    </view>
+    <view class="cu-tag line-red">
+        12
+    </view>
+</view>
+<view class="cu-capsule round">
+    <view class='cu-tag bg-blue '>
+        <text class='cuIcon-likefill'></text>
+    </view>
+    <view class="cu-tag line-blue">
+        23
+    </view>
+</view>
+<view class="cu-capsule round">
+    <view class='cu-tag bg-blue '>
+        说明
+    </view>
+    <view class="cu-tag line-blue">
+        123
+    </view>
+</view>
+<view class="cu-capsule radius">
+    <view class='cu-tag bg-grey '>
+        <text class='cuIcon-likefill'></text>
+    </view>
+    <view class="cu-tag line-grey">
+        23
+    </view>
+</view>
+<view class="cu-capsule radius">
+    <view class='cu-tag bg-brown sm'>
+        <text class='cuIcon-likefill'></text>
+    </view>
+    <view class="cu-tag line-brown sm">
+        23
+    </view>
+</view>
+

    # 数字标签

    父容器一般为头像 cu-avatar，其中包裹标签，加入样式 .badge

    演示代码 可对比右侧预览

    <view class='cu-avatar xl radius'>
+    港
+    <view class="cu-tag badge">99+</view>
+</view>
+<view class='cu-avatar xl radius' style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg)">
+    <view class='cu-tag badge'>9</view>
+</view>
+<view class='cu-avatar xl radius'>
+    <view class='cu-tag badge'>99</view>
+    <text class='cuIcon-people'></text>
+</view>
+<view class='cu-avatar xl radius'>
+    <view class='cu-tag badge'>99+</view>
+</view>
+
    上次更新: 2023/05/28, 18:15:33
    按钮
    头像

    ← 头像→

    @@ -38,6 +106,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/basics/text/index.html b/docs/.vuepress/dist/pages/basics/text/index.html index bbc3e7a..4b3fd11 100644 --- a/docs/.vuepress/dist/pages/basics/text/index.html +++ b/docs/.vuepress/dist/pages/basics/text/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    文本

    # 文字大小

    .text-xsl  文字大小 60px 用于图标、数字等特大显示
+

    文本

    # 文字大小

    .text-xsl  文字大小 60px 用于图标、数字等特大显示
 .text-sl   文字大小 40px 用于图标、数字等较大显示
 .text-xxl  文字大小 22px 用于金额数字等信息
 .text-xl   文字大小 18px 页面大标题，用于结果页等单一信息页
@@ -113,6 +113,6 @@
         
  • 
           阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/bar/index.html b/docs/.vuepress/dist/pages/component/bar/index.html index bf991f3..aad8a8c 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 d2cc10c..8049557 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 c12af15..3e15cfe 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 03ee9e6..1bc5bd1 100644 --- a/docs/.vuepress/dist/pages/component/form/index.html +++ b/docs/.vuepress/dist/pages/component/form/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    表单

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/form

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

    +

    表单

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/form

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

    ← 时间轴→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/list/index.html b/docs/.vuepress/dist/pages/component/list/index.html index 0e6d9a3..17ce1c2 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 54b4b86..f1c58e3 100644 --- a/docs/.vuepress/dist/pages/component/modal/index.html +++ b/docs/.vuepress/dist/pages/component/modal/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    模态框

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/modal

    上次更新: 2023/05/28, 18:15:33
    轮播
    步骤条

    +

    模态框

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/modal

    上次更新: 2023/05/28, 18:15:33
    轮播
    步骤条

    ← 步骤条→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/component/nav/index.html b/docs/.vuepress/dist/pages/component/nav/index.html index 264062c..3677d42 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 abf93bc..e080793 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 313103d..d65363b 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 a328b49..3822fce 100644 --- a/docs/.vuepress/dist/pages/component/timeline/index.html +++ b/docs/.vuepress/dist/pages/component/timeline/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    时间轴

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/timeline

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

    +

    时间轴

    # 操作条

    点此查看页面源代码

    页面位置：/pages/component/timeline

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

    ← 聊天→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/plugin/animation/index.html b/docs/.vuepress/dist/pages/plugin/animation/index.html index 08d00ba..884dbee 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 611896d..7e24201 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 14bb45a..d839b2a 100644 --- a/docs/.vuepress/dist/pages/plugin/indexes/index.html +++ b/docs/.vuepress/dist/pages/plugin/indexes/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    索引动画

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/indexes

    上次更新: 2023/05/28, 18:15:33
    步骤条
    微动画

    +

    索引动画

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/indexes

    上次更新: 2023/05/28, 18:15:33
    步骤条
    微动画

    ← 微动画→

    @@ -38,6 +38,6 @@
  • 阅读模式
    • - + diff --git a/docs/.vuepress/dist/pages/plugin/verticalnav/index.html b/docs/.vuepress/dist/pages/plugin/verticalnav/index.html index 3c47c2d..7087acf 100644 --- a/docs/.vuepress/dist/pages/plugin/verticalnav/index.html +++ b/docs/.vuepress/dist/pages/plugin/verticalnav/index.html @@ -10,8 +10,8 @@ - - + +
    ColorUI 使用文档

    垂直导航

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/verticalnav

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

    +

    垂直导航

    # 操作条

    点此查看页面源代码

    页面位置：/pages/plugin/verticalnav

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

    ←

    Theme by @@ -37,6 +37,6 @@
  • 阅读模式
    • - + diff --git a/docs/10.文档/10.快速开始/10.介绍.md b/docs/10.文档/10.快速开始/10.介绍.md index 8248510..dc26616 100644 --- a/docs/10.文档/10.快速开始/10.介绍.md +++ b/docs/10.文档/10.快速开始/10.介绍.md @@ -6,7 +6,7 @@ article: false --- ::: tip 温馨提示 -本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用 +本文档并非是官方文档，而是本人自己经常使用 Color UI，但是又找不到一个满意的文档，不如自己搭建一个文档，自己使用方便的同时也方便大家使用。 ::: ## 基本介绍 @@ -17,6 +17,8 @@ Color UI 我想大家都知晓吧，我就不过多阐述了，是 **文晓港** [ColorUI 插件市场](https://ext.dcloud.net.cn/plugin?id=239) +[ColorUI 在线展示](https://miren123.gitee.io/colorui-h5/#/) 因为右侧的h5是用iframe来嵌入的，因此字体和极小一部分的样式会有出入，文档里只做展示，比较完整的样式，点这里查看。 + ## 文档说明 文档左侧目录，基础元素、交互组件、插件扩展分别对应，Color UI 底部对应的三个大模块，而三个模块下二级目录，也分别对应三个页面里的模块，点击目录右侧会跳转到对应的页面。 diff --git a/docs/10.文档/20.基础元素/50.按钮.md b/docs/10.文档/20.基础元素/50.按钮.md index 8dba525..bd92573 100644 --- a/docs/10.文档/20.基础元素/50.按钮.md +++ b/docs/10.文档/20.基础元素/50.按钮.md @@ -55,11 +55,17 @@ article: false ## 镂空按钮 `.bg-` 换成 `.line-` +> css 代码 ```css .lines-red|... 边框深（大） .line-red|... 边框浅（小） ``` +> 演示代码 +```vue + +``` + ## 块状按钮 > css 代码 diff --git a/docs/10.文档/20.基础元素/60.标签.md b/docs/10.文档/20.基础元素/60.标签.md index 2ae9fdc..a5e7285 100644 --- a/docs/10.文档/20.基础元素/60.标签.md +++ b/docs/10.文档/20.基础元素/60.标签.md @@ -5,10 +5,126 @@ permalink: /pages/basics/tag article: false --- -## 标签 - -::: details 点此查看页面源代码 -页面位置：`/pages/basics/tag` -```vue +## 标签形状 +> css 代码 +```css +.cu-tag 默认　　 +.cu-tag round 椭圆 +.cu-tag radius 圆角 ``` -::: \ No newline at end of file + +> 演示代码 +```vue +默认 +椭圆 +圆角 +``` + +## 标签尺寸 + +> css 代码 +```css +.cu-tag sm 小尺寸 +.cu-tag 默认 +``` + +> 演示代码 +```vue +小尺寸 +普通尺寸 +``` + +## 标签颜色 + +> css 代码 +```css +.bg-red 背景颜色 | .bg-... +``` + +> 演示代码 +```vue +标签 +``` + +## 镂空标签 +`.bg-` 换成 `.line-` + +> css 代码 +```css +.line-red|... +``` + +> 演示代码 +```vue +标签 +``` + +## 胶囊样式 + +父容器加样式 `.cu-capsule`，里面包裹需要的图标和标签 + +> 演示代码 可对比右侧预览 +```vue + + + + + + 12 + + + + + + + + 23 + + + + + 说明 + + + 123 + + + + + + + + 23 + + + + + + + + 23 + + +``` + +## 数字标签 + +父容器一般为头像 `cu-avatar`，其中包裹**标签**，加入样式 `.badge` + +> 演示代码 可对比右侧预览 +```vue + + 港 + 99+ + + + 9 + + + 99 + + + + 99+ + +``` \ No newline at end of file diff --git a/docs/10.文档/20.基础元素/70.头像.md b/docs/10.文档/20.基础元素/70.头像.md index d3e705b..0750104 100644 --- a/docs/10.文档/20.基础元素/70.头像.md +++ b/docs/10.文档/20.基础元素/70.头像.md @@ -5,10 +5,90 @@ permalink: /pages/basics/avatar article: false --- -## 头像 - -::: details 点此查看页面源代码 -页面位置：`/pages/basics/avatar` -```vue +## 头像形状 +> css 代码 +```css +.cu-avatar 默认　 +.cu-avatar round 圆 +.cu-avatar radius 圆角 ``` -::: \ No newline at end of file + +> 演示代码 +```vue +默认 +椭圆 +圆角 +``` + +## 头像尺寸 + +> css 代码 +```css +.cu-avatar sm 小 48upx / 24px +.cu-avatar 普通 64upx / 32px +.cu-avatar lg 大 96upx / 48px +.cu-avatar xl 较大 128upx / 64px +``` + +> 演示代码 +```vue +小尺寸 + + + +``` + +## 内嵌文字（图标） + +父容器加上 `.cu-avatar`，该容器内添加文字或者图标。 + +> 演示代码 +```vue + + + + + 港 + +``` + +## 头像颜色 + +父容器加上 `.cu-avatar .bg-red|...`，该容器内添加文字或者图标。 + +> 演示代码 +```vue + + + + + 港 + +``` + +## 头像组 + +父容器加上 `cu-avatar-group`，该容器内放置头像即可 + +> 演示代码 +```vue + + + + + + 港 + + +``` + +## 头像标签 + +父容器是头像，该容器内是数字标签。 + +> 演示代码 +```vue + + + +``` \ No newline at end of file diff --git a/vdoing/components/RightMenu.vue b/vdoing/components/RightMenu.vue index 8f80faf..cabca2c 100644 --- a/vdoing/components/RightMenu.vue +++ b/vdoing/components/RightMenu.vue @@ -28,8 +28,8 @@ -
    - +
    +
    目录
    @@ -149,8 +149,8 @@ export default { position fixed top calc(var(--navbar-height) + 50px) right 6.8vw - width 17vw - height 34vw + width 17.5vw + height 34.2vw z-index -1 background-image: url(https://www.uviewui.com/common/iPhone13.png); background-repeat: no-repeat; @@ -159,8 +159,8 @@ export default { iframe display block width 100% - height 33vw - border-radius: 10px 10px 20px 20px + height 33.9vw + border-radius: 10px 10px 20px 20px .theme-style-line .right-menu-wrapper