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;