PhaseWeb3-Vue/assets/UserSticker-DfYKb5ii.js

2 lines
1.1 KiB
JavaScript

import{r as i,V as d,a,f as o,p as c,F as m,g as f,aI as h}from"./index-J-qTXsT3.js";const v={class:"relative overflow-hidden w-[320px] h-[554px] border"},x=["src"],b=["src"],y={__name:"UserSticker",props:{profile:{type:Object,default:null},version:{type:Number,default:14},size:{type:Number,default:320}},setup(p){const t=p,s=i(t.profile),l=i(t.version);d(()=>t.version,()=>{s.value=t.profile,l.value=t.version});const u="https://cdn.phaseii.network/file/PhaseII/game-assets/trbitem";function n(e){return`${u}/${l.value}/${e}.png`}function _(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,$)=>(a(),o("div",v,[c("img",{src:n(s.value.trbitem?.base??0),class:"absolute w-[320px] h-[554px] drop-shadow-lg"},null,8,x),(a(!0),o(m,null,f(s.value.trbitem?.stickers??[],r=>(a(),o("div",{key:r.sticker_id,class:"absolute",style:h(_(r))},[c("img",{src:n(r.sticker_id),class:"w-[300px] h-[300px]"},null,8,b)],4))),128))]))}};export{y as _};