2 lines
2.9 KiB
JavaScript
2 lines
2.9 KiB
JavaScript
import{d as _,r as m,am as h,an as g,B as $,i as l,l as o,ao as k,o as c,p as x,k as I,as as M,F as b,E as y,b as V,x as A,f as B,e as v,w as N,q as C,j as S}from"./vendor.ea902574.js";import{_ as p}from"./index.19b55c5b.js";const w=_({props:["number","index","numberArr"],setup(e){e.index;const a=m(0);let t=null,s=null;const r=h(async d=>{const n=d*40;a.value=-30,t=setInterval(u=>{a.value+=6,a.value>n+30&&(s=setInterval(i=>{a.value-=1,a.value==n&&(a.value=n,clearInterval(s))},1),clearInterval(t))},1)},1e3,{leading:!0,trailing:!1});return g(()=>{r.cancel(),clearInterval(t),clearInterval(s)}),$(()=>e.number,d=>{r(d)}),{number:a}}});const J=e=>(x("data-v-53d2b454"),e=e(),I(),e),E={class:"ticker-column-container"},j=M('<div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>9</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>8</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>7</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>6</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>5</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>4</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>3</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>2</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>1</span></div><div class="ticker-digit" data-v-53d2b454><span data-v-53d2b454>0</span></div>',10),z=[j],D=J(()=>o("span",{class:"number-placeholder"},"0",-1));function F(e,a,t,s,r,d){return c(),l("div",E,[o("div",{class:"ticker-column",style:k(`transform: translateY(${e.number}px) translateZ(00px);`)},z,4),D])}const U=p(w,[["render",F],["__scopeId","data-v-53d2b454"]]),q=_({props:["number","numberArr"],components:{numberJump:U},setup(e){const a=e.number,t=e.numberArr;return{number:a,numberValue:t}}});const L={class:"jump-number-box"},R={class:"font-200 inline-block"},T={class:"ticker-view",style:{transform:"none","transform-origin":"50% 50% 0px"}};function Y(e,a,t,s,r,d){const n=B("numberJump");return c(),l("div",L,[o("h1",null,[o("span",R,[o("div",T,[(c(!0),l(b,null,y(e.number,(u,i)=>(c(),V(n,{number:e.numberValue[i],index:i,class:A("sort-"+i)},null,8,["number","index","class"]))),256))])])])])}const f=p(q,[["render",Y],["__scopeId","data-v-dcbf3fd0"]]),Z=_({name:"USER",components:{NumberJump:f},setup(){const e=m([1,3,0,5,2]);return{labelArr:e,tttt(){e.value[0]=Math.ceil(Math.random()*9),e.value[1]=Math.ceil(Math.random()*9),e.value[2]=Math.ceil(Math.random()*9),e.value[3]=Math.ceil(Math.random()*9),e.value[4]=Math.ceil(Math.random()*9),console.log("go",e.value)}}}});function G(e,a,t,s,r,d){const n=C,u=f;return c(),l(b,null,[v(n,{onClick:e.tttt},{default:N(()=>[S("\u6D4B\u8BD5")]),_:1},8,["onClick"]),v(u,{number:5,numberArr:e.labelArr},null,8,["numberArr"])],64)}const O=p(Z,[["render",G],["__scopeId","data-v-29eb382b"]]);export{O as default};
|