yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 暗黑模式下样式

pull/80/MERGE
xingyu4j 2025-04-23 15:54:17 +08:00
parent 5988b85507
commit 7fdc4d91e9
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/web-antd/src/views/infra/webSocket/index.vue
View File

@ -189,7 +189,7 @@ onMounted(async () => {
<span class="ml-2 text-lg font-medium">连接管理</span> <span class="ml-2 text-lg font-medium">连接管理</span>
</div> </div>
</template> </template>
<div class="mb-4 flex items-center rounded-lg bg-gray-50 p-3"> <div class="mb-4 flex items-center rounded-lg p-3">
<span class="mr-4 font-medium">连接状态:</span> <span class="mr-4 font-medium">连接状态:</span>
<Tag :color="getTagColor" class="px-3 py-1">{{ getStatusText }}</Tag> <Tag :color="getTagColor" class="px-3 py-1">{{ getStatusText }}</Tag>
</div> </div>
@ -251,7 +251,7 @@ onMounted(async () => {
v-model:value="sendText" v-model:value="sendText"
:auto-size="{ minRows: 3, maxRows: 6 }" :auto-size="{ minRows: 3, maxRows: 6 }"
:disabled="!getIsOpen" :disabled="!getIsOpen"
class="border-1 rounded-lg border-gray-300" class="border-1 rounded-lg"
allow-clear allow-clear
placeholder="请输入你要发送的消息..." placeholder="请输入你要发送的消息..."
/> />
@ -282,13 +282,13 @@ onMounted(async () => {
</Tag> </Tag>
</div> </div>
</template> </template>
<div class="h-96 overflow-auto rounded-lg bg-gray-50 p-2"> <div class="h-96 overflow-auto rounded-lg p-2">
<Empty v-if="messageList.length === 0" description="暂无消息记录" /> <Empty v-if="messageList.length === 0" description="暂无消息记录" />
<div v-else class="space-y-3"> <div v-else class="space-y-3">
<div <div
v-for="msg in messageReverseList" v-for="msg in messageReverseList"
:key="msg.time" :key="msg.time"
class="rounded-lg bg-white p-3 shadow-sm" class="rounded-lg p-3 shadow-sm"
> >
<div class="mb-1 flex items-center justify-between"> <div class="mb-1 flex items-center justify-between">
<div class="flex items-center"> <div class="flex items-center">
@ -296,9 +296,9 @@ onMounted(async () => {
<span class="ml-1 font-medium text-gray-600">{{ <span class="ml-1 font-medium text-gray-600">{{
getMessageTypeText(msg.type) getMessageTypeText(msg.type)
}}</span> }}</span>
<span v-if="msg.userId" class="ml-2 text-gray-500" <span v-if="msg.userId" class="ml-2 text-gray-500">
>用户 ID: {{ msg.userId }}</span 用户 ID: {{ msg.userId }}
> </span>
</div> </div>
<span class="text-xs text-gray-400">{{ <span class="text-xs text-gray-400">{{
formatDate(msg.time) formatDate(msg.time)