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 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

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

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