diff options
Diffstat (limited to 'src/components/group/Message.vue')
-rw-r--r-- | src/components/group/Message.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/components/group/Message.vue b/src/components/group/Message.vue index 56e2805..eedcc6e 100644 --- a/src/components/group/Message.vue +++ b/src/components/group/Message.vue | |||
@@ -1,5 +1,5 @@ | |||
1 | <template> | 1 | <template> |
2 | <div class="message"> | 2 | <div class="message" :class="{mine: is_message_mine}"> |
3 | <div class="sender">{{ get_message_user }}</div> | 3 | <div class="sender">{{ get_message_user }}</div> |
4 | <div class="content">{{ get_message_content }}</div> | 4 | <div class="content">{{ get_message_content }}</div> |
5 | <div class="date">{{ get_message_date }}</div> | 5 | <div class="date">{{ get_message_date }}</div> |
@@ -19,6 +19,8 @@ export default { | |||
19 | let date = new Date(this.message.create_date) | 19 | let date = new Date(this.message.create_date) |
20 | return `${date.getDate()}/${date.getMonth()} ${date.getHours()}:${date.getMinutes()}` | 20 | return `${date.getDate()}/${date.getMonth()} ${date.getHours()}:${date.getMinutes()}` |
21 | }, | 21 | }, |
22 | |||
23 | is_message_mine() { return this.message.is_mine } | ||
22 | }, | 24 | }, |
23 | 25 | ||
24 | created() { | 26 | created() { |
@@ -31,5 +33,11 @@ export default { | |||
31 | <style scoped> | 33 | <style scoped> |
32 | .message { | 34 | .message { |
33 | width: 100%; | 35 | width: 100%; |
36 | margin-bottom: 10px; | ||
37 | color: white; | ||
38 | } | ||
39 | |||
40 | .mine { | ||
41 | color: red; | ||
34 | } | 42 | } |
35 | </style> | 43 | </style> |