添加聊天功能
This commit is contained in:
@@ -362,7 +362,7 @@
|
||||
{% 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>
|
||||
<div v-if="msg.type === 'text'" v-text="msg.content"></div>
|
||||
<div v-else-if="msg.type === 'image'">
|
||||
<img :src="msg.content" style="max-width: 200px; max-height: 200px;">
|
||||
</div>
|
||||
@@ -373,11 +373,11 @@
|
||||
<video controls :src="msg.content" style="max-width: 200px;"></video>
|
||||
</div>
|
||||
<div v-else-if="msg.type === 'link'">
|
||||
<a :href="msg.content.url" target="_blank">{{ msg.content.title }}</a>
|
||||
<p>{{ msg.content.description }}</p>
|
||||
<a :href="msg.content.url" target="_blank" v-text="msg.content.title"></a>
|
||||
<p v-text="msg.content.description"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="message-time">{{ msg.time }}</div>
|
||||
<div class="message-time" v-text="msg.time"></div>
|
||||
</div>
|
||||
{% endraw %}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user