2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{d as b,r as h,e as i,_ as y,j as n,o as c,f as o,h as a,ax as f,F as g,S as $,t as m,dw as I}from"./index.600742c0.js";import"ant-design-vue";const S=b({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((e,p)=>(e.push({name:p.name,value:p.data.reduce((x,d)=>x+=parseFloat(d!=null?d:0),0)}),e),[]));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}}}),k={class:"relative w-full h-full",style:{zoom:"0.55"}},w={class:"container-box"},A={class:"text-white px-10px h-full flex flex-col items-center justify-center"},B={class:"text-18px"},C={class:"text-40px mt-10px"},F=I('<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 Z(t,s,v,u,_,l){return c(),o("div",k,[a("div",w,[a("div",{class:"main",style:f(`transform: rotateY(-${t.count*360/3}deg) translateZ(-200px)`)},[(c(!0),o(g,null,$(t.list,(r,e)=>(c(),o("div",{class:"figure frame",style:f(`transform: rotateY(${e*360/3}deg) translateZ(400px)`),key:e},[a("div",A,[a("div",B,m(r.name),1),a("div",C,m(r.value),1)])],4))),128))],4),F])])}var D=y(S,[["render",Z],["__scopeId","data-v-1b3b65d1"]]);export{D as default};
|