48px

wujingjing

2025-04-14 77b15609b62c9bcd80fcdfd65f134a06252920b9

 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,16 +25,16 @@
         <div
            v-show="digitalHumanIsShow"
            v-loading="humanIsLoading"
            class="absolute right-0 bottom-0 z-[2]"
            :style="{ width: digitalHumanWidth, height: `calc(${digitalHumanWidth} * 16 / 9 - 100px)`, overflow: 'hidden' }"
            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>
            <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]">
         <div v-if="!digitalHumanIsShow" class="absolute rounded-full right-[24px] bottom-[100px] z-[2] bg-white p-4">
            <el-tooltip content="数字人" placement="top">
               <button class="digital-human-button" @click="openDigitalHuman">
               <button class="digital-human-button " @click="openDigitalHuman">
                  <img alt="Icon" :src="iconSrc" />
               </button>
               <!-- <div
@@ -164,8 +164,8 @@
}

.digital-human-button img {
   width: 18px;
   height: 18px;
   width: 48px;
   height: 48px;
   object-fit: contain;
}
</style>