| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="@keyframes nutFadeIn-4fc80275{0%{opacity:0}to{opacity:1}}@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]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-4fc80275],.nutFadeIn[data-v-4fc80275]{animation-name:nutFadeIn-4fc80275}.nutFade-leave-active[data-v-4fc80275],.nutFadeOut[data-v-4fc80275]{animation-name:nutFadeOut-4fc80275}@keyframes nutZoomIn-4fc80275{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-4fc80275{0%{opacity:1}50%{opacity:0;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]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-4fc80275],.nutZoomIn[data-v-4fc80275]{animation-name:nutZoomIn-4fc80275}.nutZoom-leave-active[data-v-4fc80275],.nutZoomOut[data-v-4fc80275]{animation-name:nutZoomOut-4fc80275}@keyframes nutEaseIn-4fc80275{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-4fc80275{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-4fc80275],.nutEaseIn[data-v-4fc80275],.nutEase-leave-active[data-v-4fc80275],.nutEaseOut[data-v-4fc80275]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-4fc80275],.nutEaseIn[data-v-4fc80275]{animation-name:nutEaseIn-4fc80275}.nutEase-leave-active[data-v-4fc80275],.nutEaseOut[data-v-4fc80275]{animation-name:nutEaseOut-4fc80275}@keyframes nutDropIn-4fc80275{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-4fc80275{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-4fc80275],.nutDropIn[data-v-4fc80275],.nutDrop-leave-active[data-v-4fc80275],.nutDropOut[data-v-4fc80275]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-4fc80275],.nutDropIn[data-v-4fc80275]{animation-name:nutDropIn-4fc80275}.nutDrop-leave-active[data-v-4fc80275],.nutDropOut[data-v-4fc80275]{animation-name:nutDropOut-4fc80275}@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]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-4fc80275],.nutRotateIn[data-v-4fc80275]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-4fc80275],.nutRotateOut[data-v-4fc80275]{animation-name:nutRotateOut}.countdown-part-box[data-v-4fc80275]{display:flex;align-items:center}.countdown-part-box .part-item[data-v-4fc80275]{flex-shrink:0;display:flex;align-items: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.515725d0.js","./vendor-legacy.7e726cf7.js","./index-legacy.d9f5fcb6.js"],(function(t){"use strict";var a,e,n,o,i,c,u,d,s,l,r,m,f;return{setters:[function(t){a=t.c},function(t){e=t.a,n=t.A,o=t.B,i=t.C,c=t.r,u=t.o,d=t.e,s=t.j,l=t.k,r=t.g,m=t.l,f=t.t},function(){}],execute:function(){const{createDemo:v}=a("countdown");var p=t("default",v({props:{},setup(){const t=e({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),{...n(t),toggle:()=>{t.paused=!t.paused},onend:()=>{console.log("countdown: ended.")},onpaused:t=>{console.log("paused: ",t)},onrestart:t=>{console.log("restart: ",t)}}}}));o("data-v-4fc80275");const y={class:"demo"},b=r("h2",null,"基础用法",-1),T=r("h2",null,"显示天",-1),h=r("h2",null,"以服务端的时间为准",-1),g=r("h2",null,"显示为 天时分秒",-1),O=r("h2",null,"异步更新结束时间",-1),I=r("h2",null,"控制开始和暂停的倒计时",-1),x={style:{position:"absolute",right:"10px",top:"9px"}},D=r("h2",null,"自定义展示",-1),E={class:"countdown-part-box"},w={class:"part-item-symbol"},k={class:"part-item h"},F=r("span",{class:"part-item-symbol"},":",-1),R={class:"part-item m"},Z=r("span",{class:"part-item-symbol"},":",-1),_={class:"part-item s"},z=r("h2",null,"自定义显示",-1),j=r("span",null,"可调用该组件提供的 restTime 方法获取 '天时分秒' 自定义显示",-1);i(),p.render=function(t,a,e,n,o,i){const v=c("nut-countdown"),p=c("nut-cell"),C=c("nut-button");return u(),d("div",y,[b,s(p,null,{default:l((()=>[s(v,{endTime:t.end,onOnEnd:t.onend},null,8,["endTime","onOnEnd"])])),_:1}),T,s(p,null,{default:l((()=>[s(v,{endTime:t.end,showDays:""},null,8,["endTime"])])),_:1}),h,s(p,null,{default:l((()=>[s(v,{startTime:t.serverTime,endTime:t.end},null,8,["startTime","endTime"])])),_:1}),g,s(p,null,{default:l((()=>[s(v,{showDays:"",showPlainText:"",endTime:t.end},null,8,["endTime"])])),_:1}),O,s(p,null,{default:l((()=>[s(v,{showPlainText:"",endTime:t.asyncEnd},null,8,["endTime"])])),_:1}),I,s(p,null,{default:l((()=>[s(v,{endTime:t.end,paused:t.paused,onOnPaused:t.onpaused,onOnRestart:t.onrestart},null,8,["endTime","paused","onOnPaused","onOnRestart"]),r("div",x,[s(C,{type:"primary",size:"small",onClick:t.toggle},{default:l((()=>[m(f(t.paused?"start":"stop"),1)])),_:1},8,["onClick"])])])),_:1}),D,s(p,null,{default:l((()=>[r("span",null,[s(v,{modelValue:t.resetTime,"onUpdate:modelValue":a[0]||(a[0]=a=>t.resetTime=a),endTime:t.end},{default:l((()=>[r("div",E,[r("div",w,f(t.resetTime.d)+"天",1),r("div",k,f(t.resetTime.h),1),F,r("div",R,f(t.resetTime.m),1),Z,r("div",_,f(t.resetTime.s),1)])])),_:1},8,["modelValue","endTime"])])])),_:1}),z,s(p,null,{default:l((()=>[j])),_:1})])},p.__scopeId="data-v-4fc80275"}}}))}();
|
