| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="@-webkit-keyframes nutFadeIn-4fc80275{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-4fc80275{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-4fc80275{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-4fc80275{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-4fc80275],.nutFadeIn[data-v-4fc80275],.nutFade-leave-active[data-v-4fc80275],.nutFadeOut[data-v-4fc80275]{-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-4fc80275],.nutFadeIn[data-v-4fc80275]{-webkit-animation-name:nutFadeIn-4fc80275;animation-name:nutFadeIn-4fc80275}.nutFade-leave-active[data-v-4fc80275],.nutFadeOut[data-v-4fc80275]{-webkit-animation-name:nutFadeOut-4fc80275;animation-name:nutFadeOut-4fc80275}@-webkit-keyframes nutZoomIn-4fc80275{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-4fc80275{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-4fc80275{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-4fc80275{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-4fc80275],.nutZoomIn[data-v-4fc80275],.nutZoom-leave-active[data-v-4fc80275],.nutZoomOut[data-v-4fc80275]{-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-4fc80275],.nutZoomIn[data-v-4fc80275]{-webkit-animation-name:nutZoomIn-4fc80275;animation-name:nutZoomIn-4fc80275}.nutZoom-leave-active[data-v-4fc80275],.nutZoomOut[data-v-4fc80275]{-webkit-animation-name:nutZoomOut-4fc80275;animation-name:nutZoomOut-4fc80275}@-webkit-keyframes nutEaseIn-4fc80275{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-4fc80275{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-4fc80275{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-4fc80275{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-4fc80275],.nutEaseIn[data-v-4fc80275],.nutEase-leave-active[data-v-4fc80275],.nutEaseOut[data-v-4fc80275]{-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-4fc80275],.nutEaseIn[data-v-4fc80275]{-webkit-animation-name:nutEaseIn-4fc80275;animation-name:nutEaseIn-4fc80275}.nutEase-leave-active[data-v-4fc80275],.nutEaseOut[data-v-4fc80275]{-webkit-animation-name:nutEaseOut-4fc80275;animation-name:nutEaseOut-4fc80275}@-webkit-keyframes nutDropIn-4fc80275{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-4fc80275{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-4fc80275{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-4fc80275{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-4fc80275],.nutDropIn[data-v-4fc80275],.nutDrop-leave-active[data-v-4fc80275],.nutDropOut[data-v-4fc80275]{-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-4fc80275],.nutDropIn[data-v-4fc80275]{-webkit-animation-name:nutDropIn-4fc80275;animation-name:nutDropIn-4fc80275}.nutDrop-leave-active[data-v-4fc80275],.nutDropOut[data-v-4fc80275]{-webkit-animation-name:nutDropOut-4fc80275;animation-name:nutDropOut-4fc80275}@-webkit-keyframes rotation-4fc80275{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-4fc80275{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-4fc80275],.nutRotateIn[data-v-4fc80275],.nutRotate-leave-active[data-v-4fc80275],.nutRotateOut[data-v-4fc80275]{-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-4fc80275],.nutRotateIn[data-v-4fc80275]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-4fc80275],.nutRotateOut[data-v-4fc80275]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.countdown-part-box[data-v-4fc80275]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.countdown-part-box .part-item[data-v-4fc80275]{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:25px;background:#e8220e;color:#fff;font-size:14px;border-radius:6px}.countdown-part-box .part-item-symbol[data-v-4fc80275]{margin:0 5px}\n",document.head.appendChild(t),System.register(["./mobile-legacy.7d8c1727.js","./index-legacy.fd9eb9e4.js","./vendor-legacy.44d419bd.js"],(function(t){"use strict";var a,e,n,i,o,c,s,r,m,u,l,f,d,b;return{setters:[function(t){a=t.c},function(t){e=t._},function(t){n=t.a,i=t.A,o=t.r,c=t.e,s=t.j,r=t.k,m=t.B,u=t.C,l=t.g,f=t.o,d=t.l,b=t.t}],execute:function(){const{createDemo:p}=a("countdown"),k=p({props:{},setup(){const t=n({serverTime:Date.now()-3e4,end:Date.now()+5e4,asyncEnd:0,paused:!1,resetTime:{d:"1",h:"00",m:"00",s:"00"}});return setTimeout((()=>{t.asyncEnd=Date.now()+3e4}),3e3),{...i(t),toggle:()=>{t.paused=!t.paused},onend:()=>{console.log("countdown: ended.")},onpaused:t=>{console.log("paused: ",t)},onrestart:t=>{console.log("restart: ",t)}}}}),v=t=>(m("data-v-4fc80275"),t=t(),u(),t),w={class:"demo"},y=v((()=>l("h2",null,"基础用法",-1))),g=v((()=>l("h2",null,"显示天",-1))),O=v((()=>l("h2",null,"以服务端的时间为准",-1))),h=v((()=>l("h2",null,"显示为 天时分秒",-1))),x=v((()=>l("h2",null,"异步更新结束时间",-1))),T=v((()=>l("h2",null,"控制开始和暂停的倒计时",-1))),I={style:{position:"absolute",right:"10px",top:"9px"}},D=v((()=>l("h2",null,"自定义展示",-1))),E={class:"countdown-part-box"},F={class:"part-item-symbol"},Y={class:"part-item h"},Z=v((()=>l("span",{class:"part-item-symbol"},":",-1))),R={class:"part-item m"},_=v((()=>l("span",{class:"part-item-symbol"},":",-1))),z={class:"part-item s"},j=v((()=>l("h2",null,"自定义显示",-1))),C=v((()=>l("span",null,"可调用该组件提供的 restTime 方法获取 '天时分秒' 自定义显示",-1)));t("default",e(k,[["render",function(t,a,e,n,i,m){const u=o("nut-countdown"),p=o("nut-cell"),k=o("nut-button");return f(),c("div",w,[y,s(p,null,{default:r((()=>[s(u,{endTime:t.end,onOnEnd:t.onend},null,8,["endTime","onOnEnd"])])),_:1}),g,s(p,null,{default:r((()=>[s(u,{endTime:t.end,showDays:""},null,8,["endTime"])])),_:1}),O,s(p,null,{default:r((()=>[s(u,{startTime:t.serverTime,endTime:t.end},null,8,["startTime","endTime"])])),_:1}),h,s(p,null,{default:r((()=>[s(u,{showDays:"",showPlainText:"",endTime:t.end},null,8,["endTime"])])),_:1}),x,s(p,null,{default:r((()=>[s(u,{showPlainText:"",endTime:t.asyncEnd},null,8,["endTime"])])),_:1}),T,s(p,null,{default:r((()=>[s(u,{endTime:t.end,paused:t.paused,onOnPaused:t.onpaused,onOnRestart:t.onrestart},null,8,["endTime","paused","onOnPaused","onOnRestart"]),l("div",I,[s(k,{type:"primary",size:"small",onClick:t.toggle},{default:r((()=>[d(b(t.paused?"start":"stop"),1)])),_:1},8,["onClick"])])])),_:1}),D,s(p,null,{default:r((()=>[l("span",null,[s(u,{modelValue:t.resetTime,"onUpdate:modelValue":a[0]||(a[0]=a=>t.resetTime=a),endTime:t.end},{default:r((()=>[l("div",E,[l("div",F,b(t.resetTime.d)+"天",1),l("div",Y,b(t.resetTime.h),1),Z,l("div",R,b(t.resetTime.m),1),_,l("div",z,b(t.resetTime.s),1)])])),_:1},8,["modelValue","endTime"])])])),_:1}),j,s(p,null,{default:r((()=>[C])),_:1})])}],["__scopeId","data-v-4fc80275"]]))}}}))}();
|
