index.db9faccb.js 3.2 KB

1
  1. import{C as n}from"./index.73b9ed1c.js";import{P as r}from"./index.f00cfda3.js";import{a as p,r as d}from"./index.175e4beb.js";import{d as l,c as e,aG as m,M as u,a1 as c,a as i,j as f,F as h,ae as g,af as a,z as x,A as v}from"./vendor.08af35ce.js";const b="_myFollow_v9boo_1",w="_musicListItem_v9boo_13",y="_rate_v9boo_16";var o={myFollow:b,musicListItem:w,rate:y};function F(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!c(t)}var I=l({name:"item",props:{item:{type:Object,default:{}}},computed:{subjects(){const{subjectName:t}=this.item;return t.split(",")}},render(){const t=this.item;return e("div",{class:["py-3 pl-3 pr-5 flex justify-between",o.musicListItem]},[e("div",{class:"flex items-center"},[e("img",{src:p,class:"w-[54px] h-[54px] rounded-full"},null),e("div",{class:"pl-5"},[e("div",{class:"flex items-center"},[e("span",{class:"text-base pr-1 text-[#333]"},[t.userName]),e(m,{modelValue:t.starGrade,disabled:!0,textColor:"#ffc459",class:[o.rate,"!h-4"]},null)]),e("div",{class:"pt-1"},[this.subjects.map(s=>e(u,{effect:"dark",size:"small",color:"#FFF1DE",style:{borderColor:"#FFF1DE",color:"#FF8C00",marginRight:"5px"}},F(s)?s:{default:()=>[s]}))])])]),e("div",{class:"flex items-center"},[e("div",{class:"flex pr-16 text-[#333] text-base leading-none"},[e("p",{class:"pr-5 mr-5 border-r"},[e("span",{class:"text-[#999] pr-2"},[i("\u7C89\u4E1D")]),t.fansNum]),e("p",null,[e("span",{class:"text-[#999] pr-2"},[i("\u5DF2\u4E0A\u8BFE\u65F6")]),t.expTime])]),e(f,{type:"primary",plain:!0,size:"small",disabled:!0,class:"!bg-white hover:!text-[#2DC7AA] !border-[#2DC7AA]"},{default:()=>[i("\u5DF2\u5173\u6CE8")]})])])}}),E=l({name:"list",data(){return{pageInfo:{limit:10,page:1,total:0,page_size:[10,20,40,50]},list:[],loading:!1,dataShow:!1}},mounted(){this.getList()},methods:{async getList(){this.loading=!0;try{const{data:t}=await d.post("/api-website/student/queryMyFollow",{requestType:"json",data:{page:this.pageInfo.page,rows:this.pageInfo.limit}});this.list=t.rows||[],this.pageInfo.total=t.total,t.total<=0&&(this.dataShow=!0)}catch{}this.dataShow?this.loading=!1:setTimeout(()=>{this.loading=!1},200)}},render(){return e(h,null,[e("div",{class:"px-[38px] pt-4"},[e(g,{loading:this.loading,animated:!0,class:" w-full m-auto px-[14px] flex items-center flex-col",count:3},{default:()=>[this.list.map(t=>e(I,{class:"mb-2",item:t},null))],template:()=>e("div",{class:"h-[94px] flex items-center justify-between w-full mb-2"},[e("div",{class:"w-2/3 flex items-center"},[e(a,{variant:"circle",style:{width:"66px",height:"66px"}},null),e("div",{class:"w-1/2 pl-2"},[e(a,{variant:"h3"},null),e(a,{variant:"p",style:{width:"50%"}},null)])]),e(a,{variant:"p",style:{width:"20%"}},null)])})]),e(r,{total:this.pageInfo.total,page:this.pageInfo.page,"onUpdate:page":t=>this.pageInfo.page=t,limit:this.pageInfo.limit,"onUpdate:limit":t=>this.pageInfo.limit=t,pageSizes:this.pageInfo.page_size,pagination:this.getList},null),this.dataShow&&e(n,null,null)])}}),S=l({name:"my-follow",data(){return{active:"MYFOLLOW"}},render(){return e("div",{class:o.myFollow},[e(x,{modelValue:this.active,"onUpdate:modelValue":t=>this.active=t},{default:()=>[e(v,{label:"\u6211\u5173\u6CE8\u7684\u8001\u5E08",name:"MYFOLLOW"},{default:()=>[e(E,null,null)]})]})])}});export{S as default};