From 1dfc8160de00621c6c5b3656cca0b19061e61614 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期一, 14 四月 2025 15:12:14 +0800
Subject: [PATCH] 调整位置
---
src/components/chat/components/ChatContainer.vue | 49 ++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 42 insertions(+), 7 deletions(-)
diff --git a/src/components/chat/components/ChatContainer.vue b/src/components/chat/components/ChatContainer.vue
index 404af42..7556ea7 100644
--- a/src/components/chat/components/ChatContainer.vue
+++ b/src/components/chat/components/ChatContainer.vue
@@ -14,7 +14,7 @@
</div>
<!-- 鍥炲埌搴曢儴鎸夐挳 -->
- <div class="absolute right-28 bottom-56" v-if="!isBottom">
+ <div class="absolute right-28 bottom-72" v-if="!isBottom">
<div
class="flex items-center justify-center size-[38px] cursor-pointer hover:text-[#0284ff] border rounded-full hover:bg-[#f6f7f9] shadow bg-white"
@click="scrollToBottom"
@@ -25,21 +25,24 @@
<div
v-show="digitalHumanIsShow"
v-loading="humanIsLoading"
- class="absolute right-0 bottom-0 z-[2]"
- :style="{ width: digitalHumanWidth, height: `calc(${digitalHumanWidth} * 16 / 9)` }"
+ class="absolute right-0 bottom-6 z-[2]"
+ :style="{ width: digitalHumanWidth, height: `calc(${digitalHumanWidth} * 16 / 9 - 300px)`, overflow: 'hidden' }"
>
- <span class="ywifont ywicon-guanbi text-[20px] cursor-pointer absolute top-7 right-7 z-[1]" @click="closeDigitalHuman"></span>
- <div class="duix-container h-full w-full"></div>
+ <span class="ywifont ywicon-guanbi text-[20px] cursor-pointer absolute top-2 right-8 z-[1]" @click="closeDigitalHuman"></span>
+ <div class="duix-container h-full w-full" :style="{ width: digitalHumanWidth, height: `calc(${digitalHumanWidth} * 16 / 9)` }"></div>
</div>
<div v-if="!digitalHumanIsShow" class="absolute right-[24px] bottom-[100px] z-[2]">
<el-tooltip content="鏁板瓧浜�" placement="top">
- <div
+ <button class="digital-human-button" @click="openDigitalHuman">
+ <img alt="Icon" :src="iconSrc" />
+ </button>
+ <!-- <div
class="flex items-center justify-center size-[38px] cursor-pointer hover:text-[#0284ff] border rounded-full hover:bg-[#f6f7f9] shadow bg-white"
@click="openDigitalHuman"
>
<i class="ywifont ywicon-shuziren !text-[20px]" />
- </div>
+ </div> -->
</el-tooltip>
</div>
@@ -71,6 +74,7 @@
import { useScroll } from '../hooks/useScroll';
import type { QuestionLifecycle } from '../types';
import { useDigitalHuman } from './playBar/hook/useDigitalHuman';
+import { iconSrc } from './constants';
import emitter from '/@/utils/mitt';
const props = defineProps<{
loading?: boolean;
@@ -133,4 +137,35 @@
height: var(--loading-size);
}
}
+
+.digital-human-button {
+ width: 40px;
+ height: 40px;
+ border: none;
+ border-radius: 50%;
+ background-color: #ffffff;
+ cursor: pointer;
+ padding: 0;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ transition: all 0.3s ease;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.digital-human-button:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.digital-human-button:active {
+ transform: translateY(0);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.digital-human-button img {
+ width: 18px;
+ height: 18px;
+ object-fit: contain;
+}
</style>
--
Gitblit v1.9.3