停止生成

wujingjing

2024-12-17 1622a4d80dd86d0fde35af6908937f9be670fee3

 src/components/chat/components/playBar/PlayBar.vue

@@ -104,10 +104,21 @@
                  v-if="inputValue"
               >
               </el-button>
               <el-button title="发送" class="cursor-pointer" link @click="emits('sendClick')">
                  <div class="send">
                     <img src="/static/images/wave/QueryImg.png" />
                  </div>
               <el-button class="cursor-pointer" link>
                  <el-tooltip placement="top" content="停止生成" v-if="isTalking">
                     <div
                        class="size-[28px] stop-breathe rounded-full flex-center border-2 border-solid border-black text-black"
                        @click="emits('stopGenClick')"
                     >
                        <span class="ywifont ywicon-jieshu"></span>
                     </div>
                  </el-tooltip>

                  <el-tooltip v-else placement="top" content="发送">
                     <div class="size-[36px] rounded-full bg-black flex-center" @click="emits('sendClick')">
                        <img src="/static/images/wave/QueryImg.png" />
                     </div>
                  </el-tooltip>
               </el-button>
            </div>
         </div>
@@ -141,7 +152,7 @@
import VoicePage from './voicePage/VoicePage.vue';
import { getMetricsNames, querySimilarityHistory } from '/@/api/ai/chat';
import { activeGroupType, groupTypeList, groupTypeMapIcon } from '/@/stores/chatRoom';
const emits = defineEmits(['sendClick', 'showUpChatClick', 'showDownChatClick']);
const emits = defineEmits(['sendClick', 'showUpChatClick', 'showDownChatClick', 'stopGenClick']);
const props = defineProps({
   isTalking: Boolean,
   isHome: Boolean,
@@ -626,4 +637,17 @@
      }
   }
}

.stop-breathe {
   @keyframes breathe {
      0%,
      100% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.35);
      }
   }
   animation: breathe 3s infinite ease-in-out;
}
</style>