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