2 lines
1.5 KiB
JavaScript
2 lines
1.5 KiB
JavaScript
import{a as h,r as y,f as i,J as g,k as n,g9 as $,o as c,h as o,i as e,bm as p,F as k,aD as A,t as m,ga as I}from"./index.f0c2c548.js";const b=h({props:{axis:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},setup(a){const s=y(0),v=i(()=>n(a.axis)),u=i(()=>n(a.data)),_=i(()=>n(a.data).reduce((t,f)=>(t.push({name:f.name,value:f.data.reduce((x,r)=>$(x,r!=null?r:0),0)}),t),[]));let l=null;function d(){s.value=0,l&&clearInterval(l),l=setInterval(()=>{s.value+=1},3e3)}return d(),{list:_,count:s,pAxis:v,pDxis:u}}}),B={class:"relative w-full h-full",style:{zoom:"0.55"}},C={class:"container-box"},D={class:"text-white px-10px h-full flex flex-col items-center justify-center"},S={class:"text-18px"},Z={class:"text-40px mt-10px"},w=I('<div class="circle-container" style="transform:translateZ(-200px);" data-v-14743d47><div class="big-circle" data-v-14743d47></div><div class="small-circle" data-v-14743d47></div></div><div class="static-container" data-v-14743d47><div class="all-lights1" data-v-14743d47></div><div class="all-lights2" data-v-14743d47></div><div class="earth" data-v-14743d47></div></div>',2);function z(a,s,v,u,_,l){return c(),o("div",B,[e("div",C,[e("div",{class:"main",style:p(`transform: rotateY(-${a.count*360/3}deg) translateZ(-200px)`)},[(c(!0),o(k,null,A(a.list,(d,t)=>(c(),o("div",{class:"figure frame",style:p(`transform: rotateY(${t*360/3}deg) translateZ(400px)`),key:t},[e("div",D,[e("div",S,m(d.name),1),e("div",Z,m(d.value),1)])],4))),128))],4),w])])}var N=g(b,[["render",z],["__scopeId","data-v-14743d47"]]);export{N as default};
|