PhaseWeb3-Vue/assets/UserSticker-Ci0xMphV.js

2 lines
1.1 KiB
JavaScript

import{r as p,M as f,j as a,d as o,i as u,F as h,k as v,b6 as x}from"./index-D0hKoGh3.js";const b={class:"relative overflow-hidden w-[320px] h-[554px] border"},g=["src"],k=["src"],w={__name:"UserSticker",props:{profile:{type:Object,default:null},version:{type:Number,default:14},size:{type:Number,default:320}},setup(_){const t=_,s=p(t.profile),l=p(t.version);f(()=>t.version,()=>{s.value=t.profile,l.value=t.version});const d="https://cdn.phaseii.network/file/PhaseII/game-assets/trbitem";function n(e){return`${d}/${l.value}/${e}.png`}function m(e){return{transform:`translate(${e.sticker_pos_x-150}px, ${e.sticker_pos_y-100}px) scale(${e.sticker_scale_x}, ${e.sticker_scale_x}) rotate(${e.sticker_rotate}deg)`,position:"absolute"}}return(e,y)=>{var i,c;return o(),a("div",b,[u("img",{src:n(((i=s.value.trbitem)==null?void 0:i.base)??0),class:"absolute w-[320px] h-[554px] drop-shadow-lg"},null,8,g),(o(!0),a(h,null,v(((c=s.value.trbitem)==null?void 0:c.stickers)??[],r=>(o(),a("div",{key:r.sticker_id,class:"absolute",style:x(m(r))},[u("img",{src:n(r.sticker_id),class:"w-[300px] h-[300px]"},null,8,k)],4))),128))])}}};export{w as _};