longyvfengyun
2023-11-17 3bb931d4eb57fec4a857c9dd0b11f9643c3506e5
src/components/dangerActBox.vue
@@ -17,10 +17,16 @@
      default: ""
   }
})
const emit = defineEmits(['click']);
const handleClick = ()=>{
   emit('click');
}
</script>
<template>
   <div class="danger-act-wrapper" :class="type">
   <div class="danger-act-wrapper" :class="type" @click="handleClick">
      <div class="danger-act-icon">
         <i class="iconfont" :class="icon"></i>
      </div>
@@ -37,6 +43,10 @@
.danger-act-wrapper {
   padding: 8px;
   display: flex;
   cursor: pointer;
   &:hover {
      background-color: #fafa5c50;
   }
   .danger-act-icon {
      display: flex;
      padding: 4px 16px;