添加聊天功能
This commit is contained in:
@@ -359,6 +359,7 @@
|
||||
<div class="chat-container">
|
||||
<!-- 消息列表 -->
|
||||
<div class="message-list" ref="messageList">
|
||||
{% raw %}
|
||||
<div v-for="(msg, index) in chatMessages" :key="index" class="message-item" :class="{'message-self': msg.isSelf}">
|
||||
<div class="message-content">
|
||||
<div v-if="msg.type === 'text'">{{ msg.content }}</div>
|
||||
@@ -378,6 +379,7 @@
|
||||
</div>
|
||||
<div class="message-time">{{ msg.time }}</div>
|
||||
</div>
|
||||
{% endraw %}
|
||||
</div>
|
||||
|
||||
<!-- 输入区域 -->
|
||||
@@ -393,26 +395,26 @@
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="#"
|
||||
:http-request="uploadImage"
|
||||
{% raw %}:http-request="uploadImage" {% endraw %}
|
||||
:show-file-list="false">
|
||||
<el-button size="small" type="primary">图片</el-button>
|
||||
</el-upload>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="#"
|
||||
:http-request="uploadVoice"
|
||||
{% raw %}:http-request="uploadVoice" {% endraw %}
|
||||
:show-file-list="false">
|
||||
<el-button size="small" type="primary">语音</el-button>
|
||||
</el-upload>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="#"
|
||||
:http-request="uploadVideo"
|
||||
{% raw %}:http-request="uploadVideo" {% endraw %}
|
||||
:show-file-list="false">
|
||||
<el-button size="small" type="primary">视频</el-button>
|
||||
</el-upload>
|
||||
<el-button size="small" type="primary" @click="showLinkDialog">链接</el-button>
|
||||
<el-button size="small" type="primary" @click="sendTextMessage">发送</el-button>
|
||||
<el-button size="small" type="primary" {% raw %}@click="showLinkDialog" {% endraw %}>链接</el-button>
|
||||
<el-button size="small" type="primary" {% raw %}@click="sendTextMessage" {% endraw %}>发送</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user