mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 19:41:42 +08:00
2 lines
23 KiB
CSS
2 lines
23 KiB
CSS
.van-doc-nav{position:absolute;left:0;top:var(--van-doc-header-top-height);bottom:0;z-index:1;min-width:var(--van-doc-nav-width);max-width:var(--van-doc-nav-width);padding:8px 0;overflow-y:scroll;background-color:var(--van-doc-background-2)}@media(min-width: var(--van-doc-row-max-width)){.van-doc-nav{left:50%;margin-left:calc(-.5*var(--van-doc-row-max-width))}}.van-doc-nav.van-doc-nav-fixed{position:fixed;top:0}.van-doc-nav::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}.van-doc-nav::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}.van-doc-nav:hover::-webkit-scrollbar-thumb{background-color:rgba(69,90,100,.2)}.van-doc-nav__group{margin-bottom:16px;padding-left:6px}.van-doc-nav__title{padding:24px 0 0 var(--van-doc-padding);color:var(--van-doc-text-color-2);font-weight:600;font-size:16px;line-height:28px}.van-doc-nav__item a{display:block;margin:4px 0;padding:6px 0 6px var(--van-doc-padding);color:var(--van-doc-text-color-3);font-size:14px;line-height:20px;transition:color.2s}.van-doc-nav__item a:hover,.van-doc-nav__item a.active{color:var(--van-doc-link-color)}.van-doc-nav__item a.active{font-weight:600}.van-doc-nav__item a span{font-size:13px}@media(max-width:1300px){.van-doc-nav__item a{font-size:13px}.van-doc-nav__item:active{font-size:14px}}.van-doc-header{width:100%;background-color:var(--van-doc-header-background);-webkit-user-select:none;user-select:none;position:relative;z-index:2}.van-doc-header__top{display:flex;align-items:center;height:var(--van-doc-header-top-height);padding:0 var(--van-doc-padding)}.van-doc-header__top-nav{flex:1;font-size:0;text-align:right}.van-doc-header__top-nav>li{position:relative;display:inline-block;vertical-align:middle}.van-doc-header__top-nav-item{margin-left:16px}.van-doc-header__top-nav-title{display:block;font-size:15px}.van-doc-header__cube{position:relative;display:block;padding:0 12px;color:#001938;background:#f7f8fa;font-size:14px;line-height:30px;text-align:center;border:1px solid rgba(255,255,255,.7);border-radius:20px;cursor:pointer;transition:.3s ease-in-out}.van-doc-header__version{padding-right:20px}.van-doc-header__version:after{position:absolute;top:10px;right:9px;width:5px;height:5px;color:#001938;border:1px solid;border-color:transparent transparent currentColor currentColor;transform:rotate(315deg);content:""}.van-doc-header__version-pop{position:absolute;top:34px;left:0;width:100%;z-index:99;color:#333;line-height:36px;text-align:left;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px#ebedf0;transform-origin:top;transition:.2s cubic-bezier(.215,.61,.355,1)}.van-doc-header__version-pop-item{padding-left:12px;transition:.2s}.van-doc-header__version-pop-item:hover{color:var(--van-doc-link-color);background-color:#f7f8fa}.van-doc-header__logo{display:block}.van-doc-header__logo img{display:inline-block;width:28px;margin-right:12px;vertical-align:middle}.van-doc-header__title{display:inline-block;color:#fff;font-size:22px;vertical-align:middle}.van-doc-header__subtitle{display:inline-block;color:#999;margin-left:4px;vertical-align:-4px;font-size:13px}.van-doc-header__link{cursor:pointer}.van-doc-header__link span{color:#fff;font-size:16px}.van-doc-header__link img{display:block;width:30px;height:30px;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.van-doc-header__link img:hover{transform:scale(1.2)}.van-doc-dropdown-enter,.van-doc-dropdown-leave-active{transform:scaley(0);opacity:0}.van-doc-card{margin-bottom:var(--van-doc-padding);padding:28px 28px 32px;background-color:var(--van-doc-background-2);border-radius:var(--van-doc-border-radius);overflow:auto}.van-doc-card>pre code{position:relative;padding-right:30px;pointer-events:none;overflow:initial}.van-doc-card>pre:hover code:before{position:absolute;z-index:9;right:14px;top:11px;width:20px;height:20px;background-position:center;background-size:contain;background-image:url(data:image/png;base64,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);cursor:pointer;content:"";display:block;pointer-events:auto}.van-doc-card>pre .code-copy-success:after{content:"Copied!";display:block;position:absolute;z-index:9;right:-4px;top:0;animation:ease-out code-copy-animation.2s;animation-fill-mode:forwards}@keyframes code-copy-animation{0%{top:0;opacity:0}to{top:-20px;opacity:1}}.van-doc-card>p a,.van-doc-card>ul a,.van-doc-card>table a,.van-doc-card>blockquote a{margin:0 1px;color:var(--van-doc-link-color);-webkit-font-smoothing:auto}.van-doc-card>p a:hover,.van-doc-card>ul a:hover,.van-doc-card>table a:hover,.van-doc-card>blockquote a:hover{opacity:.8}.van-doc-card>p a:active,.van-doc-card>ul a:active,.van-doc-card>table a:active,.van-doc-card>blockquote a:active{opacity:.6}.van-doc-card>h3,.van-doc-card>h4,.van-doc-card>h5,.van-doc-card>h6{font-weight:400;line-height:1.6}.van-doc-card>h3[id],.van-doc-card>h4[id],.van-doc-card>h5[id],.van-doc-card>h6[id]{cursor:pointer}.van-doc-card>h3{margin-bottom:16px;font-weight:600;font-size:20px}.van-doc-card>h4{margin:24px 0 12px;font-weight:600;font-size:18px}.van-doc-card>h5{margin:24px 0 12px;font-weight:600;font-size:16px}.van-doc-card>p{margin-top:16px;color:var(--van-doc-text-color-3);font-size:15px;line-height:26px}.van-doc-card>p strong{color:var(--van-doc-text-color-1)}.van-doc-card>table{width:100%;margin-top:12px;color:var(--van-doc-text-color-3);font-size:14px;line-height:1.5;border-collapse:collapse}.van-doc-card>table th{padding:8px 10px;font-weight:600;text-align:left}.van-doc-card>table th:first-child{padding-left:0}.van-doc-card>table th:last-child{padding-right:0}.van-doc-card>table td{padding:8px;border-top:1px solid var(--van-doc-border-color)}.van-doc-card>table td:first-child{padding-left:0}.van-doc-card>table td:first-child code{margin:0;padding:2px 6px;color:var(--van-doc-blue);font-weight:600;font-size:11px;background-color:rgba(25,137,250,.15);border-radius:20px}.van-doc-card>table td:last-child{padding-right:0}.van-doc-card>table em{display:inline-block;color:var(--van-doc-green);font-size:14px;font-family:var(--van-doc-code-font-family);font-style:normal;max-width:300px;-webkit-font-smoothing:auto}.van-doc-card>ul{margin:16px 0 0}.van-doc-card>ul li,.van-doc-card>ol li{position:relative;margin:5px 0 5px 10px;padding-left:15px;color:var(--van-doc-text-color-3);font-size:15px;line-height:26px}.van-doc-card>ul li:before,.van-doc-card>ol li:before{position:absolute;top:0;left:0;box-sizing:border-box;width:6px;height:6px;margin-top:10px;border:1px solid currentColor;border-radius:50%;content:""}.van-doc-card>hr{margin:30px 0;border:0 none;border-top:1px solid#eee}.van-doc-card>p code,.van-doc-card>ul code,.van-doc-card>ol code,.van-doc-card>table code{display:inline;margin:0 2px;padding:3px 7px;font-size:14px;word-break:keep-all;border-radius:6px;-webkit-font-smoothing:auto;font-family:var(--van-doc-code-font-family)}.van-doc-card>blockquote{margin:16px 0 0;padding:16px;font-size:15px;line-height:26px;color:var(--van-doc-blockquote-color);background-color:var(--van-doc-blockquote-background);border-radius:var(--van-doc-border-radius)}.van-doc-card>img,.van-doc-card>p img{width:100%;margin:16px 0 0;border-radius:var(--van-doc-border-radius)}.van-doc-content{position:relative;flex:1;padding:0 0 75px}.van-doc-content .van-doc-markdown-body{padding:var(--van-doc-padding);overflow:hidden}.van-doc-content .van-doc-markdown-body h1,.van-doc-content .van-doc-markdown-body h2{font-weight:400;line-height:1.5}.van-doc-content .van-doc-markdown-body h1[id],.van-doc-content .van-doc-markdown-body h2[id]{cursor:pointer}.van-doc-content .van-doc-markdown-body h1{margin:0 0 30px;font-size:34px;cursor:default}.van-doc-content .van-doc-markdown-body h2{margin:52px 0 20px;font-size:26px}.van-doc-content--changelog strong{display:block;margin:24px 0 12px;font-weight:600;font-size:15px}.van-doc-content--changelog h3+p code{margin:0}.van-doc-content--changelog h3 a{color:inherit;font-size:20px}.van-doc-container{box-sizing:border-box;padding-left:var(--van-doc-nav-width);overflow:hidden}.van-doc-container--with-simulator{padding-right:calc(var(--van-doc-simulator-width) + var(--van-doc-padding))}@media(max-width:1100px){.van-doc-container--with-simulator{padding-right:calc(-8px + var(--van-doc-simulator-width))}}.van-doc-simulator{position:absolute;top:calc(var(--van-doc-padding) + var(--van-doc-header-top-height));right:var(--van-doc-padding);z-index:1;box-sizing:border-box;width:var(--van-doc-simulator-width);min-width:var(--van-doc-simulator-width);overflow:hidden;background:var(--van-doc-background-2);border-radius:var(--van-doc-border-radius)}@media(max-width:1100px){.van-doc-simulator{right:auto;left:750px}}@media(min-width: var(--van-doc-row-max-width)){.van-doc-simulator{right:50%;margin-right:calc(24px + -.5*var(--van-doc-row-max-width))}}.van-doc-simulator-fixed{position:fixed;top:var(--van-doc-padding)}.van-doc-simulator iframe{display:block;width:100%}:root,:host{--van-doc-black:#000;--van-doc-white:#fff;--van-doc-gray-1:#f7f8fa;--van-doc-gray-2:#f2f3f5;--van-doc-gray-3:#ebedf0;--van-doc-gray-4:#dcdee0;--van-doc-gray-5:#c8c9cc;--van-doc-gray-6:#969799;--van-doc-gray-7:#646566;--van-doc-gray-8:#323233;--van-doc-blue:#1989fa;--van-doc-green:#07c160;--van-doc-purple:#8e69d3;--van-doc-padding:32px;--van-doc-row-max-width:1680px;--van-doc-nav-width:220px;--van-doc-border-radius:20px;--van-doc-simulator-width:360px;--van-doc-simulator-height:620px;--van-doc-header-top-height:64px;--van-doc-code-font-family:'Menlo', 'Source Code Pro', 'Monaco',
|
|
'Inconsolata', monospace}.van-doc-theme-light{--van-doc-text-color-1:var(--van-doc-black);--van-doc-text-color-2:var(--van-doc-gray-8);--van-doc-text-color-3:#34495e;--van-doc-text-color-4:var(--van-doc-gray-6);--van-doc-link-color:var(--van-doc-blue);--van-doc-background:#eff2f5;--van-doc-background-2:var(--van-doc-white);--van-doc-background-3:var(--van-doc-white);--van-doc-header-background:#011f3c;--van-doc-border-color:var(--van-doc-gray-2);--van-doc-code-color:#58727e;--van-doc-code-comment-color:var(--van-doc-gray-6);--van-doc-code-background:var(--van-doc-gray-1);--van-doc-blockquote-color:#2f85da;--van-doc-blockquote-background:#ecf9ff}.van-doc-theme-dark{--van-doc-text-color-1:var(--van-doc-white);--van-doc-text-color-2:rgba(255, 255, 255, 0.9);--van-doc-text-color-3:rgba(255, 255, 255, 0.75);--van-doc-text-color-4:rgba(255, 255, 255, 0.6);--van-doc-link-color:#1bb5fe;--van-doc-background:#202124;--van-doc-background-2:rgba(255, 255, 255, 0.06);--van-doc-background-3:rgba(255, 255, 255, 0.1);--van-doc-header-background:rgba(1, 31, 60, 0.3);--van-doc-border-color:#3a3a3c;--van-doc-code-color:rgba(200, 200, 200, 0.85);--van-doc-code-comment-color:var(--van-doc-gray-7);--van-doc-code-background:rgba(0, 0, 0, 0.24);--van-doc-blockquote-color:#bae6fd;--van-doc-blockquote-background:rgba(7, 89, 133, 0.25)}body{min-width:1100px;margin:0;overflow-x:auto;color:var(--van-doc-text-color-2);font-size:16px;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,Roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;background-color:var(--van-doc-background);-webkit-font-smoothing:antialiased}p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none}.van-doc-row{width:100%}@media(min-width: var(--van-doc-row-max-width)){.van-doc-row{width:var(--van-doc-row-max-width);margin:0 auto}}code{position:relative;display:block;padding:16px 20px;overflow-x:auto;color:var(--van-doc-code-color);font-weight:400;font-size:14px;font-family:var(--van-doc-code-font-family);line-height:26px;white-space:pre-wrap;word-wrap:break-word;-webkit-font-smoothing:auto;background-color:var(--van-doc-code-background);border-radius:var(--van-doc-border-radius)}p code{display:inline-flex;padding:4px 10px}pre{margin:20px 0 0}pre+p{margin-top:20px!important}.hljs{display:block;padding:.5em;overflow-x:auto;background:#fff}.hljs-subst{color:var(--van-doc-code-color)}.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:var(--van-doc-green)}.hljs-comment,.hljs-quote{color:var(--van-doc-code-comment-color)}.hljs-params,.hljs-keyword,.hljs-attribute{color:var(--van-doc-purple)}.hljs-deletion,.hljs-variable,.hljs-number,.hljs-regexp,.hljs-literal,.hljs-bullet,.hljs-link{color:#eb6f6f}.hljs-attr,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-built_in,.hljs-doctag,.hljs-type,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong{color:#4994df}.hljs-emphasis{font-style:italic}.van-doc-intro{padding-top:20px;text-align:center}.van-doc-intro p{margin-bottom:20px}.demo-playground[data-v-4fd78de2]{background-color:#fff;border:1px solid#ebedf1;border-radius:1px;margin:24px 0}.demo-playground.transform[data-v-4fd78de2]{transform:translate(0)}.demo-playground--previewer[data-v-4fd78de2]{padding:40px 24px;border-bottom:1px solid#ebedf1}.demo-playground--previewer.compact[data-v-4fd78de2]{padding:0}.demo-playground--code--actions[data-v-4fd78de2]{display:flex;height:40px;padding:0 1em;align-items:center}.demo-playground--code--actions>a[data-v-4fd78de2]:not(:last-child),.demo-playground--code--actions>button[data-v-4fd78de2]:not(:last-child){margin-right:8px}.demo-playground--code--actions>a[data-v-4fd78de2]{display:flex}.demo-playground--code--actions button[data-v-4fd78de2]{position:relative;display:inline-block;width:16px;height:16px;padding:0;border:0;box-sizing:border-box;cursor:pointer;opacity:.6;outline:none;transition:opacity.2s,background.2s}.demo-playground--code--actions button[data-v-4fd78de2]:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}.demo-playground--code--actions button[data-v-4fd78de2]:hover{opacity:.8}.demo-playground--code--actions button[data-v-4fd78de2]:active{opacity:.9}.demo-playground--code--actions button[data-v-4fd78de2]:disabled{opacity:.2;cursor:not-allowed}.demo-playground--code--actions button[role=codesandbox][data-v-4fd78de2]{background-position:-18px 0}.demo-playground--code--actions button[role=codepen][data-v-4fd78de2]{background-position:-36px 0}.demo-playground--code--actions button[role=source][data-v-4fd78de2]{background-position:-72px 0}.demo-playground--code--actions button[role=change-jsx][data-v-4fd78de2]{background-position:-90px 0}.demo-playground--code--actions button[role=change-tsx][data-v-4fd78de2]{background-position:-108px 0}.demo-playground--code--actions button[role=open-demo][data-v-4fd78de2]{background-position:-126px 0}.demo-playground--code--actions button[role=motions][data-v-4fd78de2]{background-position:-162px 0}.demo-playground--code--actions button[role=sketch-component][data-v-4fd78de2]{background-position:-182px 0}.demo-playground--code--actions button[role=sketch-group][data-v-4fd78de2]{background-position:-200px 0}.demo-playground--code--actions button[role=copy][data-status=ready][data-v-4fd78de2]{background-position:-54px 0}.demo-playground--code--actions button[role=copy][data-status=copied][data-v-4fd78de2]{pointer-events:none;background-position:-54px -16px}.demo-playground--code--actions button[role=refresh][data-v-4fd78de2]{background-position-x:-144px}.demo-playground--code--actions>span[data-v-4fd78de2]{flex:1;display:inline-block}.demo-playground--code--content[data-v-4fd78de2]{border-top:1px dashed#ebedf1}.demo-playground--code--content[data-v-4fd78de2] pre{margin:0}.demo-playground--code--content[data-v-4fd78de2] .language-html{border-radius:0}.action-icon[data-v-4fd78de2]{background:url(data:image/png;base64,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)no-repeat 0 0/230px auto} |