2 lines
1.5 KiB
JavaScript
2 lines
1.5 KiB
JavaScript
import{a as h,r as y,f as n,J as g,k as c,g9 as $,o as d,h as o,i as t,bm as p,F as k,aD as A,t as m,ga as I}from"./index.0f419937.js";const b=h({props:{axis:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},setup(e){const s=y(0),v=n(()=>c(e.axis)),u=n(()=>c(e.data)),_=n(()=>c(e.data).reduce((a,f)=>(a.push({name:f.name,value:f.data.reduce((x,i)=>$(x,i!=null?i: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}}}),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-2ae7724e><div class="big-circle" data-v-2ae7724e></div><div class="small-circle" data-v-2ae7724e></div></div><div class="static-container" data-v-2ae7724e><div class="all-lights1" data-v-2ae7724e></div><div class="all-lights2" data-v-2ae7724e></div><div class="earth" data-v-2ae7724e></div></div>',2);function z(e,s,v,u,_,l){return d(),o("div",B,[t("div",C,[t("div",{class:"main",style:p(`transform: rotateY(-${e.count*360/3}deg) translateZ(-200px)`)},[(d(!0),o(k,null,A(e.list,(r,a)=>(d(),o("div",{class:"figure frame",style:p(`transform: rotateY(${a*360/3}deg) translateZ(400px)`),key:a},[t("div",D,[t("div",S,m(r.name),1),t("div",Z,m(r.value),1)])],4))),128))],4),w])])}var N=g(b,[["render",z],["__scopeId","data-v-2ae7724e"]]);export{N as default};
|