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