| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="@-webkit-keyframes nutFadeIn-3325d30e{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-3325d30e{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-3325d30e{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-3325d30e{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-3325d30e],.nutFadeIn[data-v-3325d30e],.nutFade-leave-active[data-v-3325d30e],.nutFadeOut[data-v-3325d30e]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-3325d30e],.nutFadeIn[data-v-3325d30e]{-webkit-animation-name:nutFadeIn-3325d30e;animation-name:nutFadeIn-3325d30e}.nutFade-leave-active[data-v-3325d30e],.nutFadeOut[data-v-3325d30e]{-webkit-animation-name:nutFadeOut-3325d30e;animation-name:nutFadeOut-3325d30e}@-webkit-keyframes nutZoomIn-3325d30e{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-3325d30e{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-3325d30e{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-3325d30e{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-3325d30e],.nutZoomIn[data-v-3325d30e],.nutZoom-leave-active[data-v-3325d30e],.nutZoomOut[data-v-3325d30e]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-3325d30e],.nutZoomIn[data-v-3325d30e]{-webkit-animation-name:nutZoomIn-3325d30e;animation-name:nutZoomIn-3325d30e}.nutZoom-leave-active[data-v-3325d30e],.nutZoomOut[data-v-3325d30e]{-webkit-animation-name:nutZoomOut-3325d30e;animation-name:nutZoomOut-3325d30e}@-webkit-keyframes nutEaseIn-3325d30e{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-3325d30e{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-3325d30e{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-3325d30e{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.nutEase-enter-active[data-v-3325d30e],.nutEaseIn[data-v-3325d30e],.nutEase-leave-active[data-v-3325d30e],.nutEaseOut[data-v-3325d30e]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-3325d30e],.nutEaseIn[data-v-3325d30e]{-webkit-animation-name:nutEaseIn-3325d30e;animation-name:nutEaseIn-3325d30e}.nutEase-leave-active[data-v-3325d30e],.nutEaseOut[data-v-3325d30e]{-webkit-animation-name:nutEaseOut-3325d30e;animation-name:nutEaseOut-3325d30e}@-webkit-keyframes nutDropIn-3325d30e{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-3325d30e{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-3325d30e{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-3325d30e{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}.nutDrop-enter-active[data-v-3325d30e],.nutDropIn[data-v-3325d30e],.nutDrop-leave-active[data-v-3325d30e],.nutDropOut[data-v-3325d30e]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-3325d30e],.nutDropIn[data-v-3325d30e]{-webkit-animation-name:nutDropIn-3325d30e;animation-name:nutDropIn-3325d30e}.nutDrop-leave-active[data-v-3325d30e],.nutDropOut[data-v-3325d30e]{-webkit-animation-name:nutDropOut-3325d30e;animation-name:nutDropOut-3325d30e}@-webkit-keyframes rotation-3325d30e{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-3325d30e{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-3325d30e],.nutRotateIn[data-v-3325d30e],.nutRotate-leave-active[data-v-3325d30e],.nutRotateOut[data-v-3325d30e]{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-3325d30e],.nutRotateIn[data-v-3325d30e]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-3325d30e],.nutRotateOut[data-v-3325d30e]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.wrapper[data-v-3325d30e]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper .content[data-v-3325d30e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;height:150px;background:#fff;border-radius:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:red}\n",document.head.appendChild(t),System.register(["./mobile-legacy.5461c0f6.js","./index-legacy.d5ee9e8d.js","./vendor-legacy.44d419bd.js"],(function(t){"use strict";var e,a,n,i,o,d,r,s,m,c,u,l;return{setters:[function(t){e=t.c},function(t){a=t._},function(t){n=t.a,i=t.r,o=t.e,d=t.j,r=t.k,s=t.B,m=t.C,c=t.g,u=t.o,l=t.l}],execute:function(){const{createDemo:b}=e("overlay"),f=b({props:{},setup:()=>({state:n({show:!1,show2:!1})})}),k=t=>(s("data-v-3325d30e"),t=t(),m(),t),v={class:"demo"},p=k((()=>c("h2",null,"基础用法",-1))),w=l("显示遮罩层"),y=k((()=>c("h2",null,"嵌套内容",-1))),I=l("嵌套内容"),g=k((()=>c("div",{class:"wrapper"},[c("div",{class:"content"},"这里是正文")],-1)));t("default",a(f,[["render",function(t,e,a,n,s,m){const c=i("nut-button"),l=i("nut-overlay"),b=i("nut-cell");return u(),o("div",v,[p,d(b,null,{default:r((()=>[d(c,{type:"primary",onClick:e[0]||(e[0]=e=>t.state.show=!0)},{default:r((()=>[w])),_:1}),d(l,{visible:t.state.show,"onUpdate:visible":e[1]||(e[1]=e=>t.state.show=e),"z-index":2e3},null,8,["visible"])])),_:1}),y,d(b,null,{default:r((()=>[d(c,{type:"success",onClick:e[2]||(e[2]=e=>t.state.show2=!0)},{default:r((()=>[I])),_:1}),d(l,{visible:t.state.show2,"onUpdate:visible":e[3]||(e[3]=e=>t.state.show2=e),"z-index":2e3},{default:r((()=>[g])),_:1},8,["visible"])])),_:1})])}],["__scopeId","data-v-3325d30e"]]))}}}))}();
|
