yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 20:29:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

added animation for delete first msg in chat

Browse Source
This commit is contained in:
Kostya
2023-11-19 16:14:38 +03:00
parent 1e7868f220
commit 7fe5a11698
2 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
luckydiamond/src/pages/ChatElement.vue
View File

@@ -12,20 +12,22 @@
</div>
<div class="chat__content--users">
<ul>
<li
v-for="msg in array"
:key="msg"
>
<div class="card__user">
<div class="user__icon">
<img :src="msg.icon">
<transition-group name="fade" mode="out-in">
<li
v-for="msg in array"
:key="msg"
>
<div class="card__user">
<div class="user__icon">
<img :src="msg.icon">
</div>
<div class="content">
<h1>{{ msg.username }}</h1>
<p>{{ msg.msg }}</p>
</div>
</div>
<div class="content">
<h1>{{ msg.username }}</h1>
<p>{{ msg.msg }}</p>
</div>
</div>
</li>
</li>
</transition-group>
</ul>
</div>
<writechat-component @send="ClaimDatamsg"></writechat-component>