activeTopMenuStyle

wujingjing

2025-04-09 dd58c1d3a27ba48a5df050aab7c586bb9b988914

 src/components/chat/components/ChatContainer.vue

@@ -22,6 +22,21 @@
               <i class="ywifont ywicon-xiangxiajiantou !text-[20px]" />
            </div>
         </div>
         <div v-show="digitalHumanIsShow" v-loading="humanIsLoading" class="absolute right-28 bottom-[250px] w-[303.75px] h-[540px]">
            <span class="ywifont ywicon-guanbi text-[20px] cursor-pointer absolute top-2 right-2 z-[1]" @click="closeDigitalHuman"></span>
            <div class="duix-container h-full w-full"></div>
         </div>

         <div v-if="!digitalHumanIsShow" class="absolute right-28 bottom-[250px]">
            <el-tooltip content="数字人" placement="top">
               <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>
            </el-tooltip>
         </div>

         <!-- 输入区域 -->
         <div class="w-full px-6 pb-6 bg-[rgb(247,248,250)] flex justify-center z-[1] flex-0" v-if="!isSharePage">
@@ -50,6 +65,7 @@
import { useChatWidth } from '../hooks/useChatWidth';
import { useScroll } from '../hooks/useScroll';
import emitter from '/@/utils/mitt';
import { useDigitalHuman } from './playBar/hook/useDigitalHuman';

const props = defineProps<{
   loading?: boolean;
@@ -58,7 +74,9 @@
}>();

const chatListDom = ref<HTMLDivElement>();

const { openDigitalHuman, isHumanTalking, humanIsLoading,digitalHumanIsShow, closeDigitalHuman } = useDigitalHuman({
   container: '.duix-container',
});
const { scrollToBottom, isBottom } = useScroll({
   chatListDom,
});