Skip to content

Commit 7343af8

Browse files
committed
(fix) add video message reply
1 parent e3cbbdd commit 7343af8

File tree

2 files changed

+9
-1
lines changed

2 files changed

+9
-1
lines changed

src/lib/Room/RoomMessageReply/RoomMessageReply.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@
4343

4444
.vac-image-reply {
4545
max-height: 100px;
46+
max-width: 200px;
4647
margin-right: 10px;
4748
border-radius: 4px;
4849
}

src/lib/Room/RoomMessageReply/RoomMessageReply.vue

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,10 @@
1111
:src="messageReply.file.url"
1212
class="vac-image-reply"
1313
/>
14+
<video v-else-if="isVideoFile" controls class="vac-image-reply">
15+
<source :src="messageReply.file.url" />
16+
</video>
17+
1418
<div class="vac-reply-info">
1519
<div class="vac-reply-username">
1620
{{ messageReply.username }}
@@ -46,7 +50,7 @@
4650
import SvgIcon from '../../../components/SvgIcon/SvgIcon'
4751
import FormatMessage from '../../../components/FormatMessage/FormatMessage'
4852
49-
const { isImageFile } = require('../../../utils/media-file')
53+
const { isImageFile, isVideoFile } = require('../../../utils/media-file')
5054
5155
export default {
5256
name: 'RoomMessageReply',
@@ -65,6 +69,9 @@ export default {
6569
computed: {
6670
isImageFile() {
6771
return isImageFile(this.messageReply.file)
72+
},
73+
isVideoFile() {
74+
return isVideoFile(this.messageReply.file)
6875
}
6976
}
7077
}

0 commit comments

Comments
 (0)