me/mime-chat
Watch
1
0
Fork
You've already forked mime-chat
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix ts error + animejs import

Browse source
This commit is contained in:
riqo 2020-10-10 09:55:20 -05:00
commit a902594310
3 changed files with 23 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/UI/index.vue
View file

@ -91,9 +91,10 @@ import Messages from "./UIDetails/messages";
name: 'UIindex',
// components: { MessageItem },
setup() {
const anime = inject('animejs');
const timeline = anime.timeline({ loop: true });
const renderArr = ref([]);
const anime: object | any = inject('animejs');
const timeline: typeof anime = anime.timeline({ loop: true });
const renderArr: Message[] = [];
const messages = Messages;
const messageOffset = {
x: null,
@ -101,21 +102,19 @@ import Messages from "./UIDetails/messages";
}
const renderMsg = (i: number) => {
setTimeout(() => {
renderArr.value.push(messages[i]);
renderArr.push(messages[i]);
}, 2000);
}
const runAnim = () => {
this.messages = Messages;
for (let i = 0; i < this.messages.length; i++) {
for (let i = 0; i < messages.length; i++) {
renderMsg(i);
}
}
onMounted(() => {
// runAnim();
console.log(messages);
runAnim();
});
return {
timeline,
// timeline,
renderArr,
messageOffset
}