File tree Expand file tree Collapse file tree 1 file changed +19
-1
lines changed Expand file tree Collapse file tree 1 file changed +19
-1
lines changed Original file line number Diff line number Diff line change 13
13
/>
14
14
</div >
15
15
16
+ <div v-else-if =" isVideo" class =" vac-video-reply-container" >
17
+ <video width =" 100%" height =" 100%" controls >
18
+ <source :src =" message.replyMessage.file.url" />
19
+ </video >
20
+ </div >
21
+
16
22
<div class =" vac-reply-content" >
17
23
<format-message
18
24
:content =" message.replyMessage.content"
32
38
<script >
33
39
import FormatMessage from ' ../../components/FormatMessage'
34
40
35
- const { isImageFile } = require (' ../../utils/media-file' )
41
+ const { isImageFile , isVideoFile } = require (' ../../utils/media-file' )
36
42
37
43
export default {
38
44
name: ' MessageReply' ,
@@ -53,6 +59,9 @@ export default {
53
59
},
54
60
isImage () {
55
61
return isImageFile (this .message .replyMessage .file )
62
+ },
63
+ isVideo () {
64
+ return isVideoFile (this .message .replyMessage .file )
56
65
}
57
66
}
58
67
}
@@ -82,6 +91,15 @@ export default {
82
91
}
83
92
}
84
93
94
+ .vac-video-reply-container {
95
+ width : 200px ;
96
+ max-width : 100% ;
97
+
98
+ video {
99
+ border-radius : 4px ;
100
+ }
101
+ }
102
+
85
103
.vac-reply-content {
86
104
font-size : 12px ;
87
105
color : var (--chat-message-color-reply-content );
You can’t perform that action at this time.
0 commit comments