"use strict";(self["webpackChunknewfront"]=self["webpackChunknewfront"]||[]).push([[5],{211:function(e,s,a){a.d(s,{A:function(){return q}});var t=a(6768),l=a(4232),i=a(5130);const n={class:"user-meta"},r=["src"],d={class:"user-name"},o={class:"user-badges"},c=["title"],u=["title"],v={key:2,class:"badge medal"},f={class:"card-container"},k={class:"detail-header"},h=["src"],L={class:"detail-right"},g={class:"detail-name"},m={class:"user-badges"},I=["title"],b=["title"],w={key:2,class:"badge medal"},p={key:0,class:"user-sign"},C={class:"sign-text"},y={class:"user-stats"},E={class:"stat-item"},U={class:"stat-value"},X={class:"stat-item"},_={class:"stat-value"},D={class:"card-footer"};function Q(e,s,a,Q,F,A){return(0,t.uX)(),(0,t.CE)("div",n,[(0,t.Lk)("div",{class:"user-basic",onMouseenter:s[0]||(s[0]=e=>F.showDetail=!0)},[(0,t.Lk)("img",{src:F.userInfo.avatarUrl,alt:"用户头像",class:"avatar"},null,8,r),(0,t.Lk)("div",d,(0,l.v_)(F.userInfo.nickname),1),(0,t.Lk)("div",o,[F.userInfo.verified?((0,t.uX)(),(0,t.CE)("span",{key:0,class:"badge verified",title:F.userInfo.verified},"认证",8,c)):(0,t.Q3)("",!0),F.userInfo.invited?((0,t.uX)(),(0,t.CE)("span",{key:1,class:"badge invited",title:F.userInfo.invited},"特邀",8,u)):(0,t.Q3)("",!0),1===F.userInfo.medal?((0,t.uX)(),(0,t.CE)("span",v,"小站奖章")):(0,t.Q3)("",!0)])],32),(0,t.bF)(i.eB,{name:"detail-fade"},{default:(0,t.k6)((()=>[F.showDetail?((0,t.uX)(),(0,t.CE)("div",{key:0,class:"user-detail",onMouseenter:s[2]||(s[2]=e=>F.showDetail=!0),onMouseleave:s[3]||(s[3]=e=>F.showDetail=!1)},[(0,t.Lk)("div",f,[(0,t.Lk)("div",k,[s[4]||(s[4]=(0,t.Lk)("div",{class:"header-bg"},null,-1)),(0,t.Lk)("img",{src:F.userInfo.avatarUrl,alt:"用户头像",class:"detail-avatar"},null,8,h),(0,t.Lk)("div",L,[(0,t.Lk)("div",g,(0,l.v_)(F.userInfo.nickname),1),(0,t.Lk)("div",m,[F.userInfo.verified?((0,t.uX)(),(0,t.CE)("span",{key:0,class:"badge verified",title:F.userInfo.verified},"认证",8,I)):(0,t.Q3)("",!0),F.userInfo.invited?((0,t.uX)(),(0,t.CE)("span",{key:1,class:"badge invited",title:F.userInfo.invited},"特邀",8,b)):(0,t.Q3)("",!0),1===F.userInfo.medal?((0,t.uX)(),(0,t.CE)("span",w,"小站奖章")):(0,t.Q3)("",!0)])])]),F.userInfo.sign?((0,t.uX)(),(0,t.CE)("div",p,[s[5]||(s[5]=(0,t.Lk)("div",{class:"sign-icon"},"✍️",-1)),(0,t.Lk)("div",C,(0,l.v_)(F.userInfo.sign),1)])):(0,t.Q3)("",!0),(0,t.Lk)("div",y,[(0,t.Lk)("div",E,[(0,t.Lk)("div",U,(0,l.v_)(F.userInfo.follower),1),s[6]||(s[6]=(0,t.Lk)("div",{class:"stat-label"},"粉丝",-1))]),s[8]||(s[8]=(0,t.Lk)("div",{class:"stat-separator"},null,-1)),(0,t.Lk)("div",X,[(0,t.Lk)("div",_,(0,l.v_)(F.userInfo.following),1),s[7]||(s[7]=(0,t.Lk)("div",{class:"stat-label"},"关注",-1))])]),(0,t.Lk)("div",D,[(0,t.Lk)("button",{class:"follow-btn",onClick:s[1]||(s[1]=(...e)=>A.handleFollow&&A.handleFollow(...e))},"+ 关注")])])],32)):(0,t.Q3)("",!0)])),_:1})])}var F=a(4373),A=a(6253),M={name:"UserMeta",props:{id:{type:[String,Number],required:!0}},data(){return{userInfo:{nickname:"默认用户",verified:null,invited:null,medal:0,avatarUrl:"https://download.东北大学.com/avatar/default.png",follower:0,following:0,sign:"Hello World!"},showDetail:!1,loading:!1,error:null}},created(){this.fetchUserInfo()},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)},watch:{id(){this.fetchUserInfo()}},methods:{async fetchUserInfo(){this.loading=!0;try{const e=await F.A.get(`https://userlogin.xn--xhq44jb2fzpc.com/submission/get-author-info?id=${this.id}`);e.data={...e.data,follower:e.data.follower||0,following:e.data.following||0,sign:e.data.sign||"Hello World!"},this.userInfo=e.data}catch(e){this.error="获取用户信息失败",console.error("获取用户信息失败:",e)}finally{this.loading=!1}},handleClickOutside(e){const s=this.$el;this.showDetail&&!s.contains(e.target)&&(this.showDetail=!1)},handleFollow(){A.A.alert("关注功能暂未开放，敬请期待","提示").then((()=>{})).catch((()=>{}))}}},x=a(1241);const O=(0,x.A)(M,[["render",Q],["__scopeId","data-v-345b8298"]]);var q=O},2005:function(e,s,a){a.r(s),a.d(s,{default:function(){return L}});var t=a(6768),l=a(4232);const i={class:"user-demo"},n={class:"section"},r={class:"example"},d={class:"section"},o={class:"users-grid"},c={class:"card-content"};function u(e,s,a,u,v,f){const k=(0,t.g2)("UserMeta");return(0,t.uX)(),(0,t.CE)("div",i,[s[3]||(s[3]=(0,t.Lk)("h1",null,"用户信息组件示例",-1)),(0,t.Lk)("div",n,[s[0]||(s[0]=(0,t.Lk)("h2",null,"基本使用",-1)),(0,t.Lk)("div",r,[(0,t.bF)(k,{id:1})])]),(0,t.Lk)("div",d,[s[2]||(s[2]=(0,t.Lk)("h2",null,"多个用户展示",-1)),(0,t.Lk)("div",o,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)([1,2,3,11],(e=>(0,t.Lk)("div",{key:e,class:"user-card"},[(0,t.bF)(k,{id:e},null,8,["id"]),(0,t.Lk)("div",c,[(0,t.Lk)("p",null,"这是用户ID为 "+(0,l.v_)(e)+" 的内容区域",1),s[1]||(s[1]=(0,t.Lk)("p",{class:"hint"},"将鼠标悬停在用户信息上查看详情",-1))])]))),64))])])])}var v=a(211),f={name:"UserDemo",components:{UserMeta:v.A}},k=a(1241);const h=(0,k.A)(f,[["render",u],["__scopeId","data-v-0801b4ba"]]);var L=h}}]);
//# sourceMappingURL=5.54eb7543.js.map