lq/nl-im-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化了本地存储和一些组件细分，完成了复制图片、适配可以直接发送的功能

Browse Source
This commit is contained in:
年糕崽崽
2025-07-03 15:36:34 +08:00
parent adf9f73431
commit bcee1e7cc6
34 changed files with 5954 additions and 790 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/ChatHeader.vue
View File

@@ -1,27 +1,27 @@
<template>
<div class="p-5 border-b border-gray-200 bg-white">
<div class="flex items-center">
<div
class="w-12 h-12 rounded-full flex items-center justify-center text-white font-bold text-lg mr-4"
:style="{ background: chatStore.currentFriend?.color }"
>
{{ chatStore.currentFriend?.name.charAt(0) }}
</div>
<div>
<h3 class="text-lg font-semibold text-gray-800">{{ chatStore.currentFriend?.name }}</h3>
<p class="text-sm flex items-center gap-1">
<div class="p-5 border-b border-gray-200 bg-white dark:bg-gray-800 dark:border-gray-700">
<div class="flex items-center">
<div
class="w-12 h-12 rounded-full flex items-center justify-center text-white font-bold text-lg mr-4"
:style="{ background: chatStore.currentFriend?.color }"
>
{{ chatStore.currentFriend?.name.charAt(0) }}
</div>
<div>
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200">{{ chatStore.currentFriend?.name }}</h3>
<p class="text-sm flex items-center gap-1">
<span
class="w-2 h-2 rounded-full"
:class="isFriendOnline ? 'bg-green-500' : 'bg-red-500'"
></span>
<span :class="isFriendOnline ? 'text-green-600' : 'text-red-600'">
<span :class="isFriendOnline ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'">
{{ isFriendOnline ? '在线' : '离线' }}
</span>
</p>
</div>
</div>
</p>
</div>
</div>
</div>
</template>
<script setup>