3eac4e1aac
* Release (#162) * feat: ✨ websocket server demo * feat: ✨ ws server demo dev * feat: ✨ ws server and mobile page * feat: ✨ 手机端发送消息 * feat: ✨ 手机网页发送消息 * 添加了抽奖中和抽奖完成时的音效 * feat: ✨ 自定义设置弹幕服务器地址 * feat: ✨ ws not done * fix: 🐛 fix pr-185 #185 为播放音效添加控制 * feat: ✨ server worker demo not done * feat: ✨ websocket server * feat: ✨ 全局接收websocket消息并存储到indexdb中 --------- Co-authored-by: Silence@2024 <707261624@qq.com>
30 lines
647 B
Vue
30 lines
647 B
Vue
<script setup lang='ts'>
|
|
import type { WsMsgData } from '@/types/storeType'
|
|
|
|
interface Props {
|
|
msgList: WsMsgData[]
|
|
}
|
|
defineProps<Props>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-1/2 h-1/2 border rounded-md shadow-lg">
|
|
<ul>
|
|
<li v-for="item in msgList" :key="item.id" class="mb-3">
|
|
<div class="chat chat-end">
|
|
<div class="chat-header">
|
|
<time class="text-xs opacity-50">{{ item.dateTime }}</time>
|
|
</div>
|
|
<div class="chat-bubble break-all whitespace-normal">
|
|
{{ item.data }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|