3 lines
1.9 KiB
JavaScript
3 lines
1.9 KiB
JavaScript
import{d as X,r as u,j as _,aA as Y,ae as f,af as h,ao as o,ai as n,ap as i,aj as v,ag as l,av as m,b2 as A,al as E,b3 as P}from"./index-616702d4.js";import{_ as B}from"./GradientText-c11b36f7.js";import"./format-length-c9d165c6.js";const W={class:"wh-full flex-col-center"},$={class:"flex-center py-12px"},z={class:"flex-center"},F={class:"w-full h-full"},I=["cx","cy","rx","ry"],L=60,D=X({__name:"index",setup(T){const y=A("root"),e={cX:202,cY:102,rX:200,rY:100,strokeWidth:2},g=(()=>{const{rX:r,rY:c,strokeWidth:s}=e,t=(r+s)*2,p=(c+s)*2;return`width:${t}px;height:${p}px;`})(),d=u(0),k=_(()=>{const{rX:r,rY:c}=e,s=r*Math.sin(d.value),t=c*Math.cos(d.value);return`transform: translate3d(${s}px,${t}px,0px)`}),w=u(2),b=2*Math.PI,C=_(()=>b/w.value/L),a=u(null),M=_(()=>a.value!==null),x=()=>{d.value+=C.value,a.value=window.requestAnimationFrame(x)},N=()=>{a.value!==null&&(window.cancelAnimationFrame(a.value),a.value=null)};return(r,c)=>{const s=B,t=E,p=Y("router-link"),S=P;return f(),h("div",W,[o(s,{class:"mb-24px",type:"primary",size:28},{default:n(()=>[i("Custom Constant Page")]),_:1}),o(p,{to:{name:v(y)}},{default:n(()=>[o(t,{type:"primary"},{default:n(()=>[i("回到首页")]),_:1})]),_:1},8,["to"]),o(S,{bordered:!1,size:"small",class:"mt-24px rounded-8px shadow-sm"},{default:n(()=>[l("div",$,[o(t,{type:"primary",class:"mr-24px",disabled:M.value,onClick:x},{default:n(()=>[i("开始")]),_:1},8,["disabled"]),o(t,{type:"error",onClick:N},{default:n(()=>[i("暂停")]),_:1})]),l("div",z,[l("div",{class:"relative bg-primary_active",style:m(v(g))},[(f(),h("svg",F,[l("ellipse",{cx:e.cX,cy:e.cY,rx:e.rX,ry:e.rY,style:m({strokeWidth:e.strokeWidth+"px"}),class:"fill-none stroke-primary"},null,12,I)])),l("div",{class:"absolute left-182px top-82px w-40px h-40px bg-red rounded-20px",style:m(k.value)},null,4)],4)])]),_:1})])}}});export{D as default};
|
|
//# sourceMappingURL=index-b85f958c.js.map
|