ruoyi-plus-soybean/packages/materials/src/libs/page-tab/icon-close.vue

32 lines
847 B
Vue
Raw Normal View History

2023-11-17 08:45:00 +08:00
<script setup lang="ts">
defineOptions({
name: 'IconClose'
});
2023-12-14 21:45:29 +08:00
const emit = defineEmits<Emits>();
2023-11-17 08:45:00 +08:00
interface Emits {
(e: 'click'): void;
}
function handleClick() {
emit('click');
}
</script>
2023-12-14 21:45:29 +08:00
<template>
<div
class=":soy: relative inline-flex justify-center items-center w-16px h-16px text-14px rd-50%"
@click.stop="handleClick"
>
<svg width="1em" height="1em" viewBox="0 0 1024 1024">
<path
fill="currentColor"
d="m563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8L295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512L196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1l216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
></path>
</svg>
</div>
</template>
2023-11-17 08:45:00 +08:00
<style scoped></style>