smartai2dian0/src/modules/file-preview/FileItemRemoveBtn.vue

<template>
  <span class="file-item-remove-btn" @click.stop="handleRemove"><icon-close /></span>
</template>

<script setup>
const emit = defineEmits(['delete']);

/**
 * 移除
 */
const handleRemove = () => {
  emit('delete');
};
</script>

<style lang="css" scoped>
.file-item-remove-btn {
  position: absolute;
  background-color: red;
  color: #fff;

  border-radius: 50%;

  cursor: pointer;

  font-size: 12px;
  width: 14px;
  height: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
</style>