You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
7.6 KiB

  1. import{_ as t,f as a,h as e,v as s,o as n,c as i,a as o,n as l,j as A,k as c}from"./index-2f444dcc.js";const g={class:"wheel-page"},r={class:"wheel-container"},B={key:0,class:"pointer"},m={key:1,class:"dialog-overlay"},v=360/7,d=t({__name:"liveEvent",setup(t){const d={"-1980":0,"-1880":6*v,"-1580":5*v,"-1280":4*v,"-666":3*v,"-888":2*v,"-88":v}[-1880],f=a(!1),u=a(!1),K=a(0),w=a(!1),Q=a(!0),E=a(!1);let J=null;async function b(){if(E.value)return;const t=document.querySelector(".wheel");if(!t)return;if(!w.value)return w.value=!0,f.value=!0,t.style.transition="none",t.style.transform=`rotate(${K.value}deg)`,await s(),void t.classList.add("spinning");t.classList.remove("spinning"),t.style.transition="none";const a=window.getComputedStyle(t).transform;let e=0;if("none"!==a){const t=a.split(","),s=parseFloat(t[1]),n=parseFloat(t[4]);e=Math.round(Math.atan2(s,n)*(180/Math.PI))}e=(e+360)%360;let n=d-e;n<0&&(n+=360);const i=n+0,o=K.value,l=o+i,A=i-180,c=A/.288,g=performance.now(),r=a=>{const e=a-g;let s=o;if(e<=c){const t=Math.min(e/c,1);s=o+A*t}else{if(!(e<=c+1200))return s=l,cancelAnimationFrame(J),K.value=s,t.style.transform=`rotate(${s}deg)`,E.value=!0,void setTimeout(()=>u.value=!0,500);{const t=Math.min((e-c)/1200,1),a=1-Math.pow(1-t,3);s=o+A+180*a}}K.value=s,t.style.transform=`rotate(${s}deg)`,J=requestAnimationFrame(r)};J=requestAnimationFrame(r)}function h(){u.value=!1}return e(()=>{s(()=>{const t=document.querySelector(".wheel");t&&(t.style.transform="rotate(0deg)")})}),(t,a)=>(n(),i("div",g,[a[3]||(a[3]=o("div",{class:"bg-container"},[o("img",{class:"bg-image",src:"/test/static/images/bg-359fa774.png",alt:"Background"})],-1)),o("div",r,[o("img",{class:l(["wheel",{spinning:w.value}]),src:"/test/static/images/wheel-411be3b0.png",alt:"Wheel",style:A({transform:`rotate(${K.value}deg)`})},null,6),o("img",{class:l(["rotate-btn",{disabled:E.value||f.value&&!w.value}]),src:"/test/static/images/rotate-5c7fe2e8.png",alt:"Rotate Button",onClick:b},null,2)]),Q.value?(n(),i("div",B)):c("",!0),u.value?(n(),i("div",m,[o("div",{class:"dialog-content"},[a[0]||(a[0]=o("img",{class:"dialog-bg",src:"/test/static/images/tanchuang4-5957606f.png",alt:"Dialog Background"},null,-1)),o("img",{class:"close-btn",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAACE4AAAhOAFFljFgAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAADqxJREFUeNrsnG1sHEcZx//PM7t7vjs7deq4fsnZZ8ep7TgtvpqQlyakAeUFt1JbnLigpqCUQFIaENCWCqmFipeKoqqoohJSoFUQKii4+YCEwBIIwZcIlEBFmhJHVpymtvNa1a7b2I7tvZ2uRzqpsXLru9uzOnfen7Sy5fPtrPan/9zMM3NLyDOjO9uWESMOUDOkbAGoBSRjADUAWKKOwuZ9AFcgMQpgAJBvgOgcIPuldIaXHjl9GXmE8idm1SZi3gFgI4A4gHoABhYHNoBBAMOAPAo4fyp/7fS/PlZBo/c3MBvhmATtBFEXgE0I+CiuIPkKAX93Ztxk/fG0jRwwcpQTIiPyiCTqBrBuESUlGzYA1CGB47DoVQAHFzxBo3sSBo3PbAfwtLqAgGw4DsJPxsb5L/E/n7TzLuh8V2s0avA+SPougBoE5MJFKeVzsJ2Dbpc3lTdBV7pW11kGDkHirqA7ywfyn5D4UvmRU8O+BV3Z5cohvACgGz6gcCngHhSJoqCZmYYzcln99Mlr09J5/JYjfUM5Cers7KTflQ3FWMoeAOuRKSzAFVXg2EqI5nYYrR3g6nr1t2JCvj+C5NAA7FPH4bzdj+TAm3BG3wGcJDJFSvwbpvlAz5avD+/fv19mLKi7u5sOijMxTk5nlRyqqEbo3odhuGK4pgEUKcViQE5NKkm2K2n6bz1whgeQBYenBD9edfjkhYwF9X+xvaQyab9MwO5MEiPqmmB1PgRz/fZFI8WrC5w5cRTXfv8inAvnMkqUlPLVC+P211b39l/DHATm0NPTQ21v/mOnAJ7KZEBgbf8CSh58DGZiI8i0sOgRAqK2EUbrJwGC6vrmg4haoiaf/V/sjjcGBgbSClJyPn34mTtDTC8BqIQHvKwGJQ89gZJdj4BvuhkB18PlFTA7NoMiZXDOn4WcuAoPDCZK3GOMHYs/+oPzvb29abs4HtnVdoiJdgMQXiOyyLefh3H7BsAIRt2e2Dbs/x/DxM8fg5z0lOQ4Uv42cezq3sHBQWdOgtTAgP/aKteGmGfTw0gD3VSB8IFnYXbcBTAjYB6YwdV14Jo47FP/AaYmkQZySexZbh17+fz0wNTUlERKhJSSDoy9Ho0wfxPzELp7t5ucoMqTLUbHZoQ6d2M+QkRf6d0cKwdASAmKx+PUVGptJsI2z0baNyL0+X0gK4SArFD3LNS1D+anPgsQIR0MbIubctNHBZHb51EJ0y7yGBjw7Bzn/q8iwB/WPV9W99KDJRZhhxsa5YYTiQT9YVPjUpOoCx5YW7thrOpAgD+M1jtg3vk5eGEy7X0+jnIAzCMjI2JDZcmOWXNeozZrWzfAAgE+YQFr6wOAYcGD0LqK8JaysjLinaXXQmFBd3saXbMFtCSY6+QJNaqzttwHL8LM991bHQ3xjtpoFQNNSAOFwjDWbUVAfjESGz3LYoLQ/HB9pIZjYWslEzUiDVx/K8SK1QjIL6K+BVxVh3QwKH5LyGhkk1BDwFKkgStrweWVCMgvakmmqh7pIMKysKAYRwR/AoCZ1nTbmqCcsxCYFozb18MDYQlqYYNpOTwQsSYELAw8z721mBvZIGoNBH0sqHU0LwzCCmZgiUcMg+H1AqJGcWGvkRzVMhHKcWOKbh+BdrDw3ERDQIQZKEM6jGCFdKFhj7kQEcoYQFC/0RcRrLhpTiBIcwJBmhMI0hw9azj2NOy+1+FcHgLXNsC4tV3NyfKI2mG