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

added vision for array - chathistory

Browse Source
This commit is contained in:
Kostya
2023-11-19 15:19:10 +03:00
parent 3e3e4bf365
commit 7032cc66b4
1 changed files with 29 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,88 +10,23 @@
</div>
</div>
</div>
<div class="chat__content--users">
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="chat__content--users" @dataclaim="ClaimDatamsg">
<ul>
<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>
</li>
</ul>
</div>
<writechat-component></writechat-component>
</aside>
@@ -99,10 +34,21 @@
<script>
import '@/assets/css/ElementsStyles/chat.css'
import ChatHistory from "@/mocks/ChatHistory";
import WritechatComponent from "@/components/WritechatComponent.vue";
export default {
components: { WritechatComponent }
components: { WritechatComponent },
data() {
return {
array: ChatHistory
}
},
methods: {
ClaimDatamsg() {
this.array = ChatHistory
}
}
}
</script>