| 1 |
- import{_ as u,c as n,a as t,F as r,r as o,w as m,v as g,b as h,o as l,t as c,n as p}from"./index-DctTo5DI.js";const x={data(){return{contacts:[{id:1,name:"联系人1"},{id:2,name:"联系人2"}],selectedContact:null,messages:[],messageText:""}},methods:{selectContact(d){this.selectedContact=d,this.messages=[{id:1,sender:"bot",text:"你好！"},{id:2,sender:"user",text:"这是我的消息。"}]},sendMessage(){this.messageText.trim()&&(this.messages.push({id:this.messages.length+1,sender:"user",text:this.messageText}),this.messageText="")},handleFileUpload(d){}}},_={class:"chat-container"},f={class:"sidebar"},C={class:"contact-list"},b=["onClick"],v={class:"chat-area"},k={class:"messages"};function y(d,s,T,M,i,a){return l(),n("div",_,[t("aside",f,[s[4]||(s[4]=t("header",{class:"app-title"},"应用标题",-1)),t("ul",C,[(l(!0),n(r,null,o(i.contacts,e=>(l(),n("li",{key:e.id,onClick:w=>a.selectContact(e)},c(e.name),9,b))),128))])]),t("main",v,[t("div",k,[(l(!0),n(r,null,o(i.messages,e=>(l(),n("div",{key:e.id,class:p({"user-message":e.sender==="user","bot-message":e.sender==="bot"})},c(e.text),3))),128))]),t("footer",null,[t("input",{type:"file",class:"file-upload",onChange:s[0]||(s[0]=(...e)=>a.handleFileUpload&&a.handleFileUpload(...e))},null,32),m(t("input",{type:"text","onUpdate:modelValue":s[1]||(s[1]=e=>i.messageText=e),onKeyup:s[2]||(s[2]=h((...e)=>a.sendMessage&&a.sendMessage(...e),["enter"])),class:"message-input"},null,544),[[g,i.messageText]]),t("button",{onClick:s[3]||(s[3]=(...e)=>a.sendMessage&&a.sendMessage(...e)),class:"send-button"},"发送")])])])}const U=u(x,[["render",y],["__scopeId","data-v-bb953c2f"]]);export{U as default};
|
