2 lines
3.0 KiB
JavaScript
2 lines
3.0 KiB
JavaScript
import"./difference.dcfc45ca.js";import{t as h}from"./throttle.9e40e6dc.js";import{d as _,r as m,bl as g,q as $,_ as p,c as l,a as o,aI as k,o as c,p as x,j as I,a_ as M,aa as b,bp as y,h as V,aG as A,e as N,b as v,w as B,l as C,f as S}from"./index.435adb25.js";import"./lodash.f4bc9830.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),j={class:"ticker-column-container"},z=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),D=[z],E=J(()=>o("span",{class:"number-placeholder"},"0",-1));function U(e,a,t,s,r,d){return c(),l("div",j,[o("div",{class:"ticker-column",style:k(`transform: translateY(${e.number}px) translateZ(00px);`)},D,4),E])}const q=p(w,[["render",U],["__scopeId","data-v-53d2b454"]]),F=_({props:["number","numberArr"],components:{numberJump:q},setup(e){const a=e.number,t=e.numberArr;return{number:a,numberValue:t}}});const G={class:"jump-number-box"},L={class:"font-200 inline-block"},R={class:"ticker-view",style:{transform:"none","transform-origin":"50% 50% 0px"}};function T(e,a,t,s,r,d){const n=N("numberJump");return c(),l("div",G,[o("h1",null,[o("span",L,[o("div",R,[(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(F,[["render",T],["__scopeId","data-v-dcbf3fd0"]]),Y=_({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 Z(e,a,t,s,r,d){const n=C,u=f;return c(),l(b,null,[v(n,{onClick:e.tttt},{default:B(()=>[S("\u6D4B\u8BD5")]),_:1},8,["onClick"]),v(u,{number:5,numberArr:e.labelArr},null,8,["numberArr"])],64)}const Q=p(Y,[["render",Z],["__scopeId","data-v-29eb382b"]]);export{Q as default};
|