2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{d as h,r as y,e as i,_ as b,j as n,o as c,f as o,h as t,ax as f,F as g,S as $,t as m,dw as I}from"./index.7edff3d4.js";import"ant-design-vue";const S=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((e,p)=>(e.push({name:p.name,value:p.data.reduce((x,r)=>x+=parseFloat(r!=null?r:0),0)}),e),[]));let d=null;function l(){s.value=0,d&&clearInterval(d),d=setInterval(()=>{s.value+=1},3e3)}return l(),{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-dda8bae8><div class="big-circle" data-v-dda8bae8></div><div class="small-circle" data-v-dda8bae8></div></div><div class="static-container" data-v-dda8bae8><div class="all-lights1" data-v-dda8bae8></div><div class="all-lights2" data-v-dda8bae8></div><div class="earth" data-v-dda8bae8></div></div>',2);function Z(a,s,v,u,_,d){return c(),o("div",k,[t("div",w,[t("div",{class:"main",style:f(`transform: rotateY(-${a.count*360/3}deg) translateZ(-200px)`)},[(c(!0),o(g,null,$(a.list,(l,e)=>(c(),o("div",{class:"figure frame",style:f(`transform: rotateY(${e*360/3}deg) translateZ(400px)`),key:e},[t("div",A,[t("div",B,m(l.name),1),t("div",C,m(l.value),1)])],4))),128))],4),F])])}var D=b(S,[["render",Z],["__scopeId","data-v-dda8bae8"]]);export{D as default};
|