| 1 |
- !function(){var a=document.createElement("style");a.innerHTML="@-webkit-keyframes nutFadeIn-f4fab49e{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn-f4fab49e{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut-f4fab49e{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut-f4fab49e{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-f4fab49e],.nutFadeIn[data-v-f4fab49e],.nutFade-leave-active[data-v-f4fab49e],.nutFadeOut[data-v-f4fab49e]{-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-f4fab49e],.nutFadeIn[data-v-f4fab49e]{-webkit-animation-name:nutFadeIn-f4fab49e;animation-name:nutFadeIn-f4fab49e}.nutFade-leave-active[data-v-f4fab49e],.nutFadeOut[data-v-f4fab49e]{-webkit-animation-name:nutFadeOut-f4fab49e;animation-name:nutFadeOut-f4fab49e}@-webkit-keyframes nutZoomIn-f4fab49e{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomIn-f4fab49e{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes nutZoomOut-f4fab49e{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nutZoomOut-f4fab49e{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-f4fab49e],.nutZoomIn[data-v-f4fab49e],.nutZoom-leave-active[data-v-f4fab49e],.nutZoomOut[data-v-f4fab49e]{-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-f4fab49e],.nutZoomIn[data-v-f4fab49e]{-webkit-animation-name:nutZoomIn-f4fab49e;animation-name:nutZoomIn-f4fab49e}.nutZoom-leave-active[data-v-f4fab49e],.nutZoomOut[data-v-f4fab49e]{-webkit-animation-name:nutZoomOut-f4fab49e;animation-name:nutZoomOut-f4fab49e}@-webkit-keyframes nutEaseIn-f4fab49e{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn-f4fab49e{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut-f4fab49e{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes nutEaseOut-f4fab49e{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-f4fab49e],.nutEaseIn[data-v-f4fab49e],.nutEase-leave-active[data-v-f4fab49e],.nutEaseOut[data-v-f4fab49e]{-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-f4fab49e],.nutEaseIn[data-v-f4fab49e]{-webkit-animation-name:nutEaseIn-f4fab49e;animation-name:nutEaseIn-f4fab49e}.nutEase-leave-active[data-v-f4fab49e],.nutEaseOut[data-v-f4fab49e]{-webkit-animation-name:nutEaseOut-f4fab49e;animation-name:nutEaseOut-f4fab49e}@-webkit-keyframes nutDropIn-f4fab49e{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes nutDropIn-f4fab49e{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes nutDropOut-f4fab49e{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes nutDropOut-f4fab49e{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-f4fab49e],.nutDropIn[data-v-f4fab49e],.nutDrop-leave-active[data-v-f4fab49e],.nutDropOut[data-v-f4fab49e]{-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-f4fab49e],.nutDropIn[data-v-f4fab49e]{-webkit-animation-name:nutDropIn-f4fab49e;animation-name:nutDropIn-f4fab49e}.nutDrop-leave-active[data-v-f4fab49e],.nutDropOut[data-v-f4fab49e]{-webkit-animation-name:nutDropOut-f4fab49e;animation-name:nutDropOut-f4fab49e}@-webkit-keyframes rotation-f4fab49e{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation-f4fab49e{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-f4fab49e],.nutRotateIn[data-v-f4fab49e],.nutRotate-leave-active[data-v-f4fab49e],.nutRotateOut[data-v-f4fab49e]{-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-f4fab49e],.nutRotateIn[data-v-f4fab49e]{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active[data-v-f4fab49e],.nutRotateOut[data-v-f4fab49e]{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}#app .demo[data-v-f4fab49e]{padding:57px 0 0}.show-demo[data-v-f4fab49e]{background:#ffffff;padding:0 20px}h2[data-v-f4fab49e]{padding:0 20px}.btnBtn[data-v-f4fab49e]{text-align:center}.btnBtn .nut-button[data-v-f4fab49e]{margin-right:20px}.disabledClick[data-v-f4fab49e]{pointer-events:none!important;cursor:not-allowed!important;opacity:.6!important}\n",document.head.appendChild(a),System.register(["./mobile-legacy.56c2e638.js","./vendor-legacy.d8a4b3f3.js","./index-legacy.7fac09e4.js"],(function(a){"use strict";var t,e,n,i,o,f,m,r,u,s,c,b,d,l;return{setters:[function(a){t=a.c},function(a){e=a.a,n=a.m,i=a.b,o=a.A,f=a.B,m=a.C,r=a.r,u=a.o,s=a.e,c=a.g,b=a.j,d=a.k,l=a.l},function(){}],execute:function(){const{createDemo:v}=t("countup");var p=a("default",v({props:{},setup(){const a=e({customNumber:618,bgImage:"https://img10.360buyimg.com/imagetools/jfs/t1/133024/3/2251/2646/5ee7549aE8dc02d7e/de6901b6c72db396.png",startFlag:!1,startFlag2:!1,machineNum:3,bgImage2:"https://img10.360buyimg.com/imagetools/jfs/t1/121466/20/6784/28830/5f06e7f2Edbb8998c/9bdd9e7b24dff9fe.png",prizeLevel:0}),t=n(null);return i((()=>{setInterval((()=>{a.customNumber=Math.floor(601*Math.random()+100)}),5e3)})),{...o(a),scrollAniEnd:t=>{console.log(t?"恭喜中奖！！！":"很遗憾！没有中奖"),setTimeout((()=>{a.startFlag=!1}),300)},startRole:()=>{a.prizeLevel=Math.floor(5*Math.random()+1),console.log(a.prizeLevel,"中奖"),a.startFlag=!0,setTimeout((()=>{t.value.machineLuck()}),500)},startRole2:()=>{a.prizeLevel=-1,console.log(a.prizeLevel,"不中奖"),a.startFlag=!0,setTimeout((()=>{t.value.machineLuck()}),500)},countupMachine:t}}}));f("data-v-f4fab49e");const k={class:"demo"},g=c("h2",null,"基础用法",-1),w={class:"show-demo"},y=c("h2",null,"数字滚动",-1),h={class:"show-demo"},I=c("h2",null,"自定义滚动图片展示",-1),O={class:"show-demo"},E=c("h2",null,"抽奖（模拟滚动抽奖）",-1),F={class:"show-demo"},z={class:"btnBtn"},D=l("抽奖"),R=l("不中奖");m(),p.render=function(a,t,e,n,i,o){const f=r("nut-countup"),m=r("nut-button");return u(),s("div",k,[g,c("div",w,[b(f,{"init-num":0,"end-num":200}),b(f,{"init-num":150,"end-num":0,speed:6.18,"to-fixed":2},null,8,["init-num","end-num","speed"]),b(f,{"init-num":500,"end-num":0,speed:17,"to-fixed":2},null,8,["init-num","end-num"])]),y,c("div",h,[b(f,{scrolling:!0,"init-num":17.618,during:600},null,8,["init-num"])]),I,c("div",O,[b(f,{"custom-change-num":a.customNumber,"custom-bg-img":a.bgImage,"custom-spac-num":11,"num-width":33,"num-height":47,during:8e3},null,8,["custom-change-num","custom-bg-img"])]),E,c("div",F,[b(f,{ref:"countupMachine",type:"machine","machine-num":a.machineNum,"machine-prize-num":5,"machine-prize-level":a.prizeLevel,"custom-bg-img":a.bgImage2,"num-width":100,"num-height":100,during:3e3,onScrollEnd:a.scrollAniEnd},null,8,["machine-num","machine-prize-level","custom-bg-img","onScrollEnd"]),c("div",z,[b(m,{type:"danger",onClick:a.startRole,disabled:a.startFlag},{default:d((()=>[D])),_:1},8,["onClick","disabled"]),b(m,{type:"danger",onClick:a.startRole2,disabled:a.startFlag},{default:d((()=>[R])),_:1},8,["onClick","disabled"])])])])},p.__scopeId="data-v-f4fab49e"}}}))}();
|
