smartai2dian0/src/modules/conversation-chat/DialogStopSse.vue

<template>
  <div class="stop-sse">
    <a-button class="stop-btn" @click="stopSse">
      <img class="icon" src="../../assets/chat/stop-1.png" alt="" />
      停止响应
    </a-button>
  </div>
</template>

<script setup>
const emit = defineEmits(['stopResponse']);
const stopSse = () => {
  emit('stopResponse');
};
</script>
<style scoped>
.stop-sse {
  text-align: center;
}
.stop-btn {
  width: 113px;
  height: 36px;
  border-radius: 12px;
  background-color: var(--color-bg-1);
  margin-bottom: 10px;
  .icon {
    margin-right: 3px;
  }
}
</style>